【及川卓也・清水亮・羽田野太巳・藤村厚夫】すごい人達呼んで「Webは死ぬか？」をマジメに語り合ってもらった（後編）
【及川卓也・清水亮・羽田野太巳・藤村厚夫】すごい人達呼んで「Webは死ぬか？」をマジメに語り合ってもらった（後編） 白石 俊平（HTML5 Experts.jp編集長） スゴい人たちに集まってもらって、「Webは死ぬか」について語り合っていただいたスペシャル企画。前半は「Webメディア・コンテンツ」について、それぞれのご意見を伺いました。 メディアビジネスからCookie、ディープラーニングまで──ビジネス面に注目した 前半とは異なり、後半はWebのテクノロジー面にフォーカスして、「死ぬか？」を論じていただきたいと思います。今回は、（含蓄を多量に含んだ）脱線多めで失礼します！ 「ブラウザ」の存在感が薄れていく時代 白石 前半はビジネス面に注目してお話いただいたので、後半はテクノロジー面にフォーカスしていきたいと思います。いわば、「Webテクノロジーは死ぬか？」というお話になるかと思います。
年寄りを困らせる「レスポンシブWebデザイン」 | スタッフルーム | 日経BPコンサルティング
スマートフォン利用者に配慮して「レスポンシブWebデザイン」を採用するサイトが増えています。このデザインは1つのHTMLファイルで、パソコンとスマートフォン、それぞれに適したページを表示できるのが特長。特に若い人をターゲットにする大学サイトで注目を集めています。Googleも推奨する優れた手法ですが、デメリットもあります。話題になることが少ない、ユーザビリティ上の問題点について指摘しましょう。 「レスポンシブWebデザイン」（以下、レスポンシブ）とは、ブラウザーの画面サイズに応じてレイアウトを変更させるWebページの作り方。パソコンとスマホから同じURLにアクセスし、同じHTMLファイルを開くと、パソコンにはパソコンに適したデザイン、スマホにはスマホに適したデザインが表示されます（中には、タブレット向けデザインを用意しているサイトもあります）。 レスポンシブを採用するサイトは最近増えていま
MovableTypeの出力ファイル名(URL)を変更する :ビジネスブログのホームページ制作
MovableTypeをCMS（コンテンツ管理システム）として、ビジネスブログを構築する場合、標準で出力されるファイル名だと色々と問題が出てきます。 初期値では日記としてのブログに合わせた出力となっているため、個々の記事の日付とタイトルからファイル名が生成されています。日本語のタイトルの場合は、無理にアルファベットのファイル名に変換されるため、まったく意味を持たない名前となっています。 出力ファイル名を固定する ブログをCMS（コンテンツ管理システム）として利用する場合、日付はコンテンツの並びに利用されますので、記事の並びを変更する時は日付を調整することになります。 記事のタイトルも反応を見て、変更することもありますし、SEO対策のためにタイトルを変更することもあります。 それらの変更のたびに、ファイル名が変更されたのでは、外部からのリンクが切れてしまいますし、SEO的にも不利になります。
スマートフォンブラウザのWebGL対応状況調査(2013年7月版）
皆様、ごきげんよう。 GClueの下っ端社員の☆です。 スマートフォンでWebGLをやる前に皆さんは、WebGLをご存知ですか？ WebGLは、ブラウザ上でウェブブラウザで3Dコンピュータグラフィックスを表示させるための標準仕様のこと。OpenGL2.0もしくはOpenGL ES 2.0をサポートするプラットフォーム上で、特別なブラウザのプラグインなしで、ハードウェアでアクセラレートされた3Dグラフィックスを表示可能にする。技術的には、JavaScriptとネイティブのOpenGL ES 2.0のバインディングである。WebGLは非営利団体のKhronos Groupで管理されている。 WebGLはHTMLのcanvas要素を使っている。 (Wikipediaより） つまりは、ブラウザでOpenGL ES 2.0できるよ！ってことですね。 それによって、ブラウザ上で3Dがグリグリ動くような
すべてのページに"meta description"を入れる必要はあるのか、Googleが回答│SEOトレンド情報
SEOをOEMする専門企業 フリープラス > SEOトレンド情報 > “Meta description”の重複が起きるなら、入れないほうがマシ 今日の Google Webmaster Help の動画のテーマは”Meta description”です。 質問は「全てのページに Meta description を入れる必要はあるのかい？」です。 重複させるくらいなら・・・ この動画の中で、 Googleのスパムチームの Matt Cutts 氏はこう言っております。 「Meta descriptionが各ページ個別化していることはもちろんいいし、なんならMeta descriptionが重複しているよりもMeta descriptionが入っていないほうがマシだ。事実、僕（Matt Cutts 氏）のブログもMeta description入ってないしね。」 さて、それでは
Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 –
Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 – Jxck Googleは、よく使われるJavaScriptのライブラリなどをGoogleのインフラを使って配布しています。 これを Google Hosted Library と呼びます。 この、Hosted Libraryの導入を単純に「自分で配布しない分が楽になるだけ」、くらいな感覚で使っている方も多いと思います。しかし、実はこれはみんなが使えば使うほど、得をする仕組みになっていることを見落としてはいないでしょうか？ 今回はそんな、Google Hosted Libraryについて、その仕組となるCDNやキャッシュの技術などについて解説します。 よくある Web ページ 例えば自分が配信するindex.html内でjquery.2.0.3
iphoneのinnerHeightがおかしい場合 | lab ve-lo
iphoneのsafariのブラウザでよく、$(window).height()がおかしいという場合がありますが、その場合には、 window.innerHeight で解決をするという話があるのですが、これも実は曲者だったいりしました。iOS6にて、 上部にあるアドレスバーに関して、見えている時と見えてない時で値が違うような動きをしました。 356と出たり、412って出たり。よくよくみてみると、どうやら、値が可変なようなのですが、アドレスバーが見えている時は小さく見えてしまう。。 という問題がありました。 なので、innerHeightを取得する時には、html中にとりあえず、大きめのサイズの要素を突っ込んでおいて、取得できたら、取り除くなどをすればいいのかと思います。 二重のひっかけになっているようなので、お気をつけください。 追記 実際に確認をしていたら、なんとなくですが、分かりまし
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2月12日（月）〜2月18日（日）〔2024年2月第3週〕のトップ30です*1。 順位 タイトル 1位 マンションリフォーム虎の巻 2位 メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所 3位 私が独学をして、マジ神だと思うサイトおよび他 #初心者 - Qiita 4位 全社会人が読みたい「面倒なことはChatGPTにやらせよう」｜asano 5位 旧Twitter社が「バズる」ツイートの法則を徹底的に統計解析して168ページもの資料にした代物、SNSマーケティングやってるプロが全員廃業するレベルの優良資料だった - Togetter 6位 google検索の
夏休みに働くエンジニアも、もうすぐ休み明けの人も、心機一転「仕事のモチベーション」をUPできる名言まとめ - エンジニアtype
トップページ > キャリア > 働き方 > プログラマーの働き方 > 夏休みに働くエンジニアも、もうすぐ休み明けの人も、心機一転「仕事のモチベーション」をUPできる名言まとめ 夏休みもそもそも終わりに近付き、週明けから再び開発……というエンジニアも多いと思われるこの時期。長い休みの後は、たいてい仕事がどっさりたまり、週明けが憂うつだという人もいるのでは？ また、世の中の流れに反してお盆休みとは無縁で働くエンジニアも、周囲が休みだといつも以上に疲弊感を持ってしまうものだ。 そこで、どちらの人も週明けからエンジン全開で開発に臨めるよう、過去記事から「モチベーションUP」に利く名言集をまとめてみた。 「開発ってやっぱ楽しい！」と思える、有名エンジニアたちの至言をどうぞ。 希代の名プログラマーと“サイバー寺院”の僧が語る「開発の真意」 Winny金子勇×サイバー寺院開祖・松本紹圭が語る、「開発」の
HTML5で情報最適化／視覚化＆WebRTCで変わる未来～QCon Tokyo 2013レポート
ストラクチャファーストとしてのHTML5、ビジュアライゼーションに有効なHTML5と関連技術／ライブラリ8選、WebRTCの概要や3つのライブラリなど。 2013年4月23日、InfoQJapan主催のカンファレンス「QCon Tokyo 2013」が開催された。本稿では、その中からモバイル／HTMLカテゴリの3つのセッションの模様をダイジェストで紹介する。 HTML5と情報表現の最適化 WebRTCで変わるWebの未来 HTML5でできる多彩なビジュアライゼーション モバイル／HTMLカテゴリ以外のセッションについては、以下を参照してほしい。 fluentd、Hubot、DDD、Fab、JSLintに見る最先端の開発手法～QCon Tokyo 2013まとめレポート HTML5と情報表現の最適化 QCon Tokyo 2013の「HTML／モバイル」カテゴリ最初のセッションは、Webディ
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って「HTML5に賭けたのは失敗」と発言しました。 しかし「Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている」（We had our suspicions about why Facebook's mobile application team had problems）とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク「Sencha Touch」の開発チーム。
W3CがHTML5の仕様策定を完了、2014年の勧告公開に向けた最終フェーズへ移行
Web関連技術の標準化を進める非営利団体であるW3C（World Wide Web Consortium）は現地時間2012年12月17日、Web上のコンテンツをマークアップするための言語であるHTML（HyperText Markup Language）の最新バージョン「HTML5」および、Webページ上に2Dグラフィックスを描くための仕組みである「Canvas 2D」の仕様策定を完了したと発表した。 HTML5の最終的な標準化完了（勧告化）は、2014年の第4四半期（Q4）を予定しており、それまでの期間はWebブラウザー同士の実装の違いがもたらす「ブラウザーフラグメンテーション」を減らし、相互運用性などを高めるための実装およびテストフェーズ（「勧告候補」フェーズ）と位置付けられている。 具体的にW3Cでは、同フェーズにおいて、仕様策定が完了したHTML5をWebブラウザーが確実に実装し
5分で分かるHTML5
そろそろHTML5の本格普及時代が到来しそうな雰囲気。 HTML5って何が新しくて何が嬉しいのか、自分に関係あるのかないのかよく分からないという人も多いのではないでしょうか。 HTML5とはいったい何なのか、できるだけ簡単な説明をしてみます。 HTML5を一言で言うと 誤解をおそれずに一言で言うと、HTML5とは、JavaScriptライブラリの仕様です。 新しいタグが導入されたとか、タグの属性が大幅に増えたとか、いわゆるマークアップ言語としての進歩も、もちろんあります。 その中には、Web制作者にとって大きな意味を持つものもあります。 が、HTML5がこれだけ騒がれ、画期的だと言われている一番のポイントは、JavaScriptからグラフィックが描画できたり、リアルタイム通信がおこなえるという点です。 これまでFlashが必要だったり、メディアプレイヤーが必要だったり、ブラウザ依存だったり
そらのき. » HTML Media Capture
HTML5に関する記事は6月の初旬から全く書いていませんでしたので久しぶりの更新となります。さて、今回はHTML API として策定されている『HTML Media Capture』のことを書いてみたいと思います。 HTML Media Capture って？ 今回取り上げるHTML Media Captureって何でしょう。W3C Working Draftの文章にはこのように書かれています。 HTML Media Capture (W3C Working Draft 14 April 2011) This specification defines HTML form enhancements that provide access to the audio, image and video capture capabilities of the device. （音声、画像、ビデオ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
remove_html - グローバル・モディファイアリファレンス | CMSプラットフォーム Movable Type ドキュメントサイト
サービス終了のお知らせ - NAVER まとめ
Flash CCで、HTML5のアニメコンテンツを作る方法 – ymoriblog
HTMLとJavaScriptでできる！ Windows 8開発入門
Wii U標準搭載のブラウザ、HTML5への対応度はIE10を超えていることが明らかに | インサイド
