2013年8月4日日曜日

Sublime Text それは軽量で拡張性の高い開発者向けエディタ

Sublime Textは、HTMLやJavaScriptなどのソースコードをサクサクっと書きたい人をきっと満足させてくれるテキストエディタです。もちろん他の言語での開発にも十分に使えます。エディタというよりも開発環境とも呼べるかもしれません。
複雑で巨大なエンタープライズ系なプロジェクトを管理するには少しだけ非力かもしれませんが、ちょっとしたアプリやホームページの開発者には手放せないアプリとなるでしょう。eclipseのような、"高機能だけど重量なIDE"にちょっとだけ疲れた貴方にもオススメです。
Sublime Textはシェアウェアですが、UNREGISTEREDのままで普通に使い続けることができます。UNREGISTEREDのまま使い続けていると偶に登録を促す画面にジャンプしますが、そんなに気にならないレベルです。

まずはダウンロードしてインストールしてみましょう。
Sublime Text: The text editor you'll fall in love with
ちなみに私が最近インストールしたバージョンは ver 2.0.2 です。

Ubuntu版は以下のようにインストールします。
$ sudo add-apt-repository ppa:webupd8team/sublime-text-2
$ sudo apt-get update
$ sudo apt-get install sublime-text

もし貴方が開発者なら下のプラグインを入れておくことも強くオススメします。

2013年8月3日土曜日

ChromeアプリをHelloWorld

Chromeアプリ開発の HelloWorld です。
下のサンプルはブランク・プロジェクトとしてもお使いいただけるかと。

レスポンシブ・ウェブデザイン:一つのHTMLで複数のデバイス画面に対応させよう

PCやスマホ、タブレットといった画面サイズの違うデバイスごとに最適なWebページを作るのは非常に骨の折れるものです。さらにそれをメンテナンスするとなると労力は何倍にもなります。なるべく労力を減らすためにはどうすれば良いでしょうか。
その答えの一つとして、レスポンシブ・ウェブデザインを意識したWebデザインが考えられます。

2013年8月2日金曜日

[HTML5]XMLHttpRequestでウェブスクレイピング

Chromeアプリでウェブスクレイピングするには、クロスドメインに対応した XMLHttpRequest Level2を使います。
Chromeアプリでと書きましたが、XMLHttpRequestはHTML5仕様のため、実際にはChromeアプリに限定されるわけではありません。ですから、今から紹介するサンプルは、HTML5標準のウェブスクレイピング技術として参考になるかと思います。
下のサンプルは、「ヤフー天気予報」へアクセスしてページのタイトルを取得するだけの簡単なものです。

2013年8月1日木曜日

[Chrome]SyncFileSystemAPIでGoogleDriveと同期

Chromeが提供する SyncFileSystem API は大切なデータ(ファイル)を扱うのにとても便利です。SyncFileSystem APIを使えば、一つの処理でローカルとクラウド(Google Drive)上の両方にデータを保存することができ、しかも適当なタイミングでローカルとクラウドのファイルが自動的に同期されます。