JavaScript
ブラウザのタブに表示される favicon (ファビコン)に iOS アプリなどで、通知の件数のなどを表示するバッチというパーツを追加してくれるライブラリ。他にも favicon の部分で指定した動画やWebカメラの動画を再生も出来ます(どんな用途で使うんだろw)。公式…
bootstrap-datetimepicker.js を使っているプログラムでは時間の「分」の部分の増減UIをクリックした時に5分単位で増減が行われます。これを1分にしようと設定方法を調査した所こちらで minuteStep だという事が判明。 smalot/bootstrap-datetimepicker · Gi…
JavaScript Garden http://bonsaiden.github.io/JavaScript-Garden/ja/
入門 Webゲーム開発作者: Evan Burchard,永井勝則出版社/メーカー: オライリージャパン発売日: 2014/03/22メディア: 大型本この商品を含むブログ (4件) を見るこの様な内容の本みたいです。 「HTML5ゲームエンジン」と称されるJavaScriptライブラリを、100種…
いつもどれだったけ？と成ってしまうのでそれぞれのメソッドを使った時にどの様にタグが挿入や移動されるかのメモ。 さっと確認したい人向けのまとめ after 引数に指定したタグを並列な階層の最後に追加。例) #a の後に <div>new tag</div> を追加。 $('#a').after('<div>new</div>…
「leanModal」はカスタマイズしたモーダルウィンドウ(ダイアログ？)を簡単に使えるライブラリです。IE 6は未サポートみたいです。 配布場所 leanModal - a JQuery modal plugin that works with your CSS http://leanmodal.finelysliced.com.au/ 使い方 jQue…
こういうの速度比較は環境の変化を受けやすいので「昔確認したときはこうだった」という知識よりも実際に実機でテストするのが一番。JavaScriptの場合は幸い、そういう比較を簡単に出来るサイト jsPerf が有るのでこちらなどを使えば簡単に比較出来ます。こ…
今回、「leapfest 2012」でのLT用にiBookにenchant.js製のゲームを埋め込んだサンプルを作成しました。実際に試したい方はここからダウンロード出来ます。この本の中の「RPGもつくれるよ」のページの右側の画像をタップするとゲームが起動します。サンプルを…
良記事!! PHP(って書いてあるけど他の一般的な言語でも当てはまると思います)をやっていた人がJavaScriptを始めた時にはまりがちなトラップが紹介してあります。お勧め!! JavaScriptの対PHPerトラップ 13: その傾向と対策 #PHP #JavaScript - Qiita http://q…
以前、紹介したイベントの2012年版です。 1KB以内のJavaScriptで作品を作るコンテスト - 強火で進め http://d.hatena.ne.jp/nakamura001/20101014/1287034068 こちらが今回のサイト。 js1k.com - A lovely js competition http://js1k.com/2012-love/ 今回の…
Porting an OpenGL application to the web | Ehsan Akhgari http://ehsanakhgari.org/blog/2012-01-25/porting-opengl-application-web 物理演算エンジンであるBulletをコンパイルしたデモなどが公開されています。 Home - GitHub https://github.com/kripk…
「エンジニアサポート新年会2012 CROSS」のセッションの1つでJavaScriptのセッションが行われました。 エンジニアサポート新年会2012 CROSS http://tech.nifty.co.jp/party/2012/index.htm JavaScript 八面六臂 2回戦 http://tech.nifty.co.jp/party/2012/se…
JavaScriptの情報を収集する方法などとても参考になる情報が満載でした。お勧め!! 世界のJavaScriptを読もう @ 2012 http://azu.github.com/slide/offline_study/javascript_world.html#slide1
DeNAの社内で使われていたJSのライブラリ、勉強会などで何回かそのうち公開出来ればとの話を聞いていました。そのライブラリが本日遂に公開されました。 DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディ…
「Swip」はiPhoneなどでスワイプを行うとページを切り替える様な処理が簡単に実装出来るライブラリです。 公式サイト ライブラリのダウンロード先(GitHub) 使い方 主な記述は以下の様になります。ここがスワイプ可能な部分になります。 <div id='slider'> <ul> <li style='display:block'><div>1</div></li> <li style='display:none'><div>2</div></li> <li style='display:none'><div>3</div></li> <li style='display:none'><…</li></ul></div>
prezi.comにインスパイアされて作られたライブラリみたいです。 data-x や data-y で表示位置を指定します。 <div id="bored" class="step slide" data-x="-1000" data-y="-1500"> data-rotate で回転、 data-scale で拡大率を変更します。 <div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5"> JSファイルはbodyの閉じタグの前に記述しておかないと正しく動作しない様なので注意し…</div></div>
波音を聞きながら3時間でJavaScriptゲームを開発してしまう会 in 江ノ島【増田(@maskin)真樹】 : TechWave http://techwave.jp/archives/51692915.html 「波音を聞きながら3時間でJavaScriptゲームを開発してしまう会」参加するために江の島の海岸まで行って…
JavaScript ゲーム製作勉強会 Vol.2 - Akiba.js https://sites.google.com/site/akibajs/vol2 以下のUstreamはWiFi環境が無い事も有り、主催者の @hakobera さんがUstreamの環境の準備出来なかった為、代理で自分が撮影しました。 @hakobera さんが撮影され…
以前、Google Tool BarがFirefox 5以降はサポートしないみたいなのでGoogleが配布しているGoogle 翻訳のブックマークレットを導入しました。 Google Tool BarはFirefox 5以降はサポートしないらしい - 強火で進め http://d.hatena.ne.jp/nakamura001/2011072…
Firefox 5で色々と互換性に問題が出る可能性の修正有るみたいです。Web開発者の皆さんはリリースされてから慌てない様にチェックしておきましょう。 Togetter - 「Web開発者の皆様へ - Firefox5周りでの変更点について」 http://togetter.com/li/143448 関連…
Cubescape - Your own digital landscape http://www.themaninblue.com/experiment/Cubescape/ 透明のCubeも有るので空中に浮いたCubeを描く事も出来ます。
hotBazooka.com - i'm playing http://www.hotbazooka.com/ Chrome ウェブストアでも公開されています。 Private Joe - Chrome ウェブストア https://chrome.google.com/webstore/detail/bddhcbcefccaggaloclldffhobmecjfj?hl=ja
SoundManager 2: JavaScript Sound For The Web http://www.schillmania.com/projects/soundmanager2/ SoundManager 2はPCではFlashを使ってキビキビ動作し、Flashが使えないiPhoneやiPadでも動作が可能なライブラリです。Web上に簡単に音楽プレイヤーなども…
MARBLE RUN https://mozillademos.org/demos/marblerun/demo.html 色々なギミックを配置して出来るだけ長い距離を移動した後にゴールするのを目指すゲーム。画面左上のスイッチを「GALLERY」の方へスライドすると他の人が作ったものが観れます。 皆さん凝っ…
Doom Ported To the Web - Slashdot http://games.slashdot.org/story/11/05/31/1833239/Doom-Ported-To-the-Web Quake IIIのデモの方が凄くない？何で今さらDoom？という意見も有るかと思いますがこちらのデモはEmscriptenというLLVM上でCのソースをコンパ…
以前、JSLintを紹介しましたが同様のツールで「JSHint」というツールも有るみたいです。 JSHint, A JavaScript Code Quality Tool http://jshint.com/ JSLintとの違いについてはこちらのサイトが詳しくて分り易かったです。 JSLintとJSHintとhoisting - くろ…
Closure CompilerというGoogle製のJavaScriptの最適化ツールが有ります。このツールを使うと余分な空白や改行を削除したり、変数名を短いものに変更したりするなど様々な最適化を行ってくれます。また、その様な最適化の他にJavaScriptファイルの連結も一緒…
Essential JavaScript Design Patterns For Beginners http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/ ざっと読んでみましたかなり良さそうな内容ですした。ちょっと長いのでしっかり全部読むのは挫折しました。CCライセンスみたいで…
Byte-saving Techniques - GitHub https://github.com/jed/140bytes/wiki/Byte-saving-techniques 一例を上げるとこう書く代わりに Math.round(a)こういう書き方にするテクニックが記載されています。 a+.5|0この書き方でも Math.round() と同じ動作するんで…
ブックマークのリンクURLにJavaScriptのプログラムを記述して、表示されているサイトに対して様々なJavaScriptのプログラムを実行させるブックマークレット(bookmarklet)という仕組みが有ります。このブックマークレットの設定、大体は配布サイトにて詳しい…
