HTML5 Canvasを始めよう：EaselJSとTweenJSでテキストエフェクト | ClockMaker Blog
HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」と「TweenJS」を使ってデモを作ってみました。 demo 今回のブログ記事では「EaselJS」と「TweenJS」の使い方をデモの作り方を通して紹介します。 ライブラリの紹介 「EaselJS」と「TweenJS」はFlashのエンジニアとして著名なGrant Skinner氏が開発しているJavaScriptライブラリです。「EaselJS」がHTML5 CanvasをFlashライクに使うためのライブラリで、「TweenJS」が汎用的なトゥイーンライブラリです。 ▲EaselJS HTML5のCanvas要素はHTML上に自由に描画することのできる新しい要素で、工夫することでFlashのように豊かな表現を作ることができます。ただCanvasではJavaScriptでちょっと
超定番の jQueryプラグインをサンプルと一緒に集めました。（商用利用OKなもの多め） | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
超定番のjQueryのプラグインを厳選して集めました。 商用利用が可能なものを優先的にピックアップしています。 （利用する際はそれぞれライセンスをご確認くださいね） 超定番プラグイン アニメーションのイージングを簡単に扱えるプラグイン jQuery.easing jQuery.easing
東京都帰宅困難者対策訓練に伴い無料開放する無線LANのご利用方法とエリアについて | お知らせ・報道発表 | 企業情報 | NTT東日本
東京都帰宅困難者対策訓練に伴い無料開放する無線LANのご利用方法とエリアについて 平成24年1月30日 東日本電信電話株式会社 NTT東日本は、平成24年2月3日（金）に東京都が実施する帰宅困難者対策訓練に合わせて、多くの方々に安否確認や通信手段確保のツールを体験利用していただくことを目的として、「災害用伝言ダイヤル（171）」及び「災害用ブロードバンド伝言板（web171）」の運用などに加え、公衆無線LANエリアの開放を実施します。 開放対象エリアでは、お手持ちのスマートフォン等Wi-Fi対応端末を利用してインターネットにアクセスし、「web171」による安否確認や、その他インターネット上のサービスを利用した情報収集を体験いただけます。 ※公衆無線LANの開放は、各店舗様及びエヌ・ティ・ティ・ブロードバンドプラットフォーム株式会社の協力のもと実施します。
英語の勉強を始める人は必ず目を通しておきたい英語学習サイト&ツール ＜ インターネット・IT ｜ RapidHack（ラピッドハック）
英語の勉強を始める人は必ず目を通しておきたい英語学習サイト&ツール 2012 年 2 月 2 日 18 時 42 分 インターネット・IT ■ Lang-8 http://www.lang-8.com ネイティブと日記相互添削 ■ 英辞郎 http://www.alc.co.jp/ 言わずと知れた最強オンライン辞書 ■ interpals http://www.interpals.net/ ネイティブと文通 ■ English Central http://www.englishcentral.com/ja/videos ビデオでリスニング＋スピーキング ■ babylon http://japanese.babylon.com/ 元祖ポップアップ辞書
創造性の高い仕事をしたい人におすすめしたい1冊 - naoyaのはてなダイアリー
100人が選ぶソフトウェア開発の名著選 デブサミ10周年を記念して2月21日に刊行：CodeZine（コードジン） が出版されます。私も一冊推薦しました。id:secondlife:20120202:1328168076 でセコンさんが公開してるのにならって、私も原稿を公開しようかなと思います。推薦したのは以下の本です。 モチベーション3.0 持続する「やる気!」をいかに引き出すか 作者: ダニエル・ピンク,大前研一出版社/メーカー: 講談社発売日: 2010/07/07メディア: ハードカバー購入: 101人 クリック: 5,453回この商品を含むブログ (153件) を見る 邦題があまり好きじゃない。原著は『DRiVE ─ The Suprising Truth About What Motivates Us』です。本文の訳は良かったです。『フリーエージェント社会の到来』や『ハイ・コン
個で生きる時代〜ネット上のフリマモデル - ゆーすけべー日記
ここ数ヶ月、自分でやっている実験的なことや周りからの情報などから考察するに、ネット及びデジタルの世界でも、いよいよ本格的に「個で生きる」時代が到来したということを実感する。 皆さんご存じ、ホリエモンこと堀江貴文氏は獄中でありながら有料のメルマガ配信を続け、月500万円以上の収入を得ている。Flashクリエーターで以前から有名なfladdictこと深津貴之氏は自身のTwitterのプロフィールに「iPhoneアプリ作って生計たててます。」と明記し、クライアントワークをこなしながらも氏の開発したアプリで収入を得ている（書籍「iPhoneアプリで稼ごう」にインタビューあり）。ブログサービスTumblrでは個人デザイナーのデザインテンプレートが数ドルから数十ドルで販売されており、収益からマージンを引いた後の金額がデザイナーにバックされる仕組みになっている。 これらの現実からわかることはなんだろう。
JavaScript クイズ - latest log
(ε・◇・)з さあみんな、クイズの時間だよ 問1. クォート( " と ' )を使わずに ["1"] を作ってみよう。 問2. 以下のコードはクロスブラウザでしょうか? YES / NO [void 0, null, 0].sort(function() { return 0; }); (ε・◇・)з 珍回答ができたら @uupaa までー 答え合わせ 答1. 以下の3つが答えです。2番目の答えはボクも分かってませんでした。 @xulapp さんに教えていただきました 1. /1/.exec(1) 2. [1+[]] 3. /1/(1) → http://d.hatena.ne.jp/uupaa/20091006/1254926477 (古いブラウザ限定) 答2. NO です。ブラウザ毎にバラバラです。この場合はES3の仕様上も不安定って事になってます(たしか) 問1. に寄せられた正解
「汎用のUI技術」として広がるHTML5
連載を始めるに当たって どうもこんにちは。白石俊平と申します。今回から定期的に、HTML5をはじめとしたWeb標準、そして業界の動向をまとめた記事を発信していきます。 ぼくは、Web開発者向けコミュニティであるhtml5j.orgを運営しており、そのメーリングリストにほぼ毎日、HTML5関連のアップデートを投稿しています（また、投稿内容がメーリングリスト内で埋もれてしまわないよう、同じ内容を自身のブログにもポストしています）。 こうして、日々HTML5関連のアップデートを追いかけている身として実感するのは、HTML5を中心としたオープンなWebプラットフォームが、現在すさまじい勢いで成長しているということです。HTML5関連技術や関連APIは非常に数が多く、毎日そのどれかがアップデートされているような状況です。ブラウザのアップデートも速く、どのブラウザがどの機能を実装しているのか、もはや記
【わずか３秒でエントリー】面白法人カヤックの2013年度新卒採用「節就宣言」
Web上の活動を見るだけで、あなたを選考します。エントリーシートの記入は必要ありません。 ディレクターはFacebook、エンジニアはGithub、デザイナーはFlickrの情報で選考します。 以下にある「ワンクリック採用の流れ」をご覧の上、ぜひご応募ください。 [締切] 2012年2月29日（水） ※結果は２月中旬、または２月下旬にご連絡を致します。 ※3月以降に通常のエントリーシートによる選考も行います。 ※今回のワンクリックエントリーと、3月以降のエントリーシートの両方に応募することも可能です。 1.選考 Facebook・Github・Flickrの情報を見て合否判定します。 2.面接 あなたがカヤックを判断する場でもあります。気になることがあればお聞かせください。 3.内定 面白法人カヤックでの社会人生活スタート！ 「たのしくはたらく」をモットーに、一緒に新しいサービスを世界に発
単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる
In some of the feedback I have gotten on the openID Connect spec, the statement is made that Connect is too complicated. That OAuth 2.0 is all you need to do authentication. Many point to Identity Pro… 英語読みたくないという人のために簡単に解説すると… OAuth 2.0 の implicit flow を使って「認証」をしようとすると、とっても大きな穴が開きます。 カット＆ペーストアタックが可能だからです。 OAuth 認証？は、図１のような流れになります。 図１ OAuth 認証？の流れ 一見、問題なさそうに見えます。しかし、それはすべてのサイトが「良いサイト」ならばです。 Site_A
2012年に開発者が学ぶべき10のスキル
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ここ数年、ソフトウェア開発の世界は比較的穏やかだった。しかし、HTML5が地歩を固め、Windows 8がWindowsの開発シーンに大きな変化を迫っている今では、ジェットコースターの日々が戻り、スピードはますます上がってきている。もし最先端に居続けたいのなら、少なくともこの記事で挙げる10のソフトウェア開発スキルを身につけることを検討すべきだ。 1．モバイル開発 モバイル開発を学ぶのに時間を割く価値などないと考えているのなら、考え直した方がいい。2011年のAndroid携帯の世界出荷台数は、ほとんどPCの販売台数と同じだ。他の有名なモバイルデバイス（iPhone、iPad、そして「瀕死状態」のRIMデバイス）を加えれば、販売台数で見
node/webosocketによるオンラインゲームの実装を考える / オンメモリ、KVS、RDBMS、圧縮プロトコル、そのゲームデザイン + 就活の話 - mizchi log
派手で見栄えがする大規模なプロダクトを作ろう！っていうことで、一人でフルスタックなネトゲを作っている。大きなプログラムを書いても破綻しないようにテスト書きまくってテストファーストを心がけたり、Travis-CIによる継続的インテグレーションで頑張ったり。 というわけで作っているのはMMORPGなんだけど、ここで実装するのはまあ平均的なMMORPGを想像してもらいたい。自分がやろうとしているのは、モダンなOSSとさくらの安いVPSで、独学の学生一人でもフルスタックなネトゲみたいなのが組める、ということの実証。 なんでそんなことをしているかって言うと、一応就活中で、見栄えがするアプリ提出できるとおいしいなーっていう下心。 *追記* ここでは https://github.com/mizchi/wanderer のことを言ってるんだけど大規模リファクタリング中なのでここで言ってることは半分ぐらい
プログラミングの楽しさ。オープンソースとの出会い。 - 2nd life (移転しました)
100人のプロが選んだソフトウェア開発の名著 君のために選んだ1冊 が出版され、『私と Ruby と添削と』という内容で寄稿しました。私がどうプログラミング・オープンソースの楽しさを知ったかについての昔話です。公開して良い、とのことなので公開いたします。 なお、文章中に出てくる tdiarytimes.rb のコードは以下です。9年前に書いたコードなので今読み返すと恥ずかしいを通り越してもはや微笑ましいですね！！１これでも当時は、自分なりにできるだけ綺麗なコードにして公開した記憶があります。 https://github.com/tdiary/tdiary-contrib/blob/master/plugin/tdiarytimes.rb 私と Ruby と添削と プログラミング技術の向上させるには、どういう方法があるでしょうか。プログラミングに関する書籍を読む、オープンソースで公開されて
無料で使える東芝の録音・音声書き起こし専用クラウドエディタ「ToScribe」
音声データに登場する発言者を分類して各発言の話者を特定する「話者分類機能」、書き起こした文章の文末・表記のゆれ・誤字・脱字などを検出する「整文支援/校正支援機能」、テキスト中のカーソル位置から音声再生を開始する「自動頭出し機能」、エアコン・プロジェクターのファンノイズなどを抑える「ノイズ除去/聞きやすさ向上機能」、声の高さを変更せずに話速を調整する「話速変更」といった、「音声書き起こし」「文字起こし」などの作業を支援するための機能が満載のすさまじい完全無料音声データ書き起こし支援サービス「ToScribe」が東芝からリリースされました。 なお、現在は試験的な公開であり、2012年2月9日(木)正午までにユーザー登録した場合はその後もサービス利用が可能、とのことなので登録して使ってみました。今までもいろいろな文字起こし支援のソフトやサービスを利用してきたのですが、今回の東芝の無料サービスはか
知っておくだけで全然違います!M8M9大地震そのとき最悪の場所にいても「生き延びる」方法を教えます（週刊現代） @gendai_biz
地下鉄に水が入ってきたら、高層ビルのエレベーターに閉じ込められたら、モノレールが海の上で止まったら・・・・・・ほか 近い将来、首都圏を襲うM8M9大地震。そのとき、どんな場所で揺れに襲われるかは誰にも選べない。「ここでだけは地震に遭いたくない」と思うような状況で被災したら、どうすればよいのか。 水の少ないうちに上を目指す ■地下鉄に水が入ってきたら 首都圏大地震の際、地下鉄では、ゼロメートル地帯にある地表の換気口などから津波の水が浸入する可能性があることは、これまでも取り上げてきた。 だが、換気口以外にも地下鉄に水が入る可能性のある経路は複数ある。 実は、3・11の際には、東京メトロ飯田橋駅につながる地下道に水が流れ出すという事態が発生していた。現場は東西線と南北線・有楽町線の改札間を結ぶ地下通路と商業施設「ラムラ」の入るビル、飯田橋セントラルプラザの接続口だ。同ビル管理部によると、 「こ
Facebook風ボタンをCSS3でデザイン·CSS3 Facebook Buttons MOONGIFT
CSS3 Facebook ButtonsはCSS3で作られたFacebook風ボタンデザインです。 最近はFacebookアプリの開発も増えてきました。そんな開発の際に使えそうなのがCSS3 Facebook Buttons、Facebook風ボタンをCSS3で作成したソフトウェアです。 色は3種類から選択できるようです。 classを指定するだけ。使い方は簡単です。 サイズが少し大きいバージョンです。 classにlargeをつけるだけです。こちらも簡単です。 グループ化です。こちらも需要がありそうです。 div.uibutton-groupをつけるだけです。 こんな感じに混ぜた表示もできます。 ツールバーという指定を使います。 アイコン付き表示もあります。これは便利そう。 addやeditといったclassをつけるだけ。簡単です。 色付きボタンはもちろん、大きさやアイコンをつけたボタ
納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー
まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 Cross-Browser CSS Development Workflow [ad#ad-2] 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基本的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段：IEのみスタイル 5. 問題に取り組み続ける 6. おわりに 1. リセットかノーマライズか IE, Firefox, Chrome, Safari, Operaなどのブラウザには各要素ごとのデフォルトのスタイルが用意されており、制作する際にはこれらの相違を見出し、各要素を整える必要があります。 CSSリセットとは CSSリセッ
【噂】iPhone 5のプレスリリース資料が流出？ これ、カッコいいじゃないか...。
【噂】iPhone 5のプレスリリース資料が流出？ これ、カッコいいじゃないか...。2012.02.02 11:555,037 期待しちゃうー。 FacebookでIT関係者のなかで広まってるみたいなんですけど、iPhone 5のプレスリリースの資料らしいです。スペックも書いてありますね。どれどれ...。 アルミニウムボディ 4.3インチディスプレイ デュアルコア A6 iOS5.1 iCloud ほほーっ、本体をよーく見てみると、ホームボタンが横長になってますし、ものすごく薄くて、曲線ボディですね。個人的にはMagSafeコネクタがいいなぁ。やっぱりこういった噂はワクワクしてしまいますよね！ [APPGIGA] （長谷憲）
Webサーバでもっとも使われているLinuxは「Debian」 - W3Techs調査
W3Techsは、Webサーバに採用されたLinuxディストリビューションのシェアについて、DebianがCentOSのシェアを超え、もっとも多くなったと「Debian is now the most popular Linux distribution on web servers」において報告している。 2010年6月に、CentOSがWebサーバに採用されたLinuxディストリビューションにおいてトップシェアを獲得して以来、CentOSは1年半に渡って1位をキープしていたが、今回の順位変動で再びDebianが1位になった。 W3Techsの調査によれば、観測しているすべてのWebサイトの中で、Debianを採用しているサイトの割合は9.6%。1年前は8.9%、2年前は8%だったことから、徐々にシェアを伸ばしていることがわかる。集計対象を「Linuxを採用しているWebサイト」に絞ると
避けるべきHTML5機能をまとめたティップサイト「HTML5 Please」登場
HTML5やCSS3といった最新の技術を活用したWebページの制作は開発者にとっては魅力的な選択肢だが、そこには常に「どの機能ならば使っても良いか」という判断が必要になる。最新のブラウザがある機能に対応していたとしても、それがすべての主要ブラウザでサポートされていないことがあったり、あるバージョンでは特定の問題を引き起こすこともある。「どの機能ならば使っても良いか」という調査にかかるコストを考えると、従来の古い技術のみでWebサイトを構築する、といった選択肢も捨てがたいものとなってしまう。 こうした際に役立つサイト「HTML5 Please」が登場した。HTML5やCSS3、JavaScript APIに関して利用が推奨されるかどうか、どのブラウザのどのバージョンがサポートし、全体としてどの程度の対応状況にあるかをまとめたサイトだ。どの機能を利用すべきかといった判断をするのに役立てることが
イマドキのIDE事情(123) WebアプリからEclipseプラグインまで、様々なMongoDBフロントエンド
MongoDBとは? 近年主にWebアプリケーションのデータストアとしてRDBMSの代わりにNoSQLと呼ばれるミドルウェアが注目を集めている。NoSQLは、RDBMS以外のデータストアの総称であり様々な製品が存在するが、いずれもRDBMSよりも機能がシンプルな分高速に動作し、スケーラビリティに優れるという特徴を持っているものが多い。 MongoDBは数あるNoSQL製品の中でも特に人気の高いもののひとつで、スキーマレスなドキュメント指向のデータベースだ。今回は、このMongoDBのフロントエンドとして利用可能なツールを紹介したい。 mViewer mViewerは、Javaで実装されたWebベースのMongoDBフロントエンドだ。軽量サーブレットコンテナであるwinstoneが同梱されており単体で実行できるようになっているため、Javaが動作する環境があればすぐに利用することができる。
How to write JS code generator - 枕を欹てて聴く
esprimaに入りました. 次のversionからesprima.generateで利用可能です. Issue 89 - esprima - Code generator: convert AST to source code - ECMAScript parsing infrastructure for multipurpose analysis - Google Project Hosting JSのpretty printerを作りました. ECMAScriptのparserとしてesprimaを使っていて, 自作のcode generatorがASTから綺麗なJSをprintします. で, 現在はesprima code baseに持って行こうとしています. 将来的にesprimaで使えるようになる予定なので, 使いたい!! という方はお待ちください. operator prec
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
安らぎデスクトップ～究極のデスクトップを求めて | ライフハッカー・ジャパン
