世界のフロンエンド技術を学ぶ UX、UI、レスポンシブWebデザインまで、最新のフロントエンド技術をトータルに学んでいただきます 世界のUX企業である「ノーマンニールセン」の資格を持つ講師から、UXの基本、UI設計、HTML5の基本からFlexboxなどの最新のレイアウトプロパティを利用したサイト制作技術を学ぶことができます。 制作効率を上げるツールやノウハウを提供 効率よく運用&構築するためのツール、チーム開発のためのコミュニケーションツールの利用方法も学べます 制作効率を上げるためのツール、バージョン管理ツール、現場の仕事がスムーズにできるコミュニティツールなど各種ツールを知ることができます。 インデックスされやすい、流入の多いサイト制作を学ぶ ユーザーニーズにリードできるサイト構築が学べます ユーザーリードを獲得しやすいリッチスニペットの導入、パフォーマンスの良いサイト制作など、Go
5月201118 HTML5のcanvas+Node.js+WebSocketでリアルタイムお絵描き共有アプリを作ったよ タグ ：#node.js#Javascript#HTML5#express#socket.io#WebSocket Tweet Node.jsの勉強がてら作ってみた。 サーバーサイドとクライアントサイドが全部Javascriptで書けるというのは思った以上に気持ちいい。expressのフレームワークも最小限な構成で、ちょっとNode.jsを試したいときに助かる。 SocketSketch(公開停止中) さくらVPS上で動かしてる。いろいろバグありますが超α版ってことでご勘弁ください。あと「こんな機能あったらおもしろそう」というのがあれば教えて下さい。頑張って考えてみます。 大したもんじゃないけどソースコードはGitHubに...。↓ memerelics/sketch-
html5jについて html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わるすべての人々を応援する、非営利・中立のコミュニティです。私たちは、日本のWebクリエイター・エンジニアのスキル向上をお手伝いして、日本が世界のWebシーンをリードするような存在になることを心より願っています。 html5jの活動 html5jはWebクリエイター・エンジニアの皆さんに対し、「つながる」「学べる」「盛り上がる」を合言葉とし、以下の活動を行なっています。 html5jメーリングリスト Web開発に関する話題について質問したり、共有したりするためのメーリングリストです。また、勉強会の告知なども行なっています。 html5jメーリングリストに参加する （Googleグループに移動） 投稿ルール HTML5などの技術やWeb開発に関する話題であれば、どんな内容でも構いません。
いま、UXを語るのはなぜ悩ましいのか？─長谷川恭久ロングインタビュー 白石 俊平（HTML5 Experts.jp編集長） UXという言葉は、専門家ではない筆者のような人間からすると、少し「怖い」言葉です。 筆者にとってUXという言葉は、概念はわかる気がするものの捉えどころがなく、絶えず論争の的になっている…そんな言葉に思えていました。 とはいえやはり、いまの時代Webに携わるものとして、UXに対する興味は尽きません。そこでHTML5 Experts.jpでUXを取り上げてみたいと思ったのですが、「炎上」は怖い…。 そもそも、なんでこんなにUXは論争が尽きないのか。「UXに関心はあるし、仕事として関連もあるのだけれど、どこから学べばいいのかよくわからない」筆者のような人間に、何を伝えることができるか。特集を行うにあたり、エキスパート No.37の長谷川恭久さんに相談させていただくことにしま
動 クライアントに「確かな成果」を、生活者に「リアルなよろこび」を届けるWebエージェンシー。 ユーザーのリアルな声に基づく戦略設計と、その戦略を実現するUI設計を軸に、Webサイトの企画、オウンドメディアの構築、SNS運用支援、Webマーケティングを得意とする。制作においてはユーザーテストを実施し、生活者にとってのユーザービリティを高めることで、クライアントの確かな成果に貢献します。 名 自分たちの意志を持ち、明確な提案をしっかりと“申”す企業。 十二支の「申（さる）」に由来。 形 野山を縦横無尽に駆け回るたくましさ。 直感と知性を兼ね備えた行動力。群れの仲間と大切にする絆。 たくましい野生のサルのようなプロフェッショナル集団。 WEBサイト企画制作 SALの強みは、Web戦略設計の段階から入り、戦略を実現する高い制作力にあります。クライアントへのヒアリングとユーザーの実態調査を実施する
Video conferencing isn't something most people get excited about. Until recently, the field has been dominated by the likes of Polycom and Cisco in the enterprise sphere, and Skype and Google Plus picking up the slack in the consumer sphere. Commonly, video conferencing hasn't been done especially well. For the most part Skype stutters and glitches out more than a Max Headroom marathon, even with
Enterprise x HTML5 Web Application Conference 2014の発表資料です。Read less
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
Let's start learning HTML5 + JavaScript with code9leap and enchant.js! Learning programming with fun! Let's make your own game with HTML5! With powerful game engine "enchant.js", you can build up your game in 9 minutes! If you are new to HTML5, don't worry about that. Start up your project with modifying sample code. Integrated Develpment/Learning Environment on Web Code9leap includes "CodeMi
WebページをRetina対応させるテクニック～実践編：jQuery×HTML5×CSS3を真面目に勉強（5）（1/3 ページ） 前回のWebにおけるピクセルの基本的な話を踏まえ、今回はRetinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介する。 前回（WebページをRetina対応させるテクニック～基礎知識編）はWebにおけるピクセルの基本的な話をしました。今回はそれを踏まえた上で、Retinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介します。 CSS Spriteで複数の解像度に対応 最も原始的な対応方法です。一般的なPCディスプレイと同じ要領で作成した画像をRetinaディスプレイに使用すると、にじんだように表示されてしまいます。デバイス上では同じサイズでも、使われているピクセル数のタテ・ヨコが2
「Tizen is almost dead.（タイゼンは瀕死だ）」。7月3日、ロシアのMobile-Review.comというニュースサイトの編集長のツイートが世界中を駆け巡った。タイゼンとは韓国サムスン、米インテルなどが共同で開発している新しいスマートフォン向けOSのこと。日本ではNTTドコモがタイゼンを搭載したスマートフォンを次世代の戦略商品と位置付け、年内に発売するとしている。 さらに「That's cancel of the whole project.（プロジェクトそのものが終了した）」と続いてツイートしたから、日本のメディアや通信業界にも動揺が走った。業界関係者曰く「報じたロシアのメディアの知名度は低く信憑性はない」ものの、インテルが「プロジェクトは継続中」と否定するなど、関係企業は火消しに追われた。実際、開発が中止されたという事実は提示されておらず、現在も継続されている模様
CodeIQ中の人、babaQです。 ちょっと前になるのですが、コワーキングスペース茅場町 Co-Edo（コエド） で開催されたmasuidriveこと増井雄一郎さんのトークセッションに参加してきました。 HTML5を活用したメモ帳アプリ「wri.pe」誕生のきっかけ テーマは、増井さんが個人でつくった（とは思えない）メモ帳アプリ「wri.pe」 ゴールデンウィークを利用して、何かゴリゴリと作りたいと思い立ち、 1週間で「自分で使いたいものを作る！」と決めたのがきっかけなんだとか。 まず、浮かんだアイデアは2つ。 煩雑なメモをどうにかできるアプリと、未読のチャットを整理できるアプリ。 でも、1週間で開発するにはチャットはちょっと重い… ということで、メモアプリを作ることに決定。 まず最初に「メモアプリの課題」を整理したそうです。 - いつでも、どこでも使える（iPhone、iPadでも）
ブラウザーで3次元コンピュータグラフィックスを表... / WebGLを使った3D表現 / SculptGL他...全13件 ブラウザーで3次元コンピュータグラフィックスを表示させるための標準仕様「WebGL」。Microsoftも重い腰を上げ、次期バーションの「IE11」からWebGLを標準サポートすることが決定しています。これからますます目にする機会が増えそうです。 そんな、圧倒的な3D表現が可能なWebGLを使った驚きのWebサイトを集めました。
Firefox OSやTizenなど新OSが登場したことで、スマートフォンなどでも「HTML5」が大きな注目を集めるようになった。各OS向けに最適化されたアプリが全盛を極める中、モバイルでHTML5が用いられることのメリットと課題はどこにあるのだろ… Firefox OSやTizenなどの新OSが登場したことで、スマートフォンなどのモバイル機器でも「HTML5」が大きな注目を集めるようになった。各OS向けに最適化されたアプリが全盛を極める中、モバイルでHTML5が用いられることのメリットと課題はどこにあるのだろうか。 【詳細画像または表】 新OSの台頭で注目を集めるHTML5 HTML5は、Webブラウザーで閲覧するページを作成するマークアップ言語「HTML」の新しいバージョンである。従来のHTMLと大きく異なる点は、画像や動画などを多く扱ったリッチなアプリケーションを作成するための機能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
