CreateJS入門サイト - ICS MEDIA
このサイトはHTML5 Canvasのフレームワーク「CreateJS」の入門サイトです。初学者から学べるように基本的なCreateJSの使い方から解説しつつ、発展的な内容までまとめています。このサイトを通して、webでのインタラクションデザインについて学んでいきましょう。 導入編 webのリッチコンテンツを作るためのフレームワーク「CreateJS」。どのような場面で利用されるのか、どういった表現が可能なのかという点を中心に、概要と導入方法を説明します。 CreateJS とは CraeteJS の事例 簡単なサンプルを試そう ブラウザの開発ツールの使い方を抑えよう CDNのURL 次のコードをHTMLファイルに記述することでCreateJSが利用可能になります。 <script src="https://code.createjs.com/1.0.0/createjs.min.js">
Flashの次に来るのはこれだ！ エンジニアのためのCreateJS入門 | ファーストロジック ラボ
こんにちは、取締役の青柳です。 2016年1月22日に中野ICTCOで開催された『第7回 CreateJS 勉強会』に参加してきました。私自身は CreateJS のことを「Webでグラフィックを扱いたいときに便利な JavaScript ライブラリ」程度にしか捉えていなかったのですが、勉強会に参加して CreateJS が 非常にパワフルで将来性のある ライブラリだとわかったので、その概要をお伝えしたいと思います。 なお、この記事は CreateJS をまだ知らない方に向けて「CreateJS とはなにか？」について書いたものです。技術的な詳細については、こちらのサイトをご覧ください。 CreateJS 公式サイト http://www.createjs.com/ CreateJS 入門サイト – ICS MEDIA（株式会社 ICS 様） https://ics.media/tutor
HTML5 Canvasで動くジェネラティブ・アートをブログに貼る - roombaの日記
「ジェネラティブ・アート」 最近『ジェネラティブ・アート』という本を買いました。ジェネラティブ・アート(Generative Art)とは、通常のアート作品のように人間が描いたりつくったりするのではなく、何らかのアルゴリズムやランダム性を利用して生成的につくられるものを言います。ちょっとしたプログラムでアートができるので、絵心が不要なのが魅力です。 下のように画像検索すると、かっこいいものがいくつもでてきます。 generative art - Google 検索 HTML5 Canvasで描いた絵をブログに貼り付ける方法 本を読んだら実際に製作してこのブログに貼り付けたいので、お絵描き方法としてはHTML5 Canvas + Javascriptを使うことにし、貼り付け方を調べてみました。本ではProcessingという言語を使っているのですが、Javascriptの方が好みなので。 試
キャバ男コードレシピ
首都圏のキャバクラは地域によって色が全然違う こんにちは！ 皆さん、キャバクラって行ったことはありますか？w 俺はしょっちゅう行ってるんすけど、いや〜、これが沼で通い出したら止まらないww だからお金ができるたびに首都圏のキャバクラを回ってるんすけど、よく調べてみると、キャバクラって地域によって全然毛色が違うんですよ！ そこに通う人のニーズだったり、好みだったりがお店に反映されてんのかな？w だからキャバクラにハマる人って、初めて行った店の雰囲気とかキャバ嬢の見た目とかでどハマりする人と、そんなにハマらない人がいるんですよね。 俺はその前者wどハマりして今では抜け出せないところに来てるっすww じゃあ、首都圏、特に東京のキャバクラには地域によってどんな特徴があるのか、紹介していきたいと思います！ 新宿歌舞伎町のキャバクラの特徴と必要な予算 キャバクラって言ったらまず新宿歌舞伎町を思い浮かべ
日本初の Firefox OS 本「Firefox OS アプリ開発ガイド」が出版されます | Mozilla Japan ブログ
Mozilla では 今年 2 月に MWC で発表したとおり、Firefox OS の開発を 世界中のパートナーと共に続けていますが、夏に予定される商業端末の発売に先立ち、日本初の Firefox OS 本「Firefox OS アプリ開発ガイド」が出版されます。 Firefox OS の特徴やアーキテクチャに始まり、シュミレータを使ったアプリ開発の基本から Firefox OS に向けて実装された新しい Web API のリファレンスはもちろん、Firefox OS のユーザインターフェイスを独自にカスタマイズするイロハや、各種デバイス向けのビルド手順まで網羅したガイドブックになっています。 日本語はもちろん、英語でもまだ十分にまとまっていない情報を、Mozilla のコミュニティで活躍されているメンバーや業務で Firefox OS の開発に関わっている企業のエンジニアが集まって1つ
Firefox OS - naoyaのはてなダイアリー
Firefox OS が面白そう、というので少し触ってみました。 Firefox OS はWeb 標準ベースの開発を基礎としたモバイル端末用プラットフォーム、要は HTML と JavaScript と CSS でアプリケーション開発できるモバイル端末用の OS。間もなく Developer Preview Phone な実機が発売されるというのでにわかに盛り上がりを見せているみたいです。 Firefox OS が目指すところは Web 標準による、開発者がロックインされないオープンなプラットフォーム。iOS や Android の昨今の状況を見れば、そのアンチテーゼになるプラットフォーム構想があってもおかしくないわけで、まさにそれを目指しているようですね。 いったいどんなものかという概観は dynamis さんによるスライドが分かりやすい。 Firefox OS from dynamis
HTML5を使ってみた » Jeans & Development
Jeans & Development コンピューターのことなどを綴った日記、メモと Bookmark 集 (旧：目から鱗 w/SQLite) 去年がHTML5元年だそうで、HTML5はまだ始まったばかりの技術なのだけれど、モバイル環境でも使えるアプリケーションを開発できるという意味ではおもしろい。 最近、MZ-80K（SHARPが３０年少し前に発表したパソコン）のレプリカを作ったり、それ用のBASICを開発したりで、これに少しはまりこんでいる。 そこで、出来て１年ほどの技術を用いて３０年以上前のコンピューターを再現するのもおもしろかろうと思い、HTML5の勉強を兼ねてMZ-80Kのエミュレーターを作ってみた。「KM-Z80 web」と名付けている。 現物及び使用方法の説明、ソースコードのダウンロードなどはこちら 使い方などは別のページに譲るとして、ここではHTML5の技術に関する
コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー - Chrome Life
みなさんは、フルスクラッチでテトリスを作ることができますか？ プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5製テトリスのプログラミング学習ムービーです。 HTML5 tetris - making of HTML5 tetris - making of 驚くべきことに、 たったの４５分でテトリスが完成！ それもフルスクラッチで、jQueryなどのライブラリーを一切使っていません。 Youtubeのムービーは早送りしていますが、動きを確認しながら実装しているのが分かります。 実際に、こちらでテトリスをプレ
マイクロソフト - PressPass ホーム - 製品画像ダウンロード
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform Windows 365 開発者
関西Tizen勉強会を開催しました - tizen.moe
ATNDはこちら ATNDの通り、とうとう参加者１人（＝自分だけ）回になってしました。本来なら中止にするべきなのかも知れませんが、初めて自社の事務所が使えることになりましたので、一応のことながら開催だけはしました。*1 Tizen meetup Japan NewTerm_01View more presentations from moguriso. *2 Tizen IVIについてはフリックさん情報が充実しているので、tizen.orgで公開されているsource codeのbuildを試しました。 通例と言うか、いつもの用にと言うか、尻切れトンボで終わってしまっているのと、既に1.0のsource codeがfixされて、リンク切れだったserverまわりも改善されている見たいなので、GW中に試してみたいところです。。 特に今回は諸事情もあってほとんど宣伝しなかったので、次回は本腰を
HTMLとJSだけで何か作るときの - hitode909の日記
HTMLとJSだけで何か作ることが多くて，開発環境をどう作るかとか，ノウハウみたいなのがたまってきたと思う． ローカルのHTMLファイルをブラウザで開くと，いろんな制約がある．たとえば，ファイルAPIを使えないとか，YouTubeのプレイヤー貼り付けできないとか，/js/みたいに絶対パスで指定することもできない．ページ1枚なら他のページにリンクとかいらないけど，ウェブサイトを作ってるときとかは，/help/でヘルプページを表示するとか書いたときに，ローカルのファイルを見てリンクが切れてるということになる．開発中はリンク切れだけど本番サーバーに置くと見れるはずとか言って開発するのは怖い． サーバーでRubyとかPerlが動いてるみたいなときはローカルでサーバーを立てて開発してると思う．HTMLとJSだけ使うときでもローカルでサーバーを立てて開発したほうがいいと思う． 開発中は，nginxでフ
HTML5はむしろ企業システムに向いている
HTML5を使ったWebサイトというと、映像やアニメーションを使ったグラフィカルなサイトを想像するかもしれない。プラグインを使わずにWebブラウザーの機能だけで動画ファイルや音声ファイルを再生でき、見栄えがよく操作性が高いWebサイトを構築できることは、大きな利点だ。 実際に企業やソーシャルメディアのサイトで、HTML5を採用する動きが活発だ。2012年4月5日には、毎日新聞社がリニューアルしたニュースサイトでHTML5を全面採用したことが話題になったばかりだ。マルチデバイスに対応するためだという。 HTML5は、こういった外向けサイトのユーザーインタフェースを豊かにする技術と捉えられがちである。一方で、WebブラウザーによってHTML5への対応状況にばらつきがあるという問題もある。Webサイト運営者は、HTML5に未対応なWebブラウザーも考慮したサイト作りが求められるのが現状だ。 むし
スマホアプリ開発はHTML5／jQuery Mobileとネイティブどっちがいいの？～第2回テックヒルズまとめレポート（1/2） - ＠IT
スマホアプリ開発は HTML5／jQuery Mobileとネイティブ どっちがいいの？ 第2回テックヒルズまとめレポート 柴田克己 2012/4/27 iPhoneやAndroid端末の急速な普及を受け、多くの開発者が近年関心を寄せているのが「HTML5で実現できるWebアプリと、各プラットフォーム向けに特化したネイティブアプリ。開発するならどちらがトク？」というテーマだ。 2012年4月13日に、このテーマについて実際にスマホやWeb向けのアプリ開発を手掛けている技術者たちが意見を戦わせる「第2回テックヒルズ『ネイティブアプリ』vs『Webアプリ』～これからのアプリ開発のトレンド～」と題したディスカッションイベントが、六本木アカデミーヒルズで開催された。 司会進行を務めたのは、同イベントを企画、運営するインターネットサービス企業「CROOZ」の技術統括本部取締役の小俣泰明氏だ。 小俣氏
DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー
株式会社ディー・エヌ・エー（本社：東京都渋谷区、代表取締役社長：守安功、以下DeNA）は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開しました。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4
WebSocketのキホン
1. WebSocketのキホン 2011/12/16 HTML5+IE9 Web Camp 2 with html5j.org NTTアドバンステクノロジ アプリケーションソリューション事業本部 情報機器テクノロジセンタ きんじょう ゆう 金城 雄 2. 自己紹介 きんじょう ゆう 金城 雄 NTTアドバンステクノロジ gihyo.jp NTT-AT アプリケーションソリューション事業本部 Jettyで始める 情報機器テクノロジセンタ所属 WebSocket超入門 http://gihyo.jp/dev/feature/01/websocket より引用 3. 資料について 本番で使用したスライドを オンラインで公開します http://www.slideshare.net/You_Kinjoh/ ※ 発表資料は修正される可能性があります ※ イベントのサイトからも公開される予定だそうで
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
Engadget | Technology News & Reviews
関西Tizen勉強会 新学期（4/21）資料
HTML5でiPhone/Androidアプリケーションを作ろう！