カヤックは2011年9月7日、Webブラウザー上でHTML5のコーディング力を測ることができるオンライン試験「第一回 全国統一 HTML5実力テスト」(写真)の公開を開始した。受験料は無料。 「HTML/CSSコース」と「JavaScriptコース」の2種類の試験を用意しており、ともに日本語あるいは英語で受験できる。HTML/CSSコースは全16問、JavaScriptコースは全21問の問題が出題される。解答の目安時間は両コースとも「15分間」となっている(試験が始まるとタイマーでカウントされるが、時間をオーバーしてもペナルティなどはない)。 受験者が設問に解答し終えると(テストページの下部にある「採点する」ボタンを押す)、結果がその場で集計され、平均点や得点分布、総合順位、偏差値などを算出。これらの情報と共に受験者へのアドバイスなどを記した個人成績表がブラウザー上に表示される。試験は複数
スマホ用JavaScriptフレームワーク5つ +1を徹底研究 jQuery Mobile、iUI、jQTouch、 Sencha Touch、Wink toolkit、PhoneGapとは アシアル株式会社 鴨田健次 2011/6/22 スマートフォン向けJavaScriptフレームワーク/ライブラリを使うと、スマートフォンアプリっぽい見た目のページデザイン、UI(ユーザーインターフェイス)パーツやページ遷移アニメーションを簡単に実装できます。多くは、おのおののフレームワークのルールにのっとったHTMLを書くことで、それらの機能を実現します。 本稿では、jQuery Mobileを筆頭として、いくつか発表されているスマートフォンサイト向けJavaScriptフレームワークを紹介します。 ■ PCサイト向けJavaScriptフレームワークについて PCサイト向けJavaScriptフレー
CasualJSはCanvasタグを使ったアニメーション/ゲーム作成用JavaScriptフレームワーク。 CasualJSはJavaScript/HTML5製のオープンソース・ソフトウェア。JavaScriptはHTML5の登場によって大きく花開こうとしている。位置情報の利用、ストレージ、WebSocket(今は切り離されているが)、Canvasタグ等様々な新技術が盛り込まれている。 ボタン Canvasタグを使うことで、アニメーションを行ったりグラフィックを描くことができる。それもJavaScriptからインタラクティブに扱えるものだ。だが全てを作り込むのは大変だ。そこで使ってみたいのがCasualJSというJavaScriptフレームワークだ。 CasualJSはHTML5のCanvasを利用するためのフレームワークだ。ActionScript3ライクという説明がついている通り、アニ
home > インフォメーション > HTML5とJavaScriptでゲームをつくる!<br>学生対抗ゲーム開発コンテスト『9leap』始動! iPhoneアプリやGREEのソーシャルゲーム『天空のエリュシオン』などの開発元であるUEIとD2コミュニケーションズが、コンピューティングを愛する学生向けのユニークな開発コンテスト『9leap』(ナインリープ)を発表しました。募集開始は2011年5月1日から。 数多あるプログラミングコンテストと違って、9leapは応募作品や賞品を含め、非常にユニークな仕組みになっています。 ユニーク1 HTML5で書く! まず、プログラミングのベースが“HTML5+JavaScript”という親しみやすい言語である点。 また、応募作品となるミニゲームは“すべてスマートフォン(iPhoneとAndroid)で動作するもの”が前提。複雑なコードが書けない初心者向け
この記事は賞味期限切れです。(更新から1年が経過しています) 「Modernizr」や「html5.js」等、 モダンな環境の為の便利なスクリプトは多々ありますが、 「headjs」はそんな彼らの仕事を一気に引き受けてくれる働き者のスクリプトです。 使い方 Head JS :: The only script in your HEAD 謳い文句はhead要素に読み込む唯一のスクリプト ダウンロードして読み込むだけ。おしまい。 <script type="text/javascript" src="head.js"></script> その多彩な機能 環境の判別 CSS3のプロパティの対応状況、画面のサイズ、ブラウザなどの情報を Modernizrと同じ手法でHTML要素のクラスに出力してくれます。 こんな感じに… <html lang="ja" id="test-page" class="
jsdo.itって? jsdo.itはHTML5・CSS・javascriptを書いて 投稿・共有ができるサービスです。 書いたコードをその場で実行確認できるから、 WebサイトやWebコンテンツを作って そのまま公開できるのが特徴です! 初心者でもカンタンです! 初めての方もカンタンに始めることができます。 2種類のお手本コードを用意しました! お手本コードをあなたらしくアレンジ(=Fork)するだけで、 とっても簡単に○○診断が作れます! 今ならNINTENDO 3DSが当たるキャンペーンを実施中です! みんなが作った診断で遊んでみよう! 新着の診断 forked: あなたに足りない成分26view forked: 本当のモテ期診断638view forked: 本当のモテ期診断671view forked: 本当のモテ期診断558view forked: 本当のモテ期診断556vie
動画でリッチなことできるんなら音声でもできるんじゃね? と思ったので書いてみました。 http://yanagiatool.appspot.com/jsaudio/load.html (FireFox3.6系列のみ) ローカルからwavファイルを画面にドラッグアンドドロップしてみてください。ゆっくり波形が表示されます。 読み込めるwavファイルの形式は16bitステレオのみです。 仕組み File APIを使ってます。 FileReaderでファイルの中身をStringとして読み込んで、ヘッダをチェックして、データ部を適当にエンディアン変換しながら表示してます。 File APIの使い方やバイナリの扱い方などは W3C File APIを使ってJavaScriptでファイル加工 - しばそんノート http://d.hatena.ne.jp/shibason/20100111/126319
HTML909っていうリズムマシンを作った. チェックボックスをぽちぽちすると,音が鳴ったりする. HTML909 audioタグをタイミングよく鳴らすのが難しいようで,環境によって挙動が変わっておもしろい. Safariだとうまく動く. Firefoxだと,この前まではいい感じだったけど,この前バージョンが上がってから,音がよれよれになるようになった. Google Chromeでは音が出ない. そのうち,ブラウザのバージョンが上がったら,ましになると思う. 音は,TR909-all.zipみたいなやつを拾ってきて使ってる. ここで配ってた. Music Machines: Roland TR-909 wavファイルはGAEに置いてるのだけど,app.yamlで,mime typeを指定しないと,audioタグで再生できなかった. こんな感じに,mime typeを指定する. - url
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
tech.kayac.com、ささやかにリニューアルしました! tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が?って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvasについて記事を書こうと思います。 最初なので、、、 簡単にぼくの属性を説明すると、html5とか好き、CSS3とか好き、canvasとか興味ある、非モテ、javascriptはjQueryがなんとなくわかる程度、非リア充。こんな感じです。 今回のリニューアルではコーディング全般を担当しました。 特に、プログラミングに関してはド素人だ!ということを強調しておきます。 そんなぼくが、canvasを使ってキラキラした背景を作ってみました 「リニューアルするからには新しいことがやりたいよね。だったらhtml5とc
HTML5のCanvasに自動生成した迷路を描画してみた GW中にPCに触れなかった反動でついカッとなって。 ゲームではありません。 ただ単に、自動生成した迷路をHTML5のCanvas + JavaScriptで実現してみたくなっただけです。 今回の迷路生成アルゴリズムは、壁延ばし法を採用してみました。 詳しくは、こちら↓ 自動生成迷路 以下、HTMLファイルです。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>迷路自動生成</title> <script src="maze.js"></script> </head> <body> <canvas id="canvas" width="248" height="168" style="background-color: #000;"></canvas>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く