JS Girl 〜Modernな彼女のScript〜
kanazawa.js の女子部。女子JSer増加を促進するためにゆるふわな感じで勉強会開いていきます♪男子なんですが・・・ 困ります＞＜ JavaScript（プログラミング）全然分かりませんが参加してもいいですか？ 学ぶ意欲さえあればどなたでも参加できます。参加者の中には JavaScript 得意な方もいらっしゃると思いますので、その人に教えてもらうなんてこともありです。 各自のペースで勉強していきましょう♪ 諸事情により参加できなくなりました。 当日までにATNDにてキャンセルの手続きをお願いします。 その際には @kanazawajs まで連絡をくれると嬉しいです。 開始時間に間に合いそうにないのですが…（or 途中で帰ってもいいですか？） はい、問題ありません。（ただし、参加費の返金はありません＞＜）。 各自好きな時間に来てもらって構いませんし、好きなときに帰ってもOKです。
wise9 › JavaとJavaScriptの20年戦争
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
| blog.ryow.net
ga.jsの4.9.4を読んでみました。Javascriptの勉強になるかなと思ったので。 結論から言うと、あまり得るものがありませんでした。それならjQueryを読んだ方がよさそうだし、勉強という意味ではprototy […]
Big Sky :: スコープと参照と...
部下にも何度も説明してて、この辺がC言語のポインタみたいな鬼門なのかなーとか思いながら。 javascriptでhtml内のonclickの内容を書き換えようとしています.. - 人力検索はてな javascriptでhtml内のonclickの内容を書き換えようとしていますが 変更後の関数に変数を渡すと、変更後の関数(load)自体が実行されてしまい、うまくいきません 現在は以下のように、onclickの内容を変更しようとしていますが、 関数を実行させずに、html内のonclickの内容だけ書き換える場合はどのようにしたらいいですか？ document.getElementById('box').onclick = (function(id){ load(id) })(userid); http://q.hatena.ne.jp/1305849029 こういうコードになった経緯を考える
自動補完が簡単に出来るタグ入力用jQueryプラグイン「Tagedit」 | Web活メモ帳
いつか使いそうなのでエントリー。jQueryを使ってタグを入力するためのプラグインです。 オートコンプリート機能もあるし、カンマで次のタグをどんどん入力できるようになっていてかなり便利そうでした。 使ってみた様子 ↑オートコンプリートの様子 ↑ダブルクリックで編集モードになり、保存とキャンセルボタンが表示されます。 使い方 使い方もシンプルで、オートコンプリートのデータを取得するURLを指定するだけでOKです。 $( "#tagform-full" ).find('input.tag').tagedit({ autocompleteURL: 'server/autocomplete.php', }); 使い勝手が良さそうですね。 詳細＆ダウンロードは以下からどうぞ。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ
より適切なものが追加されたのでそっちを使いましょう。 setInterval/setTimeout → requestAnimationFrame; これまでは setInterval function render(){ // アニメーション 1フレーム分の処理 } setInterval(render, 1000 / 60); これはもう古い。 これからは requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); こうすべし。 requestAnimationFrameにすると何がいいの？ 複数のアニメーション描写処理を一つにまとめて最適化してくれる 同じ用に動かしている物体A,Bの動きが次第にずれていくとかがなくな
Josh Tynjala「GridshockをFlashからHTML5へ移植してみた」 - 以下斜め読んだ内容
josh tynjalaブログ2011.1.11のブログエントリ Flash to HTML5: Gridshock Remade « Josh Talks Flash actionscriptハッカーjosh tynjalaが自分のflashゲームをhtml5に移植してみたよ、な記事 色々困ったこととかハックとかをつらつら書いてて面白い 昔YUI使う機会あってからはASでもクロージャー使いまくってるよとか HTML5 Audioの実装はどのブラウザも現時点で使いものにならないとか 検討したライブラリ・使ってみたライブラリにも寸評が入ったり 以下斜め読んだ内容 Gridshock flashアプリ。これのHTML5ver.作った Gridshock flash/AIRでの開発は楽しいしこれからも続ける flashに新しい視点をもちたいと思ってやってみた python勉強してpygameで移
WWW.AKIRAFUKUOKA.COM BLOG | 今VJするならブラウザででしょ！ HTML5でVJアプリ「Fi-VJ」を制作しました
HTML5ならのVJアプリだって作れるはず！で、作りました Fi-VJ ver1.02 デモページはこちら ファイルダウンロードはこちら (ver1.02) DLしたら@akirafukuokaに声をかけていただけると嬉しいです!! Fi-VJ(ファイブイジェイ)というVJアプリを極々個人的に制作しました。MacのネイティブアプリでもなければiPhone/iPadアプリでもありません。ブラウザで動くHTML5-VJアプリです。確認済み動作環境はMac版Safari 5.0.5だけです。他のブラウザでは確認してません（デモページはSafariとChromeで動くようですが）。というかローカル実行ではSafari以外ではまず動きません。これに関する解説は後ほど。 ここ数年ビデオミキサーにiPhoneやiPodを繋いでプレイしていた私ですが、そろそろPCを使ったVJに戻ろうかと思ったのがちょうど
これもまた写真の楽しみ方。手軽にビンテージ風に加工するJavaScriptライブラリ·vintageJS MOONGIFT
vintageJSはアップロードした写真をビンテージ風に加工するJavaScriptライブラリ。 vintageJSはjQuery/JavaScript製のオープンソース・ソフトウェア。写真は全てをあるままに写し出せば良いだけではない。トイカメラに代表されるように、エフェクトがかかってもまた楽しさがある。 赤を強めに カメラ自体にそういう機能があっても良いが、なかったとしても画像編集ソフトウェアで加工することもできる。特殊な画像編集をWebベースで行ってくれるのがvintageJSだ。 vintageJSはCanvasタグを使って画像加工を行う。名前の通りビンテージ風に加工してくれるのが特徴だ。荒くしたり色調を変化させたりして何となく古めかしくしてくれる。味わい深く、印象的な写真に仕上がるはずだ。加工した写真はダウンロードできる。 だいぶビンテージっぽくなった フィルターは多数設定がある。
もしもフロントエンジニアがSVG女子をイジったら。音声認識やfpsコントローラなど本気だしすぎな件
SVG女子が公開されて2週間がたちました たいへん多くの方に視聴していただいているようで、感激しています！ 「SVG」がすっかりバズワードになっていますね。 まだの方はぜひご覧ください！ SVG女子を見る SVG女子にはユーザーが自由にイジってオリジナル作品を作れるモードがあります。 いわゆる「神モード」というやつです。 この「神モード」に公開直後から多くの作品が集まっています。（嬉しい！） SVGはJavaScriptから操作できることが特徴です。 色を変えることはもちろん、オブジェクトを変形させたり 再生速度を変えることもJavaScriptからできてしまうんですね。 このSVG女子がすごい！今見ておくべきフロントエンジニアの本気！ セピアカラー カラフルなSVG女子の世界がセピア色になってます。 再生する（SVG女子のページに飛びます） コードを見る SVG女子の消失 アイちゃんが消
【レポート】クロスドメインで同じlocalStrageを使うテクニック | エンタープライズ | マイコミジャーナル
Nicholas C. Zakas is a web software engineer who specializes in user interface design and implementation for web applications using JavaScript, Dynamic HTML, CSS, XML, and XSLT. Nicholas C. Zakas氏がNCZOnlineのLearning from XAuth: Cross-domain localStorageの記事で、XAuthで採用されている機能を紹介している。XAuthは複数のドメイン間でデータを共有するための機能を提供してくれる。氏はXAuthで採用された方法は複数の違うドメインの間で永続的にデータを共有するテクニックとして素晴らしい方法だとしており、簡単なサンプルコードも含めて説明している
new を不当に貶める陰謀と JavaScript におけるクラスの継承構造の話 - vivid memo
私は陰謀論者じゃないですし JavaScript の new 演算子が大好きなわけでも大嫌いなわけでもないです。 念のため。 本記事は Hiraku さんが書かれた下記記事への言及です。 newを封印して、JavaScriptでオブジェクト指向する(1) newを封印して、JavaScriptでオブジェクト指向する(2) newを封印するべき4つの理由 new 演算子は使うな!? 「newを封印するべき4つの理由」 でも new がいかに糞であるかが書かれていますし、その記事からも言及があるように Crockford さんが書かれた書籍 『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』 でも new 演算子は Bad Parts に分類されています。 new 演算子が忌避される理由はいろいろあるみたいですが、Hiraku さんの記事では n
Google I/O の WebGL セッションが素晴らしいのでハイライトを紹介してみる - WebOS Goodies
今週はみんな Google I/O に気を取られているだろうから、ブログの更新はサボろうかな…と思っていたのですが、なんとなく動画を見てみた WebGL セッションの内容があまりに素晴らしかったので、ハイライトをご紹介することにしました。 WebGL を活用するためのテクニックやパフォーマンス Tips などが解説されていて、 WebGL に関わっている方は必見です。また、けっこう見栄えの良いデモがいろいろ出てくるので、「WebGL ってなに？」という方でも楽しく見れると思います。 とはいえ、解説されている内容をきちんと理解するには WebGL の基礎知識が必須です。もしセッションを見て興味を持たれたら、こちらの記事もぜひご参照くださいませ。 前半は処理を GPU へ移行してパフォーマンス改善する例 最初にまず WebGL の基本概念を説明。その後、円や立方体などのオブジェクトをアニメーシ
Node.jsとは何か、開発者ライアン・ダール氏が語る（前編）～ノンブロッキングとはどういうことか？
いま注目されているサーバサイドJavaScriptの火付け役となったNode.js。その開発者であるライアン・ダール（Ryan Dahl）氏自身がNode.jsを紹介した講演「Introduction to Node.js with Ryan Dahl 」のビデオが公開されています。 この講演は、サンフランシスコのPHP開発者の集まりであるThe SF PHP Meetup Groupが2月にダール氏を招待して行われたもの。 そのため、Node.jsを知らないデベロッパーに向けて、Node.jsがどのような特徴を持つプログラミング言語なのか、分かりやすく解説しています。内容を紹介しましょう。 Node.jsとPHPとの本質的な違いとは何か Node.jsを触ってみよう。今日は特にスライドは用意してなくて、タイプしてどんなものかを動かしながら紹介していくつもりだ（注：ダール氏はここで最初に「
モダンブラウザで使う「Geolocation API」前編
（2011/04/15 追記） 広義の HTML5、狭義の HTML5 について追記しました もりやまです。 最近比較的余裕があるので色々調べたりしているのですが、今回はブラウザの位置情報取得機能（Geolocation API）について調べてみました。 携帯端末では昔から結構使われていましたが、今回調べてみたところ、ほとんどのモダンブラウザが対応していることがわかりました。 というわけで、ここにまとめてみます。 Geolocation API とは ホストデバイスに関連する地理的な位置情報へのスクリプトによるアクセスを提供する API です。 ザックリ言ってしまうと、ブラウザ上で動く JavaScript から現在の位置情報を取得するためのAPI の仕様、ということです。 W3C で策定中の規格で、現在は最終草案（Last Call Working Draft）の段階です。 よく「HTM
CoffeeScript時代のモジュールシステムの選び方ガイド | netswitch!
猫も杓子もCoffeeScriptの世の中、CoffeeScriptに手を出してしまったがために(JavaScriptの世に)帰らぬ人となりつつある人はたくさんいると思う。 僕も最近CoffeeScriptに手を染め五分で帰り途を見失ってしまった。 CoffeeScriptの編集にはujihisa氏のshadow.vimが便利だ。 shadow.vimを手短に紹介すると、main.js を開いて編集していると思ったら実はmain.js.shd(中身はCoffeeScript)を編集していて、気づいた時にはすでにmain.js.shdのコンパイル結果がmain.jsに保存されている、というvim-pluginである。 さて、JavaScriptを本格的に使うには、モジュールシステムを避けて通る事はできない。 グローバル変数を多用することも許されているJavaScriptでは、ライブラリによる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.riptac.net/html/memo/
http://rpgjs.com/
JSLinux