※スマホ対応はしてません。

シンガポールのJSConf.Asiaに参加してLTしてきたよ。

カテゴリー: 日記

先日のCSSConf.Asia、JSConf.Asiaに参加してきました。

げこたんが行くってFaceboookで言っていたのを見て、自分も行ってみたいなと。そもそも海外に出た事がなかったので、その挑戦も兼ねています。

なんだかんだでLTしてきちゃいました。

はじめて

  • 海外へ行った
  • 英会話を実践した
  • 時差を経験した
  • 海外のカンファレンスへ参加した
  • 海外のカンファレンスで発表した
  • 飛行機の予約をした
  • 飛行機へ乗り損ねた
  • キャンセル待ちで飛行機に乗った
  • 一人で飛行機へ乗った
  • 複数便の飛行機を乗り継いだ
  • 機内食を食べた
  • 一人で宿に泊まる旅行をした

すげー経験値溜まった感ある。

(さらに…)

getAttribute()に第二引数があって何これと思ったら、IEの独自実装だって。

カテゴリー: JavaScript

MSDNに載ってた。

lFlags [in, optional]

  • Type: Integer
  • Integer that specifies one or more of the following flags:

    0
    Default. Performs a property search that is not case-sensitive, and returns an interpolated value if the property is found.
    1
    Performs a case-sensitive property search. To find a match, the uppercase and lowercase letters in strAttributeName must exactly match those in the attribute name.
    2
    Returns attribute value as a String. This flag does not work for event properties.
    4
    Returns attribute value as a fully expanded URL. Only works for URL attributes.

lFlags [入力、任意]

  • 型: Integer
  • 以下のフラグをひとつ以上指定する数値:

    0
    初期値。大文字と小文字を区別せずにプロパティ検索を実施し、見つかれば記述された通りの値を返す。
    1
    大文字と小文字を区別してプロパティ検索を実施する。見つけるには、strAttributeName(編註:第一引数)の大文字と小文字がその属性名と完全に合致する必要がある。
    2
    文字列として属性値を返す。このフラグはeventプロパティでは動作しない。
    4
    完全に展開されたURLとして属性値を返す。URL属性でのみ動作する。

setAttribute()の方にもあるみたい。

あーIE独自だよって書いてないなあ。MDNDOMの仕様では記述なし。まあいっか。

この記事で知りました。

超軽量Model-ViewライブラリーOsteoporosis.jsを公開したよ。

カテゴリー: JavaScript

はい、しました。

Backbone.jsを念頭に、ごく一部のみの機能に絞って実装したものです。

実装コードは161行で3.5 KB、uglifyjsを通してコメント付けて、1.3 KBになります。さらにmin版は64文字を一行の最長として改行を加えておいたので、実装コードにコピペで利用できます。サンプルのJS参照。

冒頭のごちゃっとしてるところがライブラリー。

使いどころ

携帯版サイトでBackbone的な機能は欲しいけどもbackbone-min.jsの6.5 KBをケチりたい気分のときがあって、こういうのを利用してました。当然それなりの規模であればBackbone.jsなりを使った方が良いと思う。

コピペでファイルに貼り付けると通信オーバーヘッドを削れるという利点もあります。これまたそれなりの規模であれば、別々のファイルで開発してconcatするべきですね。

実装機能

詳細はREADMEのリファレンス参照。

  • extend
  • on, trigger
  • set, get (Model)
  • change event (Model)
  • el, $el, $(selector) (View)

on()があるのにoff()がないってのは割り切りです。実際、そんなに使わないでしょう? listenTo()は欲しい気もするけど、fn.bind()で十分間に合うので省略。

あとはextend、これ作ったは良いけどいらなかったかなーと思ってる。今後削るかもね。

っていう事も

READMEに書いておいた方が良いのだろうなあ。

というわけで

七月以来、久しぶりのgithub contribnutionでした。

驚きの白さ。

ひゃあー恥ずかしい。

HTML5 Rocksで「ハイパフォーマンス・アニメーション」の翻訳に参加したよ。半年前にw

カテゴリー: JavaScript, 拙作

諸事情により公開が遅れていたようなのですが、今月七日に完了したようです。「レイアウト変更を伴うプロパティのアニメーション」の項が担当でした。たしか。

これは「翻訳に挑戦しようぜ!」というイベントがあって、それに参加して翻訳した形です。レポート記事はこちら。(いやはや四月って書いてますね。)

翻訳の内容がアレであればPRをお願い致します。

「翻訳」のところにちゃんと名前が載ってます。わーい。

Surface Pro 3が出るので、そろそろ初代を一年くらい使った感想を。割と気に入ってるよ。

カテゴリー: 未分類

surface-pro

いよいよ今月発売だそうで。Win 8はタッチ操作が大変快適です。

購入したもの

Surface Proです。2とかRTとかじゃなくて。

あ、最初に

“Surface”と”Surface Pro”の違い

について書いておこう。

非常に紛らわしいのですが、Surface RTやSurface 2のOSは”Windows RT”というタブレットとか向けの別物です。要は Proじゃない方のSurfaceはWindows機じゃない って事。Windows Phoneに近くて、普通のWindows用ソフトは動きません。間違えないでね!

これはMicrosoftがevilだと思う。

全体的には満足してます

lgtm
Looks Goot To Me

形状が特殊なので必ずしも万人にお勧めはしませんが、個人的には気に入っています。いやもうタッチ操作最高すぐる。

スペックは高めらしい? ニコニコ動画のコメントは数が多くてもスムーズに動いてます。艦これも楽々動くそうですよ。(やった事ないけど。)

ちなみに当方Windows 98→XP→Mac OS X (MacBook Pro)→(MacBook Air)→Windows 8 (Surface Pro)という乗り換え履歴です。Macも良かったよ、というか現在も仕事では併用してます。

残念なところ

先に悪いお報せです。(Pro 3で改善されたらしいものは除きました。)

スリープモード

本体右上にボタンがあって、そこを押してスリープモード?に入る。

いやいや、そうじゃないだろ。そこは画面をオフにするだけで、中身は動き続けていてくれないと。音楽聴きながらちょっと席を移動しようとしたらとりあえずぽちっとするだろ。しないと画面がそのままじゃん、間違って触ったら間違った操作になっちゃうじゃん、だからiPadでもそうでしょ。ぽちっとするじゃん。するとマシンが止まるじゃん。音楽止まるじゃん。だめじゃん。どうしろってのこれ。

あと長距離移動するときとか、本当にスリープモードにしたいとき、まあしょうがないからさ、ぽちっと押したらスリープする。うん、そこまでは想定通り。でもさ、それが鞄の中で何かのはずみに復帰しちゃうのはどうしたら良いのよ。いやもちろん復帰してもまだログイン前画面だからそのまま誤操作とかないけどさ、でもほら、その後スリープしないじゃん? 付いたら付きっぱなしじゃん? 電池減るじゃん? 鞄が熱くなるじゃん? なにカイロなの? なんでこうなるの? 画面全体が反応するせいなの? スリープ前にこすれて操作されたと思っちゃうの? あとやった事ないけど、もしかしてこのタイミングで音も鳴るの? どうしろってのこれ。

OSの仕様とも関係してくるのだろうけども、タブレット向けなら画面オフのあたりにも気をつけて欲しかった。ここは強い不満を抱えている。

Type Coverのトラックパッド

別売りのやつ。キーは悪くないのだけども、トラックパッドが駄目。

何やら動き始める前の「遊び」が変にあるみたいで、ちょっと指を動かしても反応しない。それは普通かもしれないけども、もうちょっと動かすと反応して、そうすると一気に飛ぶ。なんぞ。結局ここで微調整する事が不可能なので、わざと大きく動かしてからカーソルを戻して微調整する事になる。なお静止してしまうとまた「遊び」が邪魔をするので、静止しないよう少しずつ動かしながら微調整する。ひどい。……うーん、うまく言えないな。

結局別のBluetoothキーボードを購入して利用している。

電源ケーブル

アダプター部分?が四角い。ケーブルを巻き付けると断線しそう。握りしめると痛い。(?)

adopter
こんな。

あと本体右側に、MacBookのMagSafeみたいな、磁石付きで「ばちこーん」てなるのがあって、これは便利なんだけども、なんでか装着しづらい。本来の位置とは違う場所にばちこーんて引っ付いてしまう。そしてケーブル側の口が四角く尖ってるので、本体を削ってしまう。

(ついでに、まあ仕方ないのだけども、MacBookみたいに一般化していないので誰かに借りられる可能性は低い。きちんと持ち歩かないといけない。いや本当、これは仕方ないのだけども。)

アプリストアが閑古鳥

うう。流行ってくれえー。

普通じゃない

やっぱりキーボードとかは「普通のノートパソコン」じゃないので、それを期待すると嫌になりそう。個人的には全然困ってはいないけども、一応。

良いところ

タッチ操作

これ最高。ちょっとした操作をしたいとき(画面スクロールとか)視線を画面に固定したまま行えるのってすごく楽。

ワンパンマン 35撃目[ボロスの本領](1) / 原作/ONE 作画/村田雄介 – ニコニコ静画 (マンガ)

だらーっと2chとかニコニコ動画とかネットサーフィン(死語)するときは、タブレットとして手に持って楽な場所に移動して楽な姿勢ですーいすいと使える。スクロール量も思い通りにいくし、(ブラウザーによるけど)拡大縮小も指でできる。素晴らしく楽。

自宅で食事中にネットをぽちぽち見てるんだけど(一人暮らし)、そういうときも指で操作できるのは大変ありがたい。

デスクトップアプリ(普通のWindowsアプリ)はタッチ操作に最適化されていないけども、一応マウス代わりに基本的な操作はできます。まあ小さいボタンだとさすがにつらいけども。

あとあまり一般的な用途じゃないけども、コードレビューとかするときにスクロール操作を指でできるの、すごく良い。口頭であれやこれやと説明するのって大変だし、相手からマウスとか受け取るのも面倒だし。本当に楽。

ペン

個人的に世界が広がった。今までだと絵を描くときはマウスでぽちぽちやるか、指でふにゃふにゃやるかだったんだけど、ペンが使える事ですこぶる描きやすい。当たり前だけど。iPadでお絵描き用にペンみたいなやつ買おうかちょっと迷った時期もあったけれども、やはりペンは細いのが良いと思います。

ちなみに絵を描くといっても本格的に絵描きさんみたいなのを目指してるんじゃなくて、発表資料の端の隙間にペンギンがいるとかそういうのです。絵描きさん的にはどうなんだろう?

quad-core
これとか。

電池の持ち

十分持ちます。最近の機体はだいたいそんなもの? 流行を知らないので何とも。

再起動が早い

今のこの機体だと、だいたい三十秒弱で再起動できました。

Windowss Updateで更新したりちょっと大袈裟なアプリを入れて再起動するときも大して待たずに完了できます。とはいえ、再起動前に全部終了させないといけないのは相変わらずなんですが。

軽さ

軽いはず。

でも見た目がタブレットなせいで、「手に持ってみると意外に重い」という評価になりがち。実際はMacBook Airより軽くてiPadよりは重いという位置付けです。

MS Office

まー別にGoogle Appsやらで良いのではーとか思ってたんですが、いや、使ってみるとやっぱり完成度高い。なんんだかんだで便利です。

電源アダプターのUSBコンセント

何て言うんだろ、USBを指す穴がアダプターのところに付いてて、給電できます。地味に便利。接続じゃなくてあくまでも給電のみ、なんだけど。

adopter
左側手前の穴がそれ。

ちなみに本体にはUSBの穴はひとつだけです。

その他

板(本体)が自立するよう足が付いてるんだけど、この角度があんまり……。この点については2で二段階になって、3では無段階に傾けられるよう性能向上しているそうなので、楽しみ。

そういえばPro 3ではできるみたいな宣伝だけど、いやそれは無理だろ……。

カメラ

カメラが前後に付いてて便利そうなんだけど、解像度が低くてPC画面だと見るに堪えない程度の撮影しかできなかった。これもPro 3で改善されてるらしい。

まあiPadもそうだったけど、タブレット機のカメラってあんまり使わんよね。あったらあったで便利かなあ。

ディスク容量

128 GBのやつにしました。外付けHDDを持っているせいもあって、特に不自由してません。開発用にVM入れたらさすがにきつかったので、それは外付けの方へ。

MS謹製の無料で使えるオンラインストレージOne Driveを活用すると良いのかも。これも使ってないや。

CDとかDVDとか

MBA同様光学ディスクドライブは付いていないので、別途購入の必要あり。最近は何でもインターネット経由だったりするので不要なら買わないでも良さそう。

ちなみに本来DVDの再生にはライセンス料が必要で、今まではMicrofostが支払っていてくれたのだけど、それがWin 8からはなくなってしまったらしい。Windows Media PlayerでDVD再生できません。プレイヤーアプリ付きのドライブを選ぶか、Windows Media Centerとかいうやつ(800円)を買いましょう。

Windows 8

これなー、批判的な意見が多いですね。自分は結構好きなんだけどなあ。新しいスタートメニューとか。

リボンUIにもすぐ適応できた方なので、元々こういうのが好きなのかも。ただタッチ対応していない機種だとあまり便利さを感じられないかもなあとは思いました。据え置きのディスプレイとか。とはいえ、デスクトップモードの方は全然問題ないと思うのですが……。

ストアアプリ

例のフルスクリーンじみた画面で動かす、普通のデスクトップアプリじゃないやつ。

正直あまり使ってません。ストアも閑古鳥だし……。2ch viewerも良いのないかなあ。2ch自体が下火か。一番良く使っているのがIEで、続いてYahoo天気。(IEはストアアプリ版とデスクトップアプリ版の二種類入ってます。ブックマーク情報なんかは共有されているみたい。)

ちなみに画面分割して二つまで同時に利用できます。片方をデスクトップにする事も可能。

総括

便利に仕事(プログラミング)したりだらっと2ch見たりで使ってます。電源ボタンとTouch Coverのトラックパッドだけはどうにかしてもらいたい……。