Sapporo.js - 2012/08/26 に参加してきたよ！

参加してきたのでメモー

「Javascript: The Good Parts」 の読み合わせ（前半）

  • 前回どこだっけw
    • p.91 array.slice からということでw
  • array.slice(start, end)
    • 配列の一部分のコピーを生成するよ
    • マイナス値を指定した場合は配列の末尾側からの指定
      （実際には"指定した値 + length"を指定したような扱いらしい）
    • array.slice(0) で配列のコピーできるよ！
      • arguments のコピーとかでもよく使われる
        Array.prototype.slice.apply(arguments);
  • array.splice(start, deleteCount, item...)
    • 配列の要素を置き換える
    • 破壊的操作！
    • slice とは引数の指定の仕方が異なるぜー
    • 戻り値に削除された要素が入ってくる
    • 戻り値とか、破壊的操作とかあんまり直感的じゃない感
  • array.sort(comparefn)
    • 配列自身の中身をソートしたものに置き換える
    • 破壊的！
      • 戻り値もソートされてる
      • 対象となった配列もソートされている
      • Object.freeze を使うとソートも禁止できる
        • この場合、sort をかけても順番は変更されない
        • この場合でも slice でコピーされた配列についてはソート可能
// コピー後の配列をソートする
a.slice().sort()
    • 数値の配列は正しく並べ替えることはできない！
      • 要素の並べ替えは文字列とみなしてソートしてしまうのだぜー
      • 自分で比較関数を用意すればおｋ
a.sort(function (a, b) {
   return a- b;
});
    • 比較関数を引数で渡せるよ
      • 比較結果が同じだった場合に別の方法でさらに比較する、みたいなことも可能

@y_jono さんの発表 - 「Javascript: The Power of Simplicity」


  • 初発表！
    • おお、意外？！
  • テーマ：Javascript の表現力は世界一ィィィー
    • 表現力がある -> 製薬がない
    • Javascript のオブジェクト指向で良いプログラムを書くには？
      • アイデアを考えてきたよ
  • OO ってなんだっけ
    • 認識が違うと話は咬み合わないよねーってことで
    • 継承とか prototype とか mixin とかの話
    • Javascript のできた時の話
      • Javascript のベースになったのは SELF（プロトタイプベースオブジェクト指向）, Scheme(関数型), Java
      • "SELF: Power of Simplecity" という論文がある
  • Javascript の長所と短所
    • ここが長所なんちゃう？
      • 強力な表現力
        • Prototype.js とか jQuery とかねー
      • マルチパラダイム（OOP, FP, 手続き）
        • （マルチパラダイムっていうと C++ ェ・・・）
    • ここなんて短所？
      • 保守性の低下（コードが人に依存する）
      • たくさんのバッドパーツ
  • prototype と向き合う
    • SELF について知る
      • Prototype-based OOPL
        • prototype: Smalltalk の class を包含するような概念
          • Smalltalk は動的な言語、環境、システム
      • ルールのシンプルさと操作性
        • Object はスロット（≒プロパティ）の集合
        • Javascript と違うのは関数の実行も意識させない？
          • 手続きが格納されている場合、手続きの結果が自動的に実行されて帰ってくるらしい・・・
          • （ほえー）
      • SELF を触ってみる
        • mac / solaris で動く
        • *.snap をクリックすると仮想マシンが動く、環境含めて SELF
        • GUI 環境
        • スロットを書き換えることでプログラミングをする？
        • 複数の prototype を持つことができる
    • これを知れば prototype 風に Javascript の良い使い方ができるのでは？
  • Javascript と上手に使うには
    • prototype を共有のための仕組みと捉えたらどうですかねぇ
    • （このあたりで力尽きた・・・）

@havanaclub_ さんの発表 - 「WebGL - 基礎と概要」


  • WebGL とは
    • OpenGL ES 2.0 の Javascript porting
    • canvas 内に描画できる
    • GPU 使える
    • 過去にセキュリティ的な問題があった
  • Firefox, Chrome, Safari, Opera はいけるらしい
  • モバイルでも頑張れば使える、近い将来・・・
  • OpenGL ES 2.0 とは
    • OpenGL 2.0 のサブセット
    • 最近のスマホの標準
  • デモ
    • ミクミクダンスとか
    • （よく動くなー、すげー）
  • これが嬉しいぜー
    • デプロイが必要ない
    • クロスプラットフォーム
    • クロスデバイス（予定、何年か後にはいけるでしょうとのこと）
  • Programmable shader
    • 全部の描画を Programmable Shader を使わないといけない
    • パイプラインにデータとシェだプログラムを投げて実行させる
    • （まじかー、頂点シェーダー使ったことないからよくわからんけど大変そう。）
    • GLSL を文字列で投げてやるらしい、ぅおー
      • 結構めんどうらしい、ぅおー
      • （プログラミング側で色々 Open GL の API を叩いていた部分をほとんど GLSL で記述するようなイメージっぽい。ほむほむ。）
  • サンプル
    • しょぼいサンプルのために 187 行（・・・！！）
    • やってられんわー
  • ライブラリあるよ
    • three.js
    • PhiloGL
    • GLGE
    • SceneJS
    • 上３つはさほど変わらない
  • three.js がオススメ
    • 最近本が出た
    • 単純なオブジェクトの生成
    • ボーン、IK（手の先端に関節がついてくる、みたいな機能）の管理
    • モデルデータ、テクスチャ、カメラの管理
    • FOGとか
  • デモ
    • 大分短くなってるわー
    • （3D なのに行列演算が出てきてない！まじかー）
  • 使い道？
    • ゲーム方面
      • Quake 2 は移植できたらしい
    • グラフとかー
  • 本
    • O'reilly - WebGL
      • 今月出たばっかの本
      • three.js ベース
      • とても良い
    • Professional WebGL Programming: Developing 3D Graphics for the Web
      • 初心者向け？
      • 絵を出してテクスチャ貼るところまで
    • もう一冊本当に初心者向けの本があるらしい
    • OpenGL Insights
    • Programming OpenGL ES 2.0
      • これまえはなさんが持ってたー
      • 日本語版があるよー
    • OpenGL 4.0 Shading Language cookbook
      • GLSLはこれがいいらしい
      • ただし GLSL のバージョンが違うので注意

コメント

コメントを投稿

このブログの人気の投稿

PostgreSQLで多次元配列を1次元配列に展開したい

イメージ
この記事は PostgreSQL Advent Calendar 2016 の8日目の記事です。 PostgreSQL では配列型がサポートされており、多次元配列を扱うことができます。 データ集計などを行う際に配列型を利用することで多少難しいロジックの実現や速度の向上といった恩恵を得ることができる場合があります。 ところがマニュアルの 配列関数と演算子 の項目を眺めてみるとお気づきになると思うのですが、多次元配列を1次元配列に一発で展開するような関数は用意されていません。 以前、ARRAY_FLATTEN が欲しいなぁと思って調べてみたのですが、現時点では何らかの方法で自前で実現してやるしかないようです。 今回、次の3種類の方法を検討しパフォーマンスについて調査してみました。他には自前で集約関数を実装するという方法もあると思いますが、今回は標準の機能で実現できる方法に絞っています。 UNNEST & ARRAY_AGG ARRAY_TO_STRING & STRING_TO_ARRAY LATERAL & UNNEST & ARRAY_AGG 結果としてはどうやら3の方法が、そこそこ安定した速度が出て、気をつける点も少ないため扱いやすそうでした。 追記：あとで気づいたけどスカラサブクエリでも良かった。
続きを読む

inotify でファイル監視しようず！

イメージ
先日 @volpe_hd28v さんから inotify いいですよ！っていうお話を聞いたので早速メインで使用している Ubuntu 環境で使ってみます！ 使用にあたっては次のページを参考にさせて頂きました！ inotify でディレクトリを監視してみる - いますぐ実践! Linux システム管理 / Vol.157 ざっくり概要 インストール： sudo apt-get install inotify-tools 使用： while inotifywait -r -e modify 監視対象; do したいこと（make とか）; done
続きを読む

ジャックパーセルのかかとの内側を直した

イメージ
2シーズン履いたジャックパーセルのかかとの内側の布が破れてきてしまっていたので修理した。壊れたものを分解したり直したりするのはなかなか楽しい。 白い革のジャックパーセル。結構汚れているように見えるが実際結構汚れている。 こんな感じでかかとの内側に貼ってある布が破れてきていた。こうなるとかかとがめっちゃこすれるようになるので、靴下に穴が空いたりかかとが靴擦れになったりして塩梅がよくない。今回はこれを修理していく。 紺色のインソールがはいって。ジャックパーセルにはかなり厚手のインソールがついている。これは僕が持っている登山用の靴のインソールより厚手だったりする。 使うのは代わりの布とハサミとボンド。この写真では2種類布を用意してあるけど最終的は奥にある濃い紺色の布だけを使った。ボンドは手芸店で売っていた皮革とか布とかゴムとかをつけることができるやつ。先日はシャンプードレッサーのプラスチック棚を直すのにも使ったりした。ほとんど万能、とても便利。 ちなみに今回は手元にあるものを使って直したけど、道具がない場合はAmazonとかで売っている修理キットをそちらを使った方が簡単だと思う。ネットの噂によるとちょっと高めになるけど靴の修理屋さんとかでも直してもらえるらしい。 破れてベロッとなっていた部分の布を切り落とす。破れていた部分以外は接着剤か何かでくっついているようで簡単には剥がせなかった。 インソールを外した方が作業がしやすいので、作業時は外している。 破れた部分に貼る布を適当に切って合わせてみる。端の部分はほつれてくると嫌なので折り返してボンドで止めた。 布は手元に持っていた紺色のものを使った。質感からなにがしかのジーンズ生地のきれっぱしだと思われる。元は白い布が貼ってある場所なので白いガーゼ布みたいのでももちろん問題ないし、柄物の生地とかでも面白いかもしれない。 サイズもよさそうだったのでボンドで貼り付けていく。中心の線を最初に留めてそこから左右を留めていくとやりやすかった。底の面のあたりはどうせインソールで隠れるので綺麗に切りそろえたりはしなかった。 インソールを入れたところ。インソールの厚みがあるので、下の方はほとんど隠れている。まあまあよさそうだ。今回使った布がインソールとかなり色の近い紺なのであまり違和感はないと思
続きを読む