【HTML5 超便利テクニック30選】が良すぎ! [スマホ]
「日経ソフトウエア 2012年 12月号 」の HTML5特集 がとても良い内容なので、思わずご紹介 (^^;
最近の「日経ソフトウエア」は HTML5 関連の記事がけっこう多いのですが、2012年 12月号の【HTML5 超便利テクニック30選】が、これまた良い内容なのです。
内容全てを紹介することはデキナイので(当たり前か (^^;)ザックリと その 30選 をご紹介したいと思います m(。。 )m
【HTML5 超便利テクニック30選】のザックリ...
ス:スマホ向けテク、P:PC向けテク
・【送料無料】日経ソフトウエア 2012年 12月号 [雑誌]
・jQuery Mobile ポケット辞典 が付録の 日経ソフトウエア 2012年 07月号 [雑誌] もオススメです。
・HTML5 逆引き ポケット辞典 が付録の 日経ソフトウエア 2012年 06月号 [雑誌] もオススメです。
最近の「日経ソフトウエア」は HTML5 関連の記事がけっこう多いのですが、2012年 12月号の【HTML5 超便利テクニック30選】が、これまた良い内容なのです。
内容全てを紹介することはデキナイので(当たり前か (^^;)ザックリと その 30選 をご紹介したいと思います m(。。 )m
【HTML5 超便利テクニック30選】のザックリ...
1 | HTML5文書のヘッダー部をひな型化する ヒント:charsetの指定も不要!? | スP | 掲載されている “HTML5文書の基本的なひな型” リストを見ると、ずいぶんシンプルに... |
2 | 無償ツール使い分けでスマホアプリ開発を効率化 | ス | 「クラウド連携でファイルアップロードを自動化」では、Dropbox や FTPBox ... |
3 | Canvas上のマウスの位置情報を取得する | スP | |
4 | 使いやすいフォームを作るのにお勧めの属性 | スP | ユーザーが使いやすいフォームを作るために placeholder属性が... |
5 | スマホの画面サイズに依存しないアプリを作る | ス | 「viewportを使用する」や、「Retinaディスプレイで画像をきれいに表示させるには」... |
6 | スマホの画面サイズや向きを動的に取得する | ス | |
7 | Webブラウザ上で本格的な3次元CGを描画する | P | 「OpenGL」の機能を呼び出す「WebGL」を簡単に扱う方法... |
8 | 一つのHTML文書に複数のページを入れる | ス | HTML文書ファイルに複数のページを持たせれば、利用者を待たせない... |
9 | Chromeのデバック支援機能で開発効率をアップ | スP | ロジックが複雑になってくると... |
10 | Android SDKを利用して実機でデバッグ ヒント:Andorid標準Webブラウザでログが出力できないものある | ス | |
11 | Canvasを重ね合わせてアニメーションを作成 ヒント:イベントリスナーを使ってHTMLとJavaScriptを完全に分離する | スP | |
12 | ネイティブアプリのような外観のHTML5アプリを作る | ス | HTML5でスマホアプリを開発する際に定番となりそうなのが「jQuery Mobile」... |
13 | 配列やオブジェクトを文字列化してWeb Storageに保存する | スP | 数値データを保存しようとすると自動的に文字列になり、再利用時の作業が煩雑...Web Storage と JSON形式を使えば... |
14 | Web Audio APIでサウンドプログラミング ヒント:Web Audio API向けのライブラリ | P | |
15 | CSS3で手軽にアニメーションを作る | スP | タイマー機能を使ってグラフィックスを変化させてゆく方法が有名ですが、CSS3の「キーフレームアニメ」機能なら... |
16 | Web Storage内のキー一覧を取得する ヒント:データを一気に消去するには | スP | Web StorageのAPIには、キーを取得メソッドがありません。 それではどうすればよいのかというと... |
17 | アプリケーションキャッシュの小技 | ス | |
18 | ページを戻ったとき前に入力した値を表示させる ヒント:IDとパスワードの入力を自動化する | スP | |
19 | CSS3を四つだけ覚えればUIが見違える | スP | |
20 | ホーム画面にWebアプリの独自アイコンを配置する | ス | |
21 | Webサービスを使ってブラウザ上でHTML5アプリ開発 | スP | |
22 | HTML5アプリをネイティブアプリに変換する | ス | Webアプリではセキュリティ上の制約からカメラを起動したり、クリップボードを書き換えたり、電話帳のコンタクト情報を読み出したり といったことはできません。 ネイティブアプリに変換すれば... |
23 | FirefoxでCanvasの画像描画を高速化する | P | drawImage()は少数入りの数値を渡すと、描画が極端に遅くなります。 FirefoxとOpera限定の症状ですが、その対策とは... |
24 | 実機で実行中のWebアプリをPCでリモートデバッグ | ス | |
25 | Android/iOSエミュレータを使ってデバッグする | ス | |
26 | iPhone/Android実機のデバッグ機能を使う | ス | |
27 | アプリ実行時にAPI実装の有無を判定する ヒント:ローカルで使えないAPI | スP | |
28 | HTML5アプリ向けの無償開発ツールを利用する | スP | |
29 | HTML5用の文法チェックツールを使う | スP | |
30 | WebブラウザごとのHTML5対応状況を知る | スP |
・【送料無料】日経ソフトウエア 2012年 12月号 [雑誌]
・jQuery Mobile ポケット辞典 が付録の 日経ソフトウエア 2012年 07月号 [雑誌] もオススメです。
・HTML5 逆引き ポケット辞典 が付録の 日経ソフトウエア 2012年 06月号 [雑誌] もオススメです。
コメント 0