興味深いブログ記事が海外で掲載されていました。拙訳で恐縮ですが紹介したいと思います。 内容はPhoneGapアプリを高速化するための手法の解説で、具体的な事例とともに、いくつかのテクニックの紹介が行われています。少し長い記述になりますが、是非PhoneGapやMonacaを用いた開発の参考にしてください。 成功するPhoneGapアプリを開発するための高速化＆UXテクニック Performance & UX Considerations For Successful PhoneGap Apps PhoneGapアプリを開発する方から、下記のような質問をよく尋ねられます。 ・アプリを高速化する方法は？ ・どうやってネイティブアプリのような質感を出せるか？ ・プラットフォームに違和感のないアプリを作るためのテクニックは？ ・OSのルック＆フィールとマッチさせるためには？ この記事では、素晴らし

LinuxカーネルやRuby on Rails、Perlなど、近年多くの大規模プロジェクトで採用されているバージョン管理システムが「Git」だ。Gitには非常に多数のコマンドが用意されているが、日常的に使用するコマンドは20個程度と言われている。本記事では、Gitを使いこなすために覚えるべき20個のGit基本コマンドを紹介する。 LinuxカーネルやRuby on Rails、Perlなど、近年多くの大規模プロジェクトで採用されているバージョン管理システムが「Git」だ。Gitには非常に多数のコマンドが用意されているが、日常的に使用するコマンドは20個程度と言われている。本記事では、Gitを使いこなすために覚えるべき20個のGit基本コマンドを紹介する。 なお、Gitの基本的な考え方や使い方については分散バージョン管理システムGit入門でも紹介しているので、そちらも参照してほしい。

git push/pullは何気なく使ってるけど実はよくわかってなかった。ことのきっかけはこういう質問。 hogeというリモートブランチをローカルのhogeブランチにもってきたい hogeをローカルのmasterにはマージしたくない pullでなんかこんな感じでいけそう？ $ git pull origin hoge:hogeでもこれは間違えで、なぜか今いるブランチ（master）にhogeがmergeされるし、期待してる動作じゃない。正解はこう。 $ git branch hoge origin/hogeもしくはチェックアウトも同時にするなら $ git checkout -b hoge origin/hogeこう。自分は普段後者のやり方でやってたけど、なんで上のはダメで下のが正解なのか説明できなかったのでちゃんと調べてみた。 入門Gitと実用Git、あとhelpを参考にした。 ブランチ

恥ずかしながら最近までIEの旧バージョンだとWebフォントは使えないと思っていました。 以前ブログのタイトルにGoogle Web Fontsを使っていましたが、それ以降はWebフォントへの興味を失っていて、個人的に興味がそそられるような記事を見てもスルーしていました。 そんなとき「安全な@font-faceの書き方(抄訳) - Weblog - hail2u.net」という記事を見ました。 Webフォントの記述方法について書かれたもので、記事自体3年くらいまでのものですがかなり新鮮に感じました。そのなかにこんな一文が。

HTML5+JavaScriptでゲーム開発するためのJavaScriptライブラリを、とりあえず羅列しておく。 enchant.js 参考サイト 9leap : トップページ - どこでも遊べる、投稿型ゲームサイト HTML5のスマホ向けゲームのJSライブラリ「enchant.js」 :: dotHTML5 UEI、HTML5/JavaScriptベースのスマートフォン用ゲームエンジン“enchant.js”をリリース｜株式会社ユビキタスエンターテインメント のプレスリリース EaselJS HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ 参考サイト HTML5のCanvasをFlashライクに使う「EaselJS」が最新版を公開 － Publickey Easel JS:HTML5のCanvas描画を簡単化するJavaScriptライブラリ

FitText - A plugin for i... / slabText / FitVids.JS - A lightweig...他...全7件

Media Queriesを活用したサイト制作を始めようと思っているので、ざざっと調べたことからまとめてみました。まずは基本から… Media Queriesってなに？ 簡単に言うと、デバイスのスクリーンサイズなどの条件によって、読み込むスタイルが切り替えられるCSS3の機能です。 <link rel="stylesheet" href="nanchara.css" type="text/css" media="print" /> CSS2では上記のように、「print」や「screen」などを指定して印刷向け、スクリーン表示向けといった「media types (媒体型)」を指定して、それぞれのメディア向けにCSSを書くことができました。Media Queriesはこれが拡張されたもので、「media types (媒体型)」にくわえ「width」、「height」、「color」などの

レオナルド・ディカプリオが主演をばっちりこなします。相棒役のアーサーは「500日のサマー」のジョセフ・ゴードン＝レヴィッド。中盤からの活躍は男女問わず惚れ惚れするはず。 巨大会社の社長役として出演するのは渡辺謙、この映画を終始引き締めている重要な役柄でした。 丹念に作られた映画で、１度観ただけじゃ分かりきっていない！と思わせる重厚さがあります。3層目の世界はどういう意味？あのシーンのつながりをもう一度確認したい！ などなど、ネットで検索すると「インセプションを何度も見なおしてしまった。やばい！」というブログをいくつも見つけるはずです。 今度は英語のままで、きちんと理解したい！ そんなインセプションに私もはまり、日本語字幕で数回、字幕無しで１度みています。次はもっとしっかりと、英語字幕で観て、英語のままでちゃんと理解したかったのです。 超字幕には英語字幕があるだけでなく、役者さんのセリフを一

東大にUTオープンコースウェアというのがあって、いろいろな講義資料が公開されています。 http://ocw.u-tokyo.ac.jp/ その中には動画授業があるものもあって、そのほぼすべてがおもしろいです。ただ興味がもてるかどうかという違いだけ。 その中で、情報工学概論Ａというのがあって、授業内容としてはネットワークの概論になってます。まだ全部見てないけど、ネットワーク全般の話からTCP/IPの話、セキュリティまでの講義が公開されてるみたい。 こういう一貫した話がちゃんと語られてる講義というのはなかなか公開されてない、公開されてたとしてもネットワーク設定程度だったりするので、これは貴重だと思います。 http://ocw.u-tokyo.ac.jp/lecture?id=11314&r=609526321 ネットワークの勉強をしたことがない人は、テレビのかわりにこの講義を流しておくとい

最近話題のnginxについに手を出したのですが、「nginx入門」みたいなブログ記事も一切見当たらず、あるのは英語のドキュメント記事くらい…という状況だったので、自分なりに訳して理解した部分を忘れないよう覚書。 今node.jsもちょこちょこやっているのですが、これまた物凄い勢いで開発が進む上に、その情報のほとんどは英語なわけでやはりもうホントに英語が読めないとどうしようもないんだなぁと実感しているわけです。まぁstackoverflowとか見ててもそこまで難しい文法使ってるわけでもないので、英語を見た瞬間に拒否反応起こしたりしなきゃなんとかなりそうですが。 「毎度毎度ブログ長すぎ死ね」とはてブのコメントで話題の僕のブログ、今日も長いです。 nginxってそもそもどう読むんだよ 「エンジンエックス」と読みます。正直すごくかっこいいです。apacheとかtomcatとかnginxとか、サーバ

マイクロソフト社が技術分野でもっと熱い専攻の一つとして分析/統計をあげている（Microsoft JobsBlog）。同社以外でも統計学は、今後最も有益なスキルの一つだと考えているようだ（NYT - For Today’s Graduate, Just One Word: Statistics）。しかし、データマイニングの話も一般化しつつあって学習ノウハウなども公開されているが、経験にあわない部分が多い。統計学を初めて勉強するときに知っておいた方が良い7つのポイントをあげてみた。 1. 学習機会やテキストは山のようにあるので利用する 確率・統計の日本語テキストは山のようにあり、大学のコースワークを振り返っても、理文問わずにほとんどの学部で確率・統計はあったはずだ。大学院のコースワークでは英語の文献を好む傾向があるが、上級テキストでも日本語のものも少なくない。また「マンガでわかる統計学」のよ

「シャーロック・ホームズ」シリーズ全60作品を無料で読めるサイト、「コンプリート・シャーロック・ホームズ」が、はてなブックマークで話題になっています。“文庫本にして9～10冊”に及ぶ著作を、パソコンやスマートフォン、タブレットで楽しめます。 ▽ コンプリート・シャーロック・ホームズ 「コンプリート・シャーロック・ホームズ」ではコナン・ドイル作「シャーロック・ホームズ」シリーズの全60作品が公開されており、すべて無料で読めます。『緋色の研究』『四つの署名』『バスカヴィル家の犬』『恐怖の谷』の長編4作品と、『赤毛組合』『まだらの紐』『最後の事件』『六つのナポレオン』など、56の短編です。 小説本文だけでなく、「著者と作品」「人物相関図」「時代背景」など、周辺知識を解説するページもあります。「読書ガイド」のページでは各長編のあらすじの紹介や、“シャーロック・ホームズをこれまであまり読んだ事がない

8. ＿＿＿_ ／⌒ ⌒＼ ／（ ●） （●）＼ ／::::::⌒（__人__）⌒::::: ＼ 簡単だお！ | |r┬-| | ＼ `ー'´ ／ 3か月前の@remore 9. ＿＿＿_ ／⌒ ⌒＼ ／（ ●） （●）＼ ／::::::⌒（__人__）⌒::::: ＼ 簡単だお！ | |r┬-| | ＼ `ー'´ ／ 後に現実を知ることになります

Go deeper into fascinating topics with original video series from TED

※前編はこちら ふぉくすけの壁紙メーカー http://wallpapers.foxkeh.com/ja/ ふぉくすけ壁紙メーカー【1】は、Mozilla Japanが提供しているWebアプリケーションだ。これはまるでFlashのような操作感で壁紙を作成できるWebアプリケーションで、「SVG」という技術で作られている。SVG というのはScalable Vector Graphicsの略で、ベクターデータを描画するマークアップ言語だ。HTML5 よりも前から存在している仕様だが、ブラウザの対応が進んだことや、HTML5 からSVG がHTML の中にインラインで記述できるようになったことをきっかけに最近注目を集め、HTML5の周辺技術として扱われることも多い。 SVGの最大の特徴はベクターデータなので、拡大しても劣化しないということだ。通常Web で使用するPNG やGIF、JPEGとい

前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス　林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT