これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ!ワンコインセミナーでその一歩を踏み出してみよう!Yoshinori Kobayashi
![AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ](https://cdn-ak-scissors.b.st-hatena.com/image/square/04677458a68d19fd2816909e84426dd8c913ebfc/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fng-japan-150321020850-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ!ワンコインセミナーでその一歩を踏み出してみよう!Yoshinori Kobayashi
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
みなさん、こんにちは。hifive開発チームの横山です。第2回と第3回では、HTML5で実現可能な表現や機能について詳しく解説しました。これらを用いると、業務システムに従来のWebシステムでは実現できないレベルの高い操作性を持たせることができます。直観的に操作できるUIにより誤操作を防止しやすくなり、ユーザー教育のコストも減らせるのではないか---。そんな期待を持った人も多いのではないでしょうか。 しかしながら、そうしたリッチなUIを備えた業務システムの開発は、単純な画面遷移を繰り返すことで業務を進めていく従来型Webシステムと比べて、開発プロセスを適切に管理し、予定通りの工数で開発を進めることが難しくなりがちです。 そこで今回は、HTML5を使ってリッチなUIを提供する業務システムを開発する際に必要となる「成功させるために考慮すべき点」や「失敗しないための開発の進め方」「役に立つツールや
HTML5(エイチティーエムエル・ファイブ)は、World Wide Web Consortium(W3C)がかつて策定していたHyperText Markup Languageの5回目に当たる大幅な改定版であり、2021年1月28日に廃止された。 現在はHTML Living Standard(英語版)によって置き換えられている[1]。 Web Hypertext Application Technology Working Group(WHATWG)によって2004年に定められたWeb Applications 1.0にWeb Forms 2.0を取り入れたものをベースとしている。W3Cの専門委員会により2008年1月22日にドラフト(草案)が発表され、2014年10月28日に HTML5 が勧告され[2]、2016年11月1日に HTML 5.1 が[3]、2017年12月14日に
「HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか?」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。 HTML5 and CSS3 - Adobe - The Expressive Web - Beta http://beta.theexpressiveweb.com/ 「The Expressive Web」は左側に各コンテンツのメニューがあり、1つずつ見ていくことでCSSやHTML5の動作が分かっていくというウェブサイト。一番上の「CSS3 Animations」をクリックすると、青いキャラクターと背景がCSS3アニメーションで動いている様子を見ることができます。CSS3アニメーションはHTMLにキーフ
あけましておめでとうございます。株式会社ミツエーリンクスの黒澤剛志です。本稿では、昨年に引き続いて、2015年のWebアクセシビリティの短期的な予測を寄稿させていただきます。 HTML5がW3C勧告に 2014年10月、HTML5仕様がW3C勧告として公開されました。 W3C勧告として公開されることは、その仕様はブラウザーなどに既に実装されていることを意味しています。Webアクセシビリティの観点からは、HTMLのセマンティクスがユーザーに伝わるかどうか、という点も重要です。この点に関しては、2014年を通して多くのブラウザーが改善に取り組みました。特に、これまで対応が弱かったGoogle Chromeでの取り組みが目立ちました。HTML5 Accessibilityのスコアを見ると、Goolge Chrome(Windows版)は、2014年3月には47でしたが、2014年11月には83.
By José Tomás Albornoz YouTube上でムービーを再生する場合、ユーザーの視聴環境に適したプレーヤーが自動で選択されるようになっており、これまではユーザーがFlashに対応している場合はFlashプレーヤーが優先される仕様になっていました。しかし、これからはFlashではなくHTML5でのムービー再生が初期設定で実行されることをYouTubeが発表しています。 YouTube Engineering and Developers Blog: YouTube now defaults to HTML5 http://youtube-eng.blogspot.jp/2015/01/youtube-now-defaults-to-html5_27.html YouTubeがHTML5でのムービー再生をサポートし始めたのは2010年からで、当時はFlashの方がHTML5で
「過去4年のあいだ、私たちはブラウザベンダや幅広いコミュニティと協力し、課題を埋め合わせるために作業してきた。そして今日、YouTubeはHTML5の<Video>タグをChrome、IE 11、Safari 8そしてベータ版のFirefoxでデフォルトとすることにした」。YouTubeは1月27日付けで投稿したブログのエントリ「YouTube now defaults to HTML5 <video>」で、Flashに代わりHTML5のVideoタグをデフォルトにしたことを表明しました。 ブログでは、HTML5のVideoタグがデフォルトとなる上で重要だった以下の5つの技術を紹介しています(リンクはそれぞれのHTML5仕様)。 MediaSource Extensions Adaptive Bitrateストリーミング(ビットレートに最適化されたストリーミング)によって、ネットワーク状況
CreateJSで提供される5つのツール 今回は、4月に公開されたばかりの「CreateJS」を紹介します。CreateJSはHTML5を利用したリッチコンテンツ作成のためのJavaScriptライブラリ/ツール集です。著名なFlashエンジニアであるGrant Skinner氏が開発しており、ActionScriptに似た使用感を実現している点が大きな特徴と言えます。 CreateJSでは、次の5つのツールが提供されています。 EaselJS TweenJS SoundJS PreloadJS Zoe それぞれ、以下のような機能を備えています。 EaselJS EaselJSはHTML5のキャンバス上にコンテンツを描画するためのJavaScriptライブラリです。提供されるAPIがActionScript風になっており、Flash開発者ができるだけ違和感なく利用できるように工夫されてる点
ラングトンのアリについて ラングトンのアリを知っていますか?ラングトンのアリは以下の単純なルールに従って動くアリのことです。 黒いマスにアリがいた場合、90°右に方向転換し、そのマスの色を反転させ、1マス前進する。 白いマスにアリがいた場合、90°左に方向転換し、そのマスの色を反転させ、1マス前進する。 たったこれだけのルールでラングトンのアリさんはとても複雑な動きを見せ、まるで生きているかのようです。そしてこの複雑な動きを大体1万回繰り返すとなぜか一直線の道を作ってどっかにいってしまいます。 詳しくはデモを見てください。 今回はこれをJavaScriptで作っていきます。 今回作るラングトンのアリの動作の流れ 書く前にどんなものか少し考えてみましょう。 アリの場所のマスの色によってアリの向きの変更 アリの場所のマスの色を反転 アリを一マス進める 1へ。 めちゃめちゃシンプルですね。では早
ネイティブアプリかWebかという議論はここ数年ずっとIT業界を賑わしているが、昨秋、米国においてタコベルがサイトでの店舗案内やメニューの掲載を止め、(ネイティブ)モバイルアプリケーションのダウンロードを促すということを行った。 実際にはネイティブかWebかのコンテキストというよりも、ユーザーの導線として、一時的にすべてのソーシャルネットワークをシャットダウンしたという戦略のほうが注目を浴びた。 Taco Bell(タコベル)が公式サイト・ソーシャルメディアアカウントを全てシャットダウン。その理由とは? - ネットマーケティングレポート:ITproマーケティング この記事やタコベルのCMOが語っている以下の記事でも書かれているように、ソーシャルからの導線を切ることにより、ユーザーのロイヤリティを高め、モバイルアプリの利用率を一気に増加させることに成功したようだ。 Taco Bell CMO
コマンドラインツール ターミナルからnpmでファイルをさくっとダウンロードしたり、ちょっとした繰り返し作業も一発で実行してくれるツールが色々あって、やっと苦手意識も減ってきました。 まだ全然使いこなせてはいないんですが、前に比べて意味が分からず門前払いを食らっていた便利なツールがちょっとづつ使えるようになってきました。 気になったのでこもりさん(@chiper)が販売しているDevelopment Environments for Web Designersというのを買ってみました。今あまりWebデザイナーではないけどw Brackets メインで使っているエディターです。もともとはエディターの移行を考えていてSublime Textがあまりなじまなかったときに、プラグインが入れられリアルタイムリロードが簡単にできるエディターとして触ってみました。以降ずっと使っています。Advent Ca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く