2014年これからのウェブ制作業界の流れ、伸びる職種、ウェブデザインのトレンドなどのまとめ
数多くのブログで2014年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 キーワードとしては、スマフォ・タブレットなどの小さいサイズのタッチデバイス、レスポンシブ（特に画像）、HTML5/CSS3、ビッグデータ、リスク管理が注目されています。 2014年、ウェブ制作業界全体の流れ ウェブデザインの2014年のトレンド 2014年に大きく変化するウェブデザインの7つの傾向 2014年、注目度の高いIT系の職種・役割 2014年、ウェブ制作業界全体の流れ まずは、2012, 2013年と的確な予測をだしてきたsitepointの2014年のウェブ制作業界の全体の流れから。 10 Web Predictions for 2014 スマートフォン中心の年 最終的にはデスクトップからのアクセスをスマフォが超える HTML5のウェブアプリ
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。 http://atnd.org/events/51539
HTML5 Sortable
HTML5 Sortable is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API. DEPRECATION NOTICE This project is not mantained anymore. I recommend using RubaXa's Sortable or voidberg's fork instead. Why another sortable plugin? Because it's better. Well, If you want to read the whole story read it here. Features Less than 1KB (minified and gzipped). Built using native
【デブサミ2013】14-C-4 レポート HTML5で高速なモバイルWebアプリ、3Dゲームの開発を可能にするカギとなる技術とは？
スマホ向けHTML5アプリは3種類。よい実装方法は異なる 最初に登壇したのは、サイバーエージェントで、ほとんどのコミュニティアプリに関わってきたシモ・キンヌネン氏である。キンヌネン氏はフィンランド出身。2010年に来日して、今回のデブサミが『初めての日本語でのプレゼンテーション』だという。実はキンヌネン氏は、現在も約130万ものWebサイトで使われているCanvas・VMLでのフォントレンダリングエンジン『cufon』の作成者。「もう古いので使わないで」と言い、会場の笑いを誘うほど、流暢な日本語でセッションを開始した。 「より高速なHTML5のスマホ向けWebアプリを開発するには、どのような方法を採用すればよいのか。その答えを求めてネットを見ると、実にさまざまな情報が紹介されているが、いい実装方法もあれば悪いものもある。その理由はスマホのHTML5アプリには3種類あり、各アプリによって一番
HTML5でスマートフォン開発の理想と現実
Xamarin で Prism を使いたい！ ～「正式対応」 まで待てない人のための Prism 利用 Tips～Tatsuji Kuroyanagi
ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ
少し前の話ですが、Facebook CEOのマーク・ザッカーバーグ氏の発言が話題となりました。2012年9月11日に行われた米TechCrunchのイベントで同氏は、モバイル端末向けアプリを提供するプラットフォームとしてHTML5に賭けたのは同社始まって以来の戦略上最大の失敗だった、と発言したのです。 TechCrunch Disrupt SF 2012で話すマーク・ザッカーバーグ氏 ネイティブかHTML5かという対立軸 モバイルアプリの世界では現在、「ネイティブアプリか、HTML5か」という構図で技術が語られることが少なくありません。実際、両者には一長一短があり、ケース・バイ・ケースで使い分けられています。機能面や応答性ではネイティブアプリが有利ですが、HTMLを取り巻く開発環境は急速に進化していて、中長期的にはHTML5の普及が進むと見るのが一般的です。それだけに、ザッカーバーグ氏の発
新日鉄ソリューションズがHTML5スマホアプリ開発基盤をOSSとして公開へ
写真●新日鉄ソリューションズがOSSとして公開するスマートフォン／タブレット向けアプリケーション開発フレームワーク「hifive」の構成 新日鉄ソリューションズは2012年4月11日、「スマートデバイスソリューションセンター」を設置したと発表した。また同社が開発してきたHTML5準拠のスマートフォン／タブレット向けアプリケーション開発フレームワークをオープンソースソフトウエア（OSS）として公開することも明らかにした。 新日鉄ソリューションズでは、スマートデバイスの開発フレームワークやMDM（モバイルデバイス管理）ツールを提供してきた。「企業情報システムへのスマートデバイス本格導入時代が到来した」ことから、2012年4月1日付けで専門組織を設置したとしている。 開発フレームワークは同社のシステム研究開発センターで開発しているもの。名称は「hifive」。スマートデバイス固有の開発知識を必要
UnitePlayer.js 作ったよ - latest log
UnitePlayer はモバイルとゲームに特化した HTML5 な音楽再生プレイヤー UnitePlayer は、モバイルブラウザ上で動作するゲームに音をもたらします。 扱いが難しい Mobile Safari や Android ブラウザの音周りをフォーマット化し、とっても扱いやすくします。 フィーチャーフォン用のソーシャルゲームが大流行な昨今ですが、 フィーチャーフォン用のゲームって音が無いですよね? そのゲームをそのままスマートフォン向けにコンバートしても、音がならずに寂しい感じですよね? 2012年は UnitePlayer で BGM も SE も鳴らしちゃいましょう。 そして没入感や色々なものを高めちゃいましょう! PCブラウザでもそのまま動くから、横展開もお手軽に! UnitePlayer なら iPhone でも BGM と SE を擬似的に同時再生できますよ。 Unit
FullScreen API
モデレーター：IIJ 大津繁樹 2011年11月16日 Chrome 15以上の動作限定です。 矢印カーソル(←→)でスライドが動きます。 ・全画面表示をするAPIのこと ・Chrome15から標準 (webkit付API) ・FireFox9から（要設定),FireFox10から標準 (moz付API) ・多分にFlashを意識？ ・ちょうど今WHATWGで rev I を議論中 webkitRequestFullScreen()を呼ぶだけ <h1 id="text" onclick="event.target.webkitRequestFullScreen()"> ここをクリック </h1> ここをクリック //止めるんだったら、 document.webkitCancelFullScreen(); //もちろんブラウザーのキーコマンドもOK
ASSIOMA(アショーマ) » HTML5が新しいWebの世界を創る
最近テック系のブログやニュースなどでHTML5を取り上げられることが多くなり、目にされた方も多いと思います。人気ブログの「Techwave」でも以下のような記事でHTML5に言及しており、その注目の高さが伺えます。 ソーシャルの次の時代、「フリーミアム」が終わり「コンテンツがキング」になる Appleを脅かすFacebookの「プロジェクト・スパルタン」とは 日本のソーシャルゲームに追い風、日本はスマホソーシャルゲーム市場で世界を獲れる！ これらの記事の中で、HTML5をベースにしたWebアプリの可能性が非常に高く評価されており、今後のモバイルアプリの主流がネイティブアプリからWebアプリに移行すると予想されています。 そこで今回はこのHTML5およびWebアプリについて取り上げ、その可能性を探ってみたいと思います。 ■ HTML5とは 最初にHTML5とはどういうものなのか簡単に説明した
マイクロソフト、次期Officeではスクリプト言語にJavaScriptを採用か？
マイクロソフトウォッチャーであるMary-Jo Foley氏のブログ「All About Microsoft」に、次期Office/Office 365では開発機能にJavaScripやHTML5が統合されるのではないか、と予想する記事「Microsoft to focus on HTML5 and JavaScript for Office 15 extensions」が掲載されています。 求人情報に「HTML5/JavaScriptとの統合」 記事の情報源となったのが、マイクロソフトがデベロッパーを募集するために、同社の求人サイトに掲載した求人情報。その説明として書かれた文章の中に、次のようなパラグラフがあります。 Now is the time to take Office programmability to the next level. We're a small but st
HTML5 の microdata について調べた « blog.udzura.jp
microdata というものがある。いわゆるセマンティック(笑)ウェブ(爆)だ。セマンティックウェブの話が出た3年前ぐらいは、概念はすごいけど画餅みたいなところがあり、胡散臭いコンサルやスタートアップが出現してて怪しいイメージもあったが、 Google さんをはじめとした検索エンジンの技術向上とか、似たような規格として facebook とか SNS 系で人気の OGP(Open Graph Protocol) も出てきていて、ウェッブペ～ジにメタデ～タを埋め込むことが普通になりつつあるように思われる。 今回、ちょっとした機会があって microdata などについて調べたので、そのメモなど。基本的に僕の独学だったりするので、学術的にとか色々おかしなところのツッコミとかが欲しい感じです。 セマンティック☆ウェブってそもそも何なの？ 僕もよく分からないのだが、 HTML で記述した文章に、
HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)
Firefox Developer Conference 2011 in Osaka で使用したスライド http://mozilla.jp/events/2011/fxdevcon-osaka/ 公開用に一部修正やスライド追加しましたRead less
HTML5をはじめる人、勉強したい人用のテンプレートファイル -Easy HTML5 Template
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満（
W3C HTML5 Logo
An HTML5 Logo It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It's the standard's standard, a pennant for progress. And it certainly doesn't use tables for layout. We present an HTML5 logo. The Technology Imagination, meet implementation. HTML5 is the cornerstone of the W3C's ope
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大規模 JavaScript その設計と実装と現実
HTML5マークアップの心得と作法
オープンソースのHTMLエディター「BlueGriffon」v1.1が公開
Google
日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら