コンパイラ勉強会での発表用
今から3分で,Chromeブラウザのアドオン(拡張機能)を作ろう。 ここで作るのは,「表示したWebページの内容をjQueryで加工する」というChromeプラグインだ。 アドオン自作の入門,初歩の第一歩にうってつけ。 作成に必要なツールは,なんとメモ帳だけ。 JavaScriptやJSONなどの「Web系技術」を使って,ちょこっとコーディングするだけで完成してしまう。 わずか3分で作成とインストールを終えるので,今すぐに始めてみよう。 (1)フォルダを作ってjQueryを格納 (2)マニフェストを作成 (3)メイン処理を実装 (4)ブラウザにインストールする (5)動作テスト 使い終わったら 参考資料 (1)フォルダを作ってjQueryを格納 まず,どこでもいいので,適当な名前のフォルダを作成する。 フォルダ名は「hoge」でよい。 下記URLから,jQueryをダウンロード。 先のフォ
これは画像などを除いて、HTML=DOMの読み込みが終わったらfunction()の中の処理(=なにかしらの処理)を実行するという意味です。 jQuery(JavaScript)はHTMLが完全に読み込まれないまま何か処理を実行すると大抵正しく動作しません。なのでこのreadyを使うことになります。 $(function(){ //なにかしらの処理 }); jQuery(document).ready(function() { //なにかしらの処理 }); jQuery(function(){ //なにかしらの処理 });
このドキュメントの内容は、以下の通りです。 $(foo); $(function(){}); $(document).ready(function(){}); Webページ(ドキュメント)をロード後された後に、JavaScriptで初期化処理を実行することがあります。 jQueryでは、いくつかの方法が提供されています。 $(関数)や$(function(){}); は jQuery v1.2からの方法です。 $(foo); 非常に短く書くには、 $(関数) を利用します。 $(関数) の関数部分して指定した関数が実行されます。 function foo () { alert ('foo'); } $(foo); $(関数) は複数の登録を行っても上書きされません。 function foo1(){ alert ('1'); } function foo2(){ alert ('2');
そろそろHTML5 APIのひとつでもリファレンスしていこうかな・・・ かといって今さらcanvasとかやってもしょうがないし、MathMLみたいなマニアックなものは覚えても使う機会があるかどうか・・・という事で 『File API』というヤツを手始めに覚えようかと思います。 『File API』について HTML5以前はブラウザ(またはWebアプリ)からローカルファイルを扱うには<input type="file">タグを利用してユーザーがファイルをアップロードする必要がありましたが、 File APIの登場でJavaScriptからローカルファイルを直接読み取ることができる様になりました。 このAPIはユーザーが指定したローカルファイル(Webブラウザが動作するパソコンのHDDやSSDといったストレージに置かれたファイル)の情報やデータを取得できます。 主なAPIの種類 File AP
こんにちは。 久々の更新になってしまいました。 今回はJavaScriptについてです。 先日とある人から「ボタンを押した数をカウントしてテキストファイルに保存したい」という要望がありました。 要望だけ見ればものすごく簡単です。 ただ、今回はWebサーバ環境はないのでローカルだけで処理したい(PHP等が使えない)ということだったため、JavaScriptで実現しようと思いました。 しかしJavaScriptは基本的にはローカルファイルを扱えません。 そこで色々と調べた結果、HTML5のFile APIというのを使うと実現出来るようなのでやってみました。 一応実現出来たため、メモとして残しておきます。 以下ソースコードです。 <!DOCTYPE html> <html> <head> <script src="jquery-1.7.1.min.js"></script> <script ty
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ! 毛根にはこれからもがんばってほしい!いつだって頭を温かいまなざしで見守
昨日は gumiStudy#5 でした。何か Tech Talk を、ということだったので最近いじっていた Titanium Mobile について整理して、紹介してきました。 Titanium MobileView more presentations from Naoya Ito. (フォントがひどいですね・・・すみません。http://www.slideshare.net/naoya1977/titanium-mobile/download からダウンロードできます) 先日書いたエントリ (http://d.hatena.ne.jp/naoya/20101011/1286799669) のとおり、Titanium Mobile を使うと JavaScript でネイティブアプリを開発することができます。しかも iPhone/Android マルチプラットフォーム対応。最近は Blac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く