悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
繰り返し文字列を生成する、pad JavaScript 特定の文字が繰り返される文字列は以下のように書ける。 // '_'を4回繰り返す new Array(5).join('_') // ____ 指定桁数で埋めるpadは以下。 function pad(str, len, ch){return new Array(len-(''+str).length+1).join(ch) + str} alert(pad(56, 4, '0')); // 0056 追記 2006/8/6 string_repeat - Javascript - Snipplr 普通に繰り返しで書いたほうが速いとのこと。 Permalink | コメント(0) | トラックバック(1) | 22:52
Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). All done with a straight animate call, no need to specify the animation type at all. Select easing types for the demo first one for down, second one for up. Then click the clicker. Updates 12/11/07 1.3 jQuery easing now supports a de
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
JSDoc(JavaScript Documentation Tool)*1をインストールしてみた。といってもPerlなのでダウンロードして適当なフォルダに突っ込んだだけ。CPANのHtml-Templateを利用するからのでDOSプロンプトで以下のコマンド叩いてインストール。Windowsは標準でPerlを利用できないのでActivePerlとかインストールしておきましょう。 ppm install HTML-Template JSDocとは JavaDocのJavaScript版でPerlで書かれています。:-) ためしに perl C:\Perl\lib\JSDoc\jsdoc.pl C:\Perl\lib\JSDoc\test.jsと叩くと自動的にドキュメントが作成される。 問題点 perl C:\Perl\lib\JSDoc\jsdoc.pl C:\Hoge\test.js pe
Javascriptでtry-catch構文が使えるって知らない人が多かったので書いてみました。 (最近じゃAjaxでほぼ必須だから認知度高いかもしれないけど。) try{エラーをキャッチしたい処理内容}catch(e){エラーをキャッチしたら行う処理内容} プログラミング言語に慣れている方はすんなり受け入れられると思いますが、どんなプログラムでもこの例外処理が大変重要です。 Javascriptではそんなに厳しく例外処理をする必要ないかもしれないけど、使ったら便利ってことがよくあります。 それは、ブラウザが返却するエラーをキャッチすることです。 IEではよくあるのですが、windowのリサイズや移動、またはファイルのアップロード時など、セキュリティ上の都合で、ブラウザからエラーが返されてしまいます。 そうするとその後の一切の処理ができなくなり大変都合が悪いです。 なので、このブラウザから
constructor(プロパティ)とprototype.constructor(プロパティ)は 別物だと思っていたけど、やっぱり同じ物だとおもいつつもやっぱり違うのか?と よくわからなくなってきた。(特に継承とかしようとした場合に) ので少し調べてみた。 (ちなみにSpiderMonkeyをつかって試している) constructorプロパティとは サイ本によると、 オブジェクトの初期化で使用されたコンストラクタ関数を参照する。 とある。 var a = new Array(); a.constructor == Array;//>trueになる 確かに、Arrayオブジェクトでnewした変数aのconstructorプロパティは Arrayになっているようだ。 じゃあ、Arrayのconstructorプロパティってなんだろ? これで気になったのは、newしてないArrayオブジェクト
EclipseでjQueryによるコーディングをするにあたっての、各種インストールメモ。 javascriptライブラリの補完ができるAptana AptanaのCode Assist機能は各種有名ライブラリ(jQuery, prototype.jsなど)に対応している。 Plugging Aptana into an existing Eclipse configuration - Aptana 上記が手順。更新サイトに http://update.aptana.com/install/studio を追加して、インストールする。(かなりたくさんのコンポーネントが追加される。) jQueryの補完を有効にする Help > Install Aptana Features でInstall Additional Featuresダイアログを表示 > Ajax Libraries > jQu
↓動作サンプルを作りました 文字コード変換 動作サンプル Unicode の変換が可能になりました。 文字コード配列から URLエンコード/デコード が可能になりました。 あと説明とサンプルも少し載せました。。(説明不足でごめんなさい) こないだの 「JavaScriptだけでzipファイルの解凍 - Unzipper.js」が SJIS ファイルとかだと表示で文字化けするので、ついつい。。 動作確認は、zip ファイル解凍のデモページでわかると思います。 zip の中に SJIS や EUC-JP のファイル (ファイル名) がある場合でも UTF-8 表示で化けなければ問題なしです。 zip 解凍デモページ ↑のデモページを開いて、デスクトップなどから zip ファイルをドロップすると 解凍して結果のテキストを表示します。 ※ JavaScript だけで動いていて、どっかのサーバなど
RegExp は 正規表現(Regular Expression)の略。以下、参考サイト。 正規表現(RegExp)RegExp - MDC Doc CenterRegExp オブジェクトの中身は?RegExp オブジェクトのプロパティには 直前の マッチングに関する情報が入る。じゃあ何が入っているのか? //とりあえずなにもせずに調べてみる function dump( obj ){ var str = ''; for(var k in obj){ str += k + "("+typeof(obj[k]) + ") | " + obj[k] + "\n"; } document.write( str ); } dump( RegExp ); input(string) | message.Reload to activate window console multiline(boole
function init() { var name = "Mozilla"; // name は、init が作成するローカル変数 function displayName() { // displayName() は内部に閉じた関数 console.log(name); // 親関数で宣言された変数を使用 } displayName(); } init(); init() 関数はローカル変数 name を作成し、それから関数 displayName() を定義しています。displayName() は init() の中で定義されている内部関数で、その関数本体の内部でしか利用できません。displayName() 自体はローカル変数を持っていませんが、外側のスコープで宣言された変数にアクセスできるので、displayName() では親関数 init() で宣言された変数 name を
[編集] RegExp 正規表現とは、文字列の検索や置換に用いられる、文字の規則表現の方法である。 JavaScriptは文字列に執着があったのか、高度な正規表現の機能を備えている。 正規表現は、Unixの世界で、grepやsedで、文字列の検索の機能として採用され、その後awkという言語がそれに続き、Perlがその文法を受けついだ。 正規表現は、言語ごとに機能の違いがあり、汎用言語ではPerlが最も高機能だが、それぞれに気にかける程の差は無い。 例えばHTMLでの要素名を取得する際には、"<"の文字から始まり英数字が続くため、これを検索するには正規表現では次の様に記述する。 /<[a-zA-z]+/ これでHTMLの要素名を取得するには完全ではないのだが、とりあえずその点を飛ばして解説をする。 JavaScriptでは、正規表現をスラッシュ"/"の間に記述をする。 この規則の場合は小なり
これは便利。 var counter = function () { var static = /(^o^)/; return ('i' in static)? ++static.i: static.i = 0; }; console.log(counter()); // 0 console.log(counter()); // 1 console.log(counter()); // 2 console.log(counter()); // 3 正規表現リテラルは毎回解釈されるわけではなく、一度作られると同じオブジェクトが使われるのでstatic変数のような挙動をする。だから、RegExp#lastIndexとかを直接弄る時はよく気をつけないといけない。
AI Opera’s vision: agentic browsers will tackle web inefficiency and unlock massive productivity gains July 31st, 2025 Agentic AI Browsers are here to completely shift the human-computer interaction, and that's why we are building Opera Neon. AI, Uncategorized This is what you can do with Opera Neon: The Next-Gen AI Agentic Browser July 18th, 2025 Discover Opera Neon, the first truly agentic AI br
enchant.js HTML5 / JavaScript Based Game Engine MIT or GPL dual license Material enchant.js ユーザのための素材集です。enchant.js のためにオリジナルで製作されたものに加え、株式会社ユビキタスエンターテインメントで過去に開発したゲームで用いた画像素材データを提供いたします。 enchant.jsを用いたゲームの中でのみご利用いただけます。再配布は禁止です。素材やゲームの商用利用に関しては、お問い合わせください。 「ジャパコンTV!」コラボ素材 9leapとenchant.jsを紹介して7月30日にBSフジで放映された「ジャパコンTV」に登場するキャラクターの素材です。 zip形式でダウンロード (png形式・26ファイル・197KB) Space Challenge Pack Release
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く