[B! html5] YUKI14のブックマーク

YUKI14 id:YUKI14

html5に関するYUKI14のブックマーク (33)

Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた
Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた白石俊平︵HTML5 Experts.jp編集長︶こんにちは、編集長の白石です。この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。今回は、﹁Nintendo SwitchとWeb﹂という講演をされていた任天堂さんに、Switch開発におけるWeb技術の活用方法や、開発秘話を伺ってきました。任天堂のお二人は京都から、リモートでの取材に応じていただきました。 Nintendo SwitchではWeb技術が大活躍！白石簡単に自己紹介をお願いで
YUKI14 2017/11/06
nintendo

html5

game

conference
リンク
Web制作で分からないことはすぐに確認！HTML5, CSS3, jQuery, WordPress, Bootstrapなどのチートシートのまとめ
HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードしたり、ブックマークしておいて、すぐに確認できるようにしておくと便利ですね。
YUKI14 2015/09/19
チートシート

html

CSS

html5

css3
リンク
2015年のWeb標準 | gihyo.jp
株式会社ミツエーリンクスの渡邉卓です。昨年の﹁2014年のWeb標準﹂と同様に、2015年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2015年のWeb標準については﹁より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加﹂﹁⁠ECMAScript 6仕様の利用増加﹂﹁⁠IE7・IE8 未サポートWebサイト増加﹂をキーワードとして取りあげます。より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加 2014年10月28日、ついにHTML5がW3C勧告 (Recommendation) となりました。すでに多方面で利用されているHTML5仕様ですが、勧告になったことで、今まで利用を躊躇していた方々にも確実に浸透していくと予想できます。詳細は後述しますが、現役のWebブラウザでありながら
YUKI14 2015/01/04
html

gihyo

html5

仕様

サポート
リンク
NHKスペシャル SYMPHONY｜NEXT WORLD 私たちの未来
下記ブラウザでは、3D描画表現とアバター配色機能が省略された簡易版となります • Microsoft Internet Explorer 8.x ※ Flash Playerが必要です ※ 互換表示設定で、ブラウザモード：IE8に設定してください • Microsoft Internet Explorer 9.0以降最新のWeb技術をお楽しみいただける、HTML5/WebGL対応の下記ブラウザを推奨します • Google Chrome 最新バージョン • Safari 最新バージョン • Mozilla Firefox 最新バージョン
YUKI14 2014/12/27
NHK

html5
リンク
妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
はじめに昨日公開した「第一回プログラマ向けデザイン勉強会の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた」の続編を書きます。今回は僕が苦労したIE6〜8対応のお話です。実はIE8ユーザーの割合はIE9に次いで第2位！ Mac万歳！Chrome万歳！な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。よく見ると8位にはIE6がまだしぶとく生き残っています。この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなるまず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。トップペ
YUKI14 2013/01/18
ie

Web制作

web

HTML

HTML5

webデザイン
リンク
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。
YUKI14 2012/10/02
html5

IT

考え方

技術

思想

読み物
リンク
HTML5でロードオブナイツとかいうゲームを作った - mizchi log
陣取り戦争ゲーで、iPhoneのUnity版からの移植です。ロードオブナイツ - Yahoo!モバゲー http://yahoo-mbga.jp/game/12011436/detailPC(Chrome/Firefox/IE9以上)とスマホ(Webkit)で同じ物が動きます。ヤバゲーとモバゲーでアカウントは共有してるので、どっちからでも入れます。 HTML版としては既存コードとか一切なかったんで、JSに関してはフルスクラッチです。というか全部CoffeeScriptです。ある日会社で楽しくHaskellでKPI計算モジュール書いてたら、﹁UnityのネイティブのゲームをHTML5に移植したい﹂みたいな話が降ってきたので、移植しました。3ヶ月ぐらいで。プラットフォームはモバゲー(スマホ) + ヤバゲーです。HTML5なのは、スマホとブラウザゲーで開発リソースを共通化したかったか
YUKI14 2012/09/01
ゲーム

web制作

coffeescript

html5
リンク
SYNODOS JOURNAL : アップル vs. グーグル vs. フェイスブック ―― HTML5が切り開く未来　小林雅一
2012/7/39:0 アップル vs. グーグル vs. フェイスブック ―― HTML5が切り開く未来　小林雅一フェイスブック︵Facebook︶は6月7日、App Centerの開始を発表した。ユーザーはトップ画面に表示されるメニューからアクセスし、ユーザーの関心事や過去のアクティビティをもとにパーソナライズされたアプリが紹介されるようになる。また、6月12日にはグーグル︵Google︶がChrome Web Storeにオフラインで使えるアプリ専用のコーナーを開設、ChromeがOSにまた一歩近づいたといわれている。世界中に9億人のユーザーを持つ世界最大のSNS、フェイスブックが仕掛けるアプリの販売プラットフォームApp Center。あるいは、MacOSでもWindowsでもLinuxでも、Chromeが動いていれば共通のアプリケーションが実行できる、つまりはChromeのプ
YUKI14 2012/07/06
html5

web

IT

HTML
リンク
HTML5&API総まくり
第16回Alfresco勉強会（2013.06.06）の発表資料です。 Alfrescoでibatisを使ってカスタムテーブルにデータをINSERTしたりSELECTしたりする方法について紹介しています。
YUKI14 2012/01/19
*あとで読む

まとめ

html5

資料

web制作

Web
リンク
HTML5を使うためのチートシート「HTML5 Cheat Sheets」
今年一年で多くの話題を振りまいたHTML5。今年から覚えてみよう、活用してみようという方も多いと思います。今日紹介するのは、HTML5を使うためのチートシート﹁HTML5 Cheat Sheets﹂です。 HTML5 Tags Cheat Sheet HTML5のタグ、イベントの定義にあわせて、それを処理するイベントハンドラ属性の一覧、HTML5がサポートされているブラウザが一目で分かるシートと3枚セットになったチートシートです。詳しくは以下 HTML5 Event Handler Content Attribute Cheat Sheet HTML5 Browser Support Cheat Sheet タグのチートシートではHTML4とHTML5とタグと併記されており、こちらを見ればコーディングの際に迷う事も少なくなるはずです。新年からHTML5を覚えていこうという方は是非どうぞ。
YUKI14 2012/01/12
html5

チートシート

sheet

cheat

web制作
リンク
【スマートフォン向け】新規でサイトを作るのに使えそうなの一式。 - CSS HappyLife
前回の更新日が見たくない程に時が流れている今日この頃・・・。ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。なので、これからはちょろっとでもネタが有れば更新していきたいなーと。何をモチベーションに更新するかはまだ見つかってないけど＞＜さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。【スマートフォン向け】新規でサイトを
YUKI14 2011/09/29
サイト

html

html5

iPhone

コーディング

Android

スマートフォン

web制作
リンク
いまさら聞けない＞＜；基礎から学ぶ「HTML5」超入門！
HTML5旋風、吹き荒れてますね！(^0^)／さて、ものすごく突然で恐縮ですが、この度﹁HTMLファイ部﹂、設立しました！株式会社カヤック︵本社‥神奈川県鎌倉市、代表取締役CEO‥柳澤大輔、http://www.kayac.com以下﹁カヤック﹂︶は、HTML＋CSSコーディング、JavaScript プログラムを担当する職種が所属する﹁HTMLファイ部﹂を発足いたします。これまでHTMLおよびCSS、JavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課︵MEはMarkup Engineerの略︶に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTML、CSS、JavaScriptの担当者は﹁HTMLファイ部﹂にて活動をスタートします。そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5について基礎から
YUKI14 2011/09/16
*あとで読む

html5

Webデザイン

web制作
リンク
はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ
先日このブログを HTML5で作り直しました。その時に思った、HTML5でコーディングするときの基本的な注意書きです。なので、HTML5をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5でコーディングする時の tips になってます。先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5にしました。とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5でコーディングをする時に、とても大事だなーと思っ
YUKI14 2011/07/28
html5

webデザイン

web制作

コーディング

web

html
リンク
【スマホ集中連載第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。こんにちは。新規開発グループディレクター兼マークアップエンジニアの浜です。スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。﹁HTML5とCSS3で何ができるのか﹂という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア︵コーダー︶と打ち合わせをする際に話しやすくなる内容をお送りします。記事のアウトラインは以下です。そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？そもそも、HTML5とCSS3ってもう使えるの？使えます。︵※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません︶現在のスマ
YUKI14 2011/03/18
CSS

css3

html5

html

スマートフォン

web制作
リンク
デザイナは要注目！明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！明日から語れるHTML5＆CSS3‥一撃デザインの種明かし︵13︶︵1/4 ページ︶ ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。いま世界で一番熱い﹁HTML5﹂﹁CSS3﹂とは？最近、﹁HTML5﹂﹁CSS3﹂といった言葉をよく耳にしませんか？これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
YUKI14 2011/01/25
*あとで読む

html5

css3

web

WEBデザイン

WEB制作
リンク
YouTube人気急上昇
【ゆっくり解説】とんでもない写真が流出し人生終了か？歌舞伎役者と俳優両方で活躍している彼の裏の顔がヤバすぎる…
YUKI14 2011/01/19
*あとで読む

html5

プログラミング

web制作

webデザイン
リンク
スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ
こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ！」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS
YUKI14 2011/01/19
スマートフォン

HTML5

css3

web制作
リンク
2011年、押さえておきたいウェブデザインの11のトレンドとテクニック
Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、
YUKI14 2011/01/11
html5

flash

css3

html

CSS

まとめ

デザイン

WEBデザイン

web制作
リンク
HTML5でWebページをマークアップするための基礎知識
最近よく目にする﹁HTML5﹂という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある﹁HTML5﹂の基礎を学べる入門連載です。﹁HTML5を使うと、何ができるのか﹂﹁それを実現するには、どのようなプログラムを書いたらいいのか﹂をお届けします5からHTMLの“文法”が変わるって知ってた？連載第1回の﹁Webの3つの問題を解決する﹁HTML5﹂とは何なのか﹂では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。﹁HTMLが、どれほど普及しているか﹂﹁根底となる“文法”が変わってしまったら、どれほどの影響があるか﹂に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
YUKI14 2010/10/06
*あとで読む

webデザイン

HTML5

web制作

html5

html

Web
リンク
HTML5+CSS3 入門
Webを記述する言語の標準の現状昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか：ウェブの歴史 [Page 2] よ
YUKI14 2010/10/04
XHTML

html

web

webdesign

html5

web制作

webデザイン

css3
リンク
1 2 次のページ