この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
このサイトは Google JavaScript Style Guide(Revision 2.93) を私的に日本語訳したものです。 この翻訳の内容について、翻訳者は一切の責任を負いません。ご利用は自己責任でお願いします。 以下のコーディングルールは、最終的にコードをClosure Compilerにかけて完成させることが暗黙の前提となっている点に注意してください。Closure CompilerはGoogle自身が提供しているJavaScript圧縮・最適化ツールです。(こちらの日本語の解説も参考にしてみてください。) JavaScriptコードがこのスタイルガイドに適合しているかどうかを検証する、Clisure LinterというツールがGoogleから提供されています。使い方はこちらを参照してください。
前回、前々回と2回に渡って、Sencha Touch 2のクラスシステムを解説しました。ここまで来れば、あとは実際にコードを書いていくだけです。と言ってもまだどのようにアプリが作られているのか全然見えてこないと思います。そこで今回はSenchaがデフォルトで用意しているアプリのひな形を見ながら、その仕組みを解説していきたいと思います。 SenchaアプリをSencha Cmdを利用して作成すると初めにアプリのひな形を作ってくれます。今回はこのプログラムを利用します。Sencha Cmdの詳しい解説はこちらで行なっているので覗いてみてください。この時の解説ではapp.jsが読まれるまでの流れとその処理を見ていきました。今アプリを実行すると以下の様な画面になっています。 今回はこのアプリ本体の処理を見ていきます。 Viewportにアプリのviewを追加 以下のコード(app.js)を見てくだ
前回に引き続きSenchaのクラスシステムについて見て行きたいと思います。前回の終わりに、クラスシステムは初期化の際、configの要素ごとに自動的にゲッタとセッタメソッドを作成するという話をしました。今回はこのセッタについてのもう少し詳しいお話から。 ApplierとUpdater Sencha Touch 2ではセッタメソッドを実行する前後に2つのフックポイントを用意しています。フックポイントとは、そのデータに何か編集を加えたり、変換したりするためのポイントで、フィルタみたいなもんです。はい、フィルターの方がしっくりきますね。とにかくそれがこのApplierとUpdaterです。 一般的なセッタを考えると以下の様なプロセスを取ることが多いです。 検証、フィルタリング、変換 実際の割り当て 通知、依存関係のアップデート この1と3の部分にSenchaはApplierとUpdaterという
前回、前々回とSencha Touch 2のインストール、そしてSencha Cmdを使ったアプリの骨組みの作成を解説しました。ここまで来ればあとはゴリゴリとコードを書いていくだけですが、その前に1つだけ理解しておいたほうがいいSenchaの仕組みがあります。それがクラスシステムです。 僕は大抵、新たな言語を使い始めるとき、サンプルコードやチュートリアルを見ながらとりあえず作ってみる派なんですが、これだけは知っておくべきだったかなと思います。 SenchaはJavascriptというプロトタイプベース言語にクラスという概念を取り入れるため、コードの書き方にいくつかのルールを設けています。これを知らないまま作り始めると、なにかフワフワした感じでアプリを作ることになり、後々応用が効かなくなります。Senchaがなかなかとっつきにくいフレームワークと言われているのは、ちゃんとここを理解せずにコー
コマンドラインでアプリのひな形を作る 前回、Sencha Touchのインストールまでを解説したので、今回は実際にSench Cmdを使ってアプリのひな形を生成してみます。ターミナルを開き、Sencha Touchライブラリーを配置したディレクトリに移動します。そして、次のようなコマンドラインを実行してください。 $ sencha generate app MyApp ../MyApp また、ダーッと色々出力されますが、最後に「[INF] generate-app:」というのが出れば成功です。最初の引数「MyApp」はアプリ名です。プログラム内ではアプリ固有の名前空間として扱われます。2つ目の引数「../MyApp」はひな形を生成する階層とディレクトリ名を示しています。ここではSencha Touchライブラリーと同じ階層に作成しました。 これだけでアプリの骨組みが完成です。ファイルの生成
第1回/Webアプリが作れるjsライブラリ「Sencha Touch」の使い方 Javascript2012年12月16日 そろそろWebアプリのひとつも作れるようにならなければいけないと一念発起し、習得を試みることにしました。 しかしいかんせん自分はフロントエンドの人間なので、HTMLやJavascriptは理解できても、iPhoneアプリ開発の標準言語であるobject-Cなどはまったくわかりません。 そこで今回はHTMLコーダーでも容易にWebアプリの開発ができるライブラリ「Sencha Touch」を使ってWebアプリの開発に片足を突っ込んでみることにしました。 Sencha Touchとは 米国のSencha社が開発した、HTML5ベースのWebアプリ開発フレームワークです。 Sencha Touchの特徴 Windows環境でもiOS、Androidどちらでも動作するアプリが作
今年の4月に、 Ext JS 4.2と新しいNeptuneテーマを公開し、それと同時にSencha Cmd 3.1にパッケージのサポートを導入しました。当時、パッケージは主にテーマをターゲットにしていましたが、内蔵しているJavaScript、Sassとリソースのユースケースは明らかにテーマだけではありません。この記事でパッケージの内幕を検討していき、最も利用されるだろうユースケースに活かす方法を示します。その方法とは、アプリケーションの間でコードを共有することです。 ステージを設定する Sencha Cmdでは、各アプリケーションはワークスペースに存在しています。ワークスペースは、自分で選択するルートフォルダで、アプリケーション、パッケージ、Senchaフレームワークなどが存在する場所です。ワークスペースとして、ソースコントロールにルートフォルダを設定するのは通常ですが、これは必要ではあ
JSON Editor Online JSON Editor Online is a web-based tool to view, edit, format, repair, compare, query, transform, validate, and share your JSON data. About JSON Editor Online JSON Editor Online is a versatile, high quality tool to edit and process your JSON data. It is one of the best and most popular tools around, has a high user satisfaction, and is completely free. The editor offers all your
See related links to what you are looking for.
白石 俊平 ニュース jquery 0 Comment 2013年1月17日、jQuery「公式」のプラグイン・レジストリ(プラグインの集積場)が公開されました! URLはこちらになります。 http://plugins.jquery.com/ このプラグイン・レジストリの目的は、従来のプラグインサイトでは解決できなかった、「断片化」と「配布」の問題を解決することだそうです。 「断片化」・・・「jQuery プラグインがWeb上の至る所にあり、探すのが面倒」という、現在の状況 「配布」・・・作成したプラグインを配布するためのサイト作成や宣伝に手間がかかる、従来のプラグインサイトでは登録が面倒だった 新しいプラグイン・レジストリは、GitHubと連携することを前提として、こうした問題をエレガントに解決し、従来のプラグインサイトを完全に置き換えるものです。 開発者にとっては、プラグインを公開
$.each(arr, f)は、funcitonに(index, element)の順で引数を渡す。 Utilities/jQuery.each - jQuery Wiki $.map(arr, f)は、funcitonに(element, index)の順で引数を渡す。 Utilities/jQuery.map - jQuery Wiki .......逆じゃねーか。 var f = function(a,b){ console.log("a:" + a + " b:" + b); return a } => undefined var arr = ['foo','bar','baz'] => undefined $.each(arr,f) a:0 b:foo a:1 b:bar a:2 b:baz => ["foo", "bar", "baz"] $.map(arr,f) a:foo
jQueryの強力な機能のひとつに、 $('#the-target') のようにCSSのセレクターを用いて要素検索できるというものがあります。この要素検索を行うモジュールにはSizzleという名前が付けられています。 一方、近代的なブラウザーには .querySelectorAll() がネイティブで実装されています。こちらもCSSのセレクターで要素検索できるメソッドです。 セレクタを使用した DOM 要素の指定 | Mozilla Developer Network var $elems = $('elem#id.class, .and.more.selectors'); var elems = document.querySelectorAll('elem#id.class, .and.more.selectors'); JavaScriptで何かするよりも、ネイティブでやった方が高速
個人的に油断してたんですが、jQuery 1.8がリリースされましたね。 CSSのベンダープレフィックスを自動でほぼ補完してくれるようになったのが目玉機能でしょうか。作業量としては、セレクターエンジンSizzleとアニメーション関係を全面的に書き換えた事が大きそうです。なお諸々強化されているにも関わらず、ファイルサイズは減っています。(ちょっとだけどね。) えらい! jQuery Blog » jQuery 1.8 Released jQuery Blog » jQuery 1.8 Beta 1: See What’s Coming (and Going!) jQuery Blog » The New Sizzle jQuery Blog » jQuery Core: Version 1.9 and Beyond jQuery Blog » jQuery 1.9 and 2.0 — TL;
0.0点 (0票) 久々に電車通勤したけど、やっぱ良いわ〜。 2012年09月27日 06:10| コメントを読む( 33 )/書く| 人気記事 Tweet 720 774RR [sage] 2012/09/13(木) 22:45:10.65 ID:W8v0ptZj Be: 久々に電車通勤したけど、やっぱ良いわ〜。 朝夜、jkの太股見放題だぜ? ミラーシールド越しにみなくていいの。 目の前に!正面に!すぐそばに!あるの!! 手を伸ばせば届いちゃうの! 721 774RR [sage] 2012/09/13(木) 23:03:43.94 ID:1ot2fQPx Be: はいはいおまわりさんおまわりさん 726 774RR [sage] 2012/09/14(金) 22:11:09.28 ID:NQmJAEqD Be: >>720 文庫本などを読んでる振りをしなが見るのが大人のマナー。 携帯見
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く