ふろしき Blog

インターネットビジネスの基本知識やWebテクノロジー、エンジニア組織論について、経験談を交えつつお話します

1300の優良サイトが選んだ「コンテンツスライダー(Content Slider)」ライブラリ集

1300の優良サイトを調査してみたシリーズ、第7回は「コンテンツスライダー」です。画像ファイルや動画ファイルをスライドショーのように表示させるアニメーションを、「コンテンツスライダー」といいます。デザインに関わるためどれがベストとも言えませんが…

1300の優良サイトが選んだ「マウスオーバー・ロールオーバー」ライブラリ集

1300の優良サイトを調査してみたシリーズ、第二回は「マウスオーバー・ロールオーバー」です。画像やブロック要素などのオブジェクトは、マウスポインタが当たった際にビジュアルデザインが変化することを求められることがあります。これを広義では「マウス…

1300の優良サイトが選んだ「CSSのポリフィル・シム」ライブラリ集

1300の優良サイトが選んだシリース、第5回は「CSSのポリフィル・シム」です。レガシーIEは、CSSに不具合や新標準への未対応という問題があります。日々追加されるCSS3プロパティや新しいセレクタへの対応を必要とする場合、「ポリフィル」または「シム」と呼…

1300の優良サイトが選んだ「ブラウザの種類・機能判定」対策とベストプラクティス

1300の優良サイトが選んだシリース、第4回は「ブラウザの種類・機能判定」です。以前「マルチブラウザとクロスブラウザの違いは何か?」という記事を書きました。コンテンツの相互運用性の対策を、「Webブラウザの種類」でやるか「Webブラウザの機能」でやる…

「マルチブラウザ」と「クロスブラウザ」の違いは何か?

最近頻繁に耳にする、「マルチブラウザ」と「クロスブラウザ」。この2つを違いを理解して、使い分けできているでしょうか?国内だと両者は同じ意味として捉えられており、IT用語の解説を行っているサイトでも同義として扱うことが多いようです。しかし海外…

1300の優良サイトが選んだ「AMD・遅延ロード」のベストプラクティス

1300の優良サイトが選んだシリース、第3回は「AMDと遅延ロード」です。JavaScriptファイルのロードのパフォーマンス向上を図るメカニズムを「AMD(Asynchronous module definition)」といいます。Webアプリ開発を行なうデベロッパの方は、今後重要な知識にな…

1300の優良サイトが選んだ「CSSリセット」のベストプラクティス

1300の優良サイトが選んだシリース、第2回は「リセットCSS・ノーマライズ」です。Webブラウザごとに異なるCSSのデフォルト値を、均一化させることを「リセットCSS」と言います。「ノーマライズ」と言います。 reset.css / YUI Library (76件) 公式サイト:ht…

1300の優良サイトが選んだ「PNG Fix」のベストプラクティス

ネット上の優良1300サイトを調査してみたシリーズ、第一回はPNG Fixです。IE5.5-6はPNGフォーマットを表示できますが、アルファ値(透明度)は正しく反映されない仕様です。また、IE7-8のPNG表示では、半端なアルファ値が正しく表示されない等の問題を持ちま…

ナビゲーションバーを作るためのベストプラクティス(clearfix法とinline-block法)

横並びのブロック要素の作成はWeb技術入門者にとっての最初の難関であり、その考え方を理解するのに多くの時間を要します。テーブルレイアウトに逃げてしまう元凶でもあります。ボタンを左から右に向かって並べるナビゲーションバーなんて、まさにその好例で…

Internet Explorer11とユーザエージェント

※この記事は古くなっています。最新情報はこちらです。IE11もリリースが近いので、検証を始めてみました。流石にInternet Explorerオンリーイベントを主催した自分が、新しいIEをおさえてないのはまずいので・・・。あと、このイベントで、MicrosoftMVPの@he…

「フルスタックエンジニア」という存在について考えてみた

最近、「フルスタックエンジニア」という言葉をよく聞きます。 もしかしたら近いうちにバズワードになるかもしれません。初期のクラウド・コンピューティングが異常なまでに混沌としていたように、バズワードは、利害が絡みそうな人間が強引に意味を追加して…

HTML5でクロスプラットフォームなデスクトップアプリを作る〜XULRunner〜

デスクトップ用途で最もシンプルかつオープン系なものは、XULRunnerではないでしょうか。XULRunnerはMozillaのGeckoエンジンをランタイムとして利用しデスクトップアプリ化させる、90年代からある歴史あるOSS製品です。Geckoは、HTML/JavaScript/CSSのような…

色々カオスっていた8月

すごく長い間更新していなかったのですが、サボっていたわけではありません。 講演6回、勉強会主催1回、gihyo.jpへの記事掲載1回と、なかなかに忙しい8月だったため、ブログを書いている余裕なんてどこにもありませんでした!あと、W3C関係の方とちょっとし…

クロスブラウザ対応を助けるJSライブラリ"Modernizr"

Modernizrは、HTML5やCSS3などの新しいWebの標準がWebブラウザに実装されているか、汎用的なインタフェースを通じて確認することができるJavaScriptライブラリです。▼公式サイト http://modernizr.com ▼ダウンロード http://modernizr.com/download/ ▼Develo…

imgタグの画像のロードタイミングを制御できるjQueryプラグイン"Lazy Load"

Webページを表示する時、画面に表示されていない無駄な画像までロードしていませんか?画像のロードは、Webブラウザの表示を遅らせるだけでなく、サーバ側にも負荷を与える厄介な処理でもあります。"Lazy Load"は、そんな画像ファイルのロードタイミングを、…

ページの初期描画を高速化させる、yepnope.jsの使い方

yepnope.jsは、JavaScriptファイルやCSSファイルを遅延して読み込んだり、条件によって読み込む対象ファイルをスイッチさせることで、ページ応答やパフォーマンスを改善するJSライブラリです。yepnope.jsの公式Webサイトはこちらですが、2013年6月現在はリン…

CSSのロードタイミングの不備が引き起こす、FOUCとは?

FOUC(Flash of Unstyled Content)とは、Webページへアクセスした直後、CSSによるデザインが有効でないページが一瞬だけ表示される現象のことです。まず、下の例をご覧下さい。 <html> <head> <meta charset="utf8" /> <title>Example</title> <link rel="stylesheet" href="hoge.css" type="text/css" /> </head> <body> ・・・ </body> </html> この例では、CSSの外部ファイルをhead要素内から呼び出…

HTML5/Web技術関連トピックス(2013年6月24日まで)

Chrome搭載のFlashからWebカメラの脆弱性が見つかる、早急なアップデートを フィンランドのセキュリティ企業であるエフセキュアは2013年6月20日、ChromeのFlashの脆弱性を指摘。Webカメラを操作できることを発見しました。最新のChromeでは改善が行われてい…

HTML5/Web技術関連トピックス(2013年6月16日まで)

どうも、会社終わってから毎日ファミレスに行って作業している川田です。最近は店に入ると、「どうぞ」しか言われません。アテンドすらされないし、注文まで聞かれなくなりました。Bar的に言えば、「マスターいつものやつ」って感じです。そろそろファミレス…

モバイル界に真のオープンを 〜 FirefoxOSがもたらすもの 〜(Interop Tokyo まとめその2)

引き続き、Interopネタです。今度は日本語でしたが、伝わりにくいなぁと思った部分は、意訳っぽくしてみました。 あと、一部メモれていません。思い出して書いてます。 モバイル界に真のオープンを 〜 FirefoxOSがもたらすもの 〜 講演:Mozilla Japan 瀧田 …

【Interop Tokyo 開催20会記念特別対談】Web of Human, Things and Data(Interop Tokyo まとめその1)

ティム・バーナーズ=リーといえば、WWWの発明者です。彼は今、W3CでWeb技術のディレクションを行う立場にあります。今回は、2013年6月12日、幕張メッセで開かれたInterop Tokyoにて、ティム・バーナーズ=リー氏と、慶応義塾大学の村井純氏の対談の内容につ…

HTML5/Web技術関連トピックス(2013年6月10日まで)

最近週刊に変わりつつありますね。 もうそれでもアリな気がしてきました!白石さん、こんなチェック毎日できるなんて凄すぎる・・・。 リーダーを見習って、私も頑張らないと!っというわけで、今週もやって参りました、エンタープライズ向けWeb技術者特化「…

EME・DRMの行方 - HTML5などのWeb技術を中心に揺れるTV業界は、どう変わろうとしているのか?

近頃、TVとWeb技術の融合というネタが再び盛り上がっているようです。TVとWebの融合というのは、インターネットに多くの時間を使う消費者側の我々にとっても、インターネットに多くの消費者を奪われた放送業界にとっても、とても有益に見えます。アマチュア…

2013年6月4日までのトピックス

こうやって何でもかんでも日本語の文章に起こしていると、 翻訳センスというか、意訳センスみたいなのが身につきつつある今日このごろ・・・。 (※それでもなお、翻訳技術を学ぶ気がないという・・・)さて、久々にWeb技術関連のニュースまとめです。 国内最…

大規模システムにWebSocket/ServerSentEventsは入れて良いのか?

ブラウザの方はそこそこにポテンシャルが追いついてきたHTML5。「WebSocket/ServerSentEventsとかさ、大規模なシステムへの導入しちゃおうぜ」ってボヤいては、血色の良かったエンジニアの肌がみるみる青ざめて「正気か?オマエ!?」とか罵られるのがここ最…

2013年5月30日のトピックス

W3C、PushAPIの特許問題解決のため、Patent Advisory Group(PAG)を結成 W3Cはこれまでも、様々なAPIをロイヤリティーフリーで提供出来るよう活動しきましたが、先日のNokiaの問題も含めて、多くの問題により阻害されてきました。不可能かもしれないが、、、…

"Government Linked Data Working Group"とは?

W3Cのトップで紹介されていた、「Government Linked Data WG」の活動がイマイチよく分からなかったので、こちらの内容を参考にしつつ、よくわからないキーワードもぐぐって説明を加えてみました。 Government Linked Data Working Group 私たち"Government L…

【5/29:トピックス】Mozillaがワイヤレスジャパン2013に出店、ハードウェア周りにも動きが

Mozillaがワイヤレスジャパン2013に出店し、FirefoxOSを公開するようです http://www.itmedia.co.jp/mobile/articles/1305/28/news065.html SenchaのCEOいわく、FirefoxOSは良いが、Tizenはもう少し頑張って欲しいなぁと ▼Sencha CEO: Treat HTML5 apps as a…

第39回 HTML5とか勉強会+日本Androidの会 2013年5月定例会(2/2)

ハイブリットアプリの設計 白石さんのHTML5、丸山さんのAndroidへの期待や考えを紹介した後、クックパッド株式会社の日高一明さんによる、実装面での話。 アプリをとりまく環境とハイブリットアプリの分類 端末のスペック向上により、WebViewでも一定のレベ…

第39回 HTML5とか勉強会+日本Androidの会 2013年5月定例会(1/2)

メモが最後にいくにつれて残っておりません・・・。2時間ぶっ続けだったので集中力が・・・。最後にいくにつれて怪しい感じです。誤字脱字ご勘弁!!どうか不快がらず生暖かい目で、欲を言えば偶然付けたテレビで放送していたバライティー番組ぐらいの感覚…

このブログの筆者について

川田 寛

株式会社メディアドゥのVP of Engineering。ネットでは「ふろしき」と呼ばれている。

2009年、新卒としてNTTグループにて仮想化技術・Web標準の研究と技術コンサルティングに従事。2015年よりピクシブ株式会社にて、Webエンジニア・エンジニアリングマネージャー・事業責任者・執行役員などを通じて、技術組織のデザインと技術系の新規事業に関わる。2021年12月より、現職へとジョイン。

ネット事業と技術組織は表裏一体!良いネット事業は良い技術組織から!日本のコンテンツを一つでも多く世界へ届けるべく、技術組織デザインと新規事業の二足の草鞋を履いて邁進中。

このブログでは、主に「インターネット事業のビジネス基本知識」「Webテクノロジーのトレンド」「エンジニア組織の設計手法」について、経験談を交えつつ解説していきます。私と話をしてみたいという方は、以下のフォームより気軽にご連絡ください。

お問い合わせフォーム
免責事項: 本ブログの発言は個人の見解であり、所属組織を代表するものではありません。