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技術が大活躍！ 白石 簡単に自己紹介をお願いで
codic - デベロッパーのためのネーミング辞書
codicは、プログラマーのためのネーミング辞書です。新しいcodicでは、翻訳エンジンを搭載しネーミングをジェネレートできるようになりました。
ドキュメント作成が捗る!!Pandocを利用した事例のご紹介(便利なオーサリングキット付き!) | 株式会社バニーホップ
ドキュメント、マニュアル作成というと、その作業量、メンテナンス性に圧倒され、開発者でなくとも眉をひそめる作業だと思います。 最近は、 MarkdownText というイージーなドキュメント書式がOSS界隈で流行ってますが、 Markdown書式を少し拡張しつつhtml化したときに任意のテンプレートを適用することが出来れば、記事作成も捗ります。 今回は、見た目と可搬性の両立をするためにドキュメント変換ツール pandoc を用いて その問題を解決してみました。 以下だらだらと説明が続きますが、さっさと使わせろ！という方は、記事一番下のGitHubリンクをお試しください。 pandoc でhtmlを生成するチュートリアル まずはpandocをインストール 以下ページから各OS用のバイナリがダウンロードできます。 http://johnmacfarlane.net/pandoc/installi
Vimで.html.erbファイルのインデントを有効にする - Labo Memo
デフォルトだとvimさんが.html.erbファイルの自動インデントをしてくれないので改善する. 1. .vimrcに以下を記述 NeoBundle 'othree/html5.vim' 2.html5.vimの設定．.vimrcに以下を記述 let g:html5_event_handler_attributes_complete = 1 let g:html5_rdfa_attributes_complete = 1 let g:html5_microdata_attributes_complete = 1 let g:html5_aria_attributes_complete = 1 3.vimでNeoBundleのコマンドを使う :NeoBundleInstall これで.html.erbファイルが自動でインデントしてくれるようになりました 最近，vim関連はググるよりもVim使
CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS
CSSによるインデックスされない謝罪文 CSSに本文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない 「流出」などの嫌な単語は:beforeと:afterに「流」「出」を分けて書くことで、自然言語解析を回避 #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "お 詫"; } p:nth-child(1):after{ content: " び"; } p:nth-child(2):before{ content: "平素は弊社のサービスをご利用いただき、誠にありがとうございます。"; } p:nth-child(3):before{ c
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
没有找到站点
您的请求在Web服务器中没有找到对应的站点！ 可能原因： 您没有将此域名或IP绑定到对应站点! 配置文件未生效! 如何解决： 检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务； 检查端口是否正确； 若您使用了CDN产品，请尝试清除CDN缓存； 普通网站访客，请联系网站管理员；
HTMLとCSSで手帳アイコンを書いてみました。 / SQUEEZE - Web Design Studio -
話題の「イラストレーターで四角形オブジェクトを1つだけ配置して、すべてアピアランスで作成されたアイコン」をさらにHTMLとCSSで再現された方がいたので、HTMLとCSSだけで手帳アイコンを作ることにトライしてみました。 参考サイトまずは参考にさせていただいた元ネタはこちらです。 ・イラレのアピアランスで作れたアイコンが凄かったので、HTMLとCSSで模写した。｜Web Design KOJIKA17 ・Illustrator Unlimited Appearance - suzuki | JAYPEG 両者とも、とてもクオリティが高いですね。及ばないかもしれませんが、レッツトライ。 HTMLとCSSで作った手帳アイコン HTMLとCSSはこちら ※最新のブラウザでご覧ください。 裏表紙 + 紙 裏表紙をベースに「box-shadow」を内側に、「紙」と「紙の影」を左側に4pxと1pxずつ
HTML5でつくられた、ページ遷移・画面遷移のアイディアがすごい
HTMLファイ部のほんだです。シュッ 「ページ遷移」、聞くだけでゾクゾクしませんか？ 僕は大好きです。 Web Creator's Contest Q（HTML、CSS、JavaScript エンジニアのためのコンテストサイト）では、 ページ遷移・画面遷移をテーマにしたコンテストを開催中です。 とても好評で、5回目となった当コンテスト。 今回のテーマも、力の入ったコードがたくさん投稿されています！ 魅力的な画面遷移エフェクトのコード集！ Cubic Transition ※「▶Play」ボタンをクリック！
JSファイルにJSファイルをインクルードする: ナナイさんメモ
通常複数のjsファイルをHTMLにインクルードする場合は、 <script type="text/javascript" src="aaa.js"></script> <script type="text/javascript" src="bbb.js"></script> の様にscriptタグをjsファイル分記入すれば事足りるが、 HTMLに記述するscriptタグを1つにして、そのjsファイル内で他のjsファイルをインクルードする方法。 HTML: <script type="text/javascript" src="aaa.js"></script> aaa.js: document.write("<script type='text/javascript' src='bbb.js'></script>");" document.write("<script type='text
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
Pandoc - Demos
Demos Try pandoc online You can try pandoc online here. Examples To see the output created by each of the commands below, click on the name of the output file: HTML fragment: pandoc MANUAL.txt -o example1.html Standalone HTML file: pandoc -s MANUAL.txt -o example2.html HTML with table of contents, CSS, and custom footer: pandoc -s --toc -c pandoc.css -A footer.html MANUAL.txt -o example3.html LaTe
「文字はShift+JISで入力してください」 | 水無月ばけらのえび日記
公開: 2012年6月24日23時50分頃 武雄市の図書館が話題になったりしていて、ハッシュタグ #takeolibrary をたまに見たりしているのですが、keikumaさんがこんなツイートをされていました。 市長「今の検索システムは江戸時代末期のシステムです」 00:33:40 へぇ、と思って実際にサイトを見てみると……。 武雄市図書館・歴史資料館 (www.epochal.city.takeo.lg.jp)見た瞬間に呼吸が止まるほどの衝撃を受けました。 いきなりframeで、noframes要素の中身は「このページを表示するには、フレームをサポートしているブラウザが必要です」。 ないわー、江戸時代でもこれはないわー、などと思いつつ「本をさがす」のページを見てみるわけです。リンク先のURLはHTTPSなのに、HTTPSでないフレームの中に展開されて軽く驚きますが、ともあれ、実体は以下に
CSSでキュウべえ(FULL)を描いてみた - jsdo.it - Share JavaScript, HTML5 and CSS
/* * CSSでキュウべえ(FULL)を描いてみた * ※Google Chrome, FireFox, Safari, Operaに対応しています。 */ <div class="qb"> <!-- tail --> <div class="tail"> <div class="parts-1"></div> <div class="parts-2"></div> <div class="parts-3"></div> <div class="parts-4"></div> <div class="parts-5"></div> <div class="parts-6"></div> <div class="parts-7"></div> <div class="parts-8"></div> <div class="parts-9"></div> </div> <!-- ear --
IE 9がHTML5の機能の一部を実装しない理由 - ＠IT
新野淳一 Publickey 2011/3/14 IE 9でHTML5の機能のオフラインアプリとCSS3関連の一部が実装されていないのはなぜか？ 背景を日本マイクロソフトに聞いた マイクロソフトが開発しているInternet Explorer 9（以下、IE 9）の正式版が、日本時間で3月15日の火曜日午後1時から公開される（注）。同社は最新のWeb標準であるHTML5に注力することを表明しており、IE 9はその戦略に沿ってHTML5、CSS3といった最新のWeb標準に対応する機能を数多く搭載する予定だ。 注：記事公開後、日本マイクロソフトは、IE 9日本語版の提供の延期を表明しています（詳細：Internet Explorer 9日本語版、製品版提供を延期）。 また、IE 9はWindows Phone 7（以下、Phone 7）にも移植される予定になっている。マイクロソフトのインターネ
HTML 5では「article」タグでページの「本文」が取れる - モジログ
次世代HTMLの「HTML 5」について、そのウワサは以前から耳にしながらも、中身については知らなかった。 仕様や解説記事（末尾にまとめた）をいくつか流し読みしてみて、驚いた。これこそ、私の求めていたものだ。 私は以前より、Webページの「本文」がどこからどこまでなのか、ソフトウェアで判定できる標準的な方法があればいいとずっと思っていた（「フィードをアイテム単位に区切れば、セマンティック・ウェブが一気に現実化する」）。HTML 5では、いくつか導入される新しい要素（タグ）の中に「article」というものがあり、これがまさに「記事」の範囲を示すものなのだ。 これさえあれば、プログラム的にWebページを取得して、その「article」タグの部分だけ抽出すれば「本文」になる。あらゆるWebページにこの「article」タグが入ってくれば、もうフィードに頼る必要もなく、どんなページの「本文」でも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Redirect
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
HTMLでスライドプレゼン作成 Slides - The easiest way to create and share beautiful presentations.
