いまさら聞けないHTML5 Canvasの使い方
Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？ 私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod
スリープ用AppleScript: ？ぶき
普段、MacBookをクライムシェルモードで使っています。 使用していないときはスリープです。 私の使っているCPU切替機は手元スイッチがあって便利なのですが、 唯一の弱点が、Macをスリープ→スイッチを押してWindowsに行こうとすると、 そのトリガーでスリープが解けてしまうんです。 つまり、Windowsを終了させてから、Macをスリープさせないといけない。 これはさすがに不便です。 なんとかならないか。。と考えて、 技術者らしくプログラムを作ることにしました。 まあ、そんな大げさな話ではなく、AppleScriptでサクッと。 以下、メモです。 Finderで アプリケーション＞AppleScript＞スクリプトエディタ.app を実行します。 ファイル＞新規 で新規ファイルを作成し、次のコードを記述します。 display dialog "スリープ
ギター上達の最強ツール！ 『Soundslice』でTAB譜と演奏動画を同時再生 | ライフハッカー・ジャパン
ギターって、弾けるとやっぱりちょっとかっこいいと思いませんか？ 以前に比べて、楽器の練習は飛躍的に楽になりました。今やネット経由で簡単にレッスン動画を見ることができるからです。 そんな中、新しく登場したウェブアプリ『Soundslice』がさらに一歩先行くギターの学習環境を作り出してくれました。このアプリを使うと、動画再生中に演奏用のTAB譜を同期させることができます。TAB譜から情報を得られると同時に、それを実際にどう演奏したらよいのかを動画でリアルタイム確認できます。再生速度を半分にすることができるなど、自分のレベルに合わせて練習できる工夫もなされており、非常に効果的な学習ツールです。Adrian Holovaty氏のスーパーマリオブラザーズ2のテーマのジプシージャズバージョンなど、サイトでは数々の登録されている動画を見ることができます。自分でレッスン動画を作成することもできますので、
iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
