テクノロジー
サーバサイドのOSS開発ではRedHat社のようなOSSサポートベンダがいますが、フロントエンドはイマイチ充実していない印象があるようです。エンタープライズでの活用の場合、近年のHTML5ベースなRIA開発を行う上でベンダサポートは切実な問題になるでしょう。…
古いWebシステムはIEに依存した処理を多く含む傾向にあり、企業内の標準ブラウザをアップデートする際に、IE11から変更されたユーザエージェントの書式仕様が問題となり正常に動作できない場合があります。しかし、これを理由にしてアップデートを先延ばしに…
Web制作/開発に関わっていると、自分のやり方は本当に正しいのかと疑問に感じることはないでしょうか?Webの技術は目まぐるしい速度で進化していますが、そのノウハウは個人へ依存しているように思えます。体系的に学ぶにも、多くの学校ではツールや綺麗な作…
運用しているWebサイト/システムがIE11からのアクセスへ対応できない場合、運用者側としてはHTTPヘッダを利用した対策を行うことができます。対策可能な範囲としては、以下2つが挙げられます。 アクセス元のWebブラウザの互換性モードを制御する アプリケー…
Internet Explorer11へアップデートされてから1ヶ月。多くのWebアプリが動作不良を起こし、混乱が生じているようです。IEは11から、「User Agent スニッフィング」と呼ばれる手段で、Webブラウザに依存した作り込みが行われることを防ぐため大胆な仕様変更を…
既存のWebサイト・システムがIE11で動作しない場合、ユーザエージェントの観点では以下の何れかで対策が可能です。 navigator.userAgent文字列からの判定 HTMLドキュメント内から、互換性モードの操作 上記の対策はどちらも、"課題"があります。近年のWeb開…
IE11でのみWebサイト・システムへアクセスできない場合、以下の問題が考えられます。 サーバ側でIE11からのアクセスを拒否している。 IE11のレンダリングエンジンに問題があり利用できない。 以下の対策で、改善される可能性があります。 1. サーバ側でIE11…
JJUG CCC 2013、お疲れ様でした。拙い講演にも関わらず、多くの方に聴講頂き大変感謝しております。今回、HTML5時代に融合しようと各ベンダ製品が実装しつつある機能に焦点を当て、Javaがどういう道に進もうとしているのかというテーマで講演させて頂きまし…
1300の優良サイトを調査してみたシリーズ、第13回は「ページレイアウト(Page Layout)」です。タイルレイアウト・可変グリッドレイアウト・レスポンシブWebデザインと、様々なページレイアウトの思想が時代の流れとともに生み出されてきました。ふろしき.jsの…
1300の優良サイトを調査してみたシリーズ、第12回は「ページスクローラー」です。ボタンクリックなどのイベントに反応して、ページの先頭や任意の要素にスクロールさせる機能を、「ページスクローラー」といいます。ふろしき.jsの調査では、1300中68サイト(5…
1300の優良サイトを調査してみたシリーズ、第11回は「コンテンツスクロールバー」です。利用規約などを表示する画面では、CSSの「overflow:scroll」プロパティを利用して、ブロック要素に対してスクロールバーを与えることがあります。これを「スクロールバ…
1300の優良サイトを調査してみたシリーズ、第10回は「フルスクリーンバックグラウンドイメージ(Full Screen Background Image)」です。背景にフルスクリーンの状態で画像を表示させるには、独特なノウハウを必要とします。この対策への呼び名は日本にはまだ…
1300の優良サイトを調査してみたシリーズ、第9回は「オーバーレイイメージ」です。Webページ上の画像をクリックした際に、同一ウィンドウ内に拡大された画像を表示する処理を、「オーバーレイ」や「オーバーレイイメージ」といいます。ふろしき.jsの調査では…
10月31日、Web技術者イベント「Halloween Web Night」にて登壇させて頂きました。その際、Visual Studio 2013に含まれている新機能について、15分間でできる範囲での紹介をさせて頂きました。時間が十分でなく説明ができていないところもあったため、少しば…
1300の優良サイトを調査してみたシリーズ、第8回は「pjax」です。Webアプリケーションには、「http://〜/sample.cgi」のようなクエリストリングでなく、「http://〜/#!/sample」のようにハッシュとして持たせ、Ajaxによってデータを動的に取得する仕組みのも…
★ 最新の機能が使いたいんだけど・・・ HTML5の登場で、既存の機能にも置き換えが進んでいます。とはいえ、古いIEがシェアを得てしまっている現状を鑑みると、いきなり新しいWeb標準を使うわけにもいきません。古いIEのために、Shim/Polyfillと呼ばれるライ…
やたらといっぱいあって、覚えるのが面倒なWebの開発/制作ツールたち。やつらを、いかにして最短ルートでマスターするかについて考え、記事にしてみます。コンテンツはこれから、、増えるはずです。 ★ a. OSSの開発ツール オープンソースのJavaScriptライブ…
1300の優良サイトを調査してみたシリーズ、第7回は「コンテンツスライダー」です。画像ファイルや動画ファイルをスライドショーのように表示させるアニメーションを、「コンテンツスライダー」といいます。デザインに関わるためどれがベストとも言えませんが…
1300の優良サイトを調査してみたシリーズ、第二回は「マウスオーバー・ロールオーバー」です。画像やブロック要素などのオブジェクトは、マウスポインタが当たった際にビジュアルデザインが変化することを求められることがあります。これを広義では「マウス…
1300の優良サイトが選んだシリース、第5回は「CSSのポリフィル・シム」です。レガシーIEは、CSSに不具合や新標準への未対応という問題があります。日々追加されるCSS3プロパティや新しいセレクタへの対応を必要とする場合、「ポリフィル」または「シム」と呼…
1300の優良サイトが選んだシリース、第4回は「ブラウザの種類・機能判定」です。以前「マルチブラウザとクロスブラウザの違いは何か?」という記事を書きました。コンテンツの相互運用性の対策を、「Webブラウザの種類」でやるか「Webブラウザの機能」でやる…
最近頻繁に耳にする、「マルチブラウザ」と「クロスブラウザ」。この2つを違いを理解して、使い分けできているでしょうか?国内だと両者は同じ意味として捉えられており、IT用語の解説を行っているサイトでも同義として扱うことが多いようです。しかし海外…
1300の優良サイトが選んだシリース、第3回は「AMDと遅延ロード」です。JavaScriptファイルのロードのパフォーマンス向上を図るメカニズムを「AMD(Asynchronous module definition)」といいます。Webアプリ開発を行なうデベロッパの方は、今後重要な知識にな…
1300の優良サイトが選んだシリース、第2回は「リセットCSS・ノーマライズ」です。Webブラウザごとに異なるCSSのデフォルト値を、均一化させることを「リセットCSS」と言います。「ノーマライズ」と言います。 reset.css / YUI Library (76件) 公式サイト:ht…
ネット上の優良1300サイトを調査してみたシリーズ、第一回はPNG Fixです。IE5.5-6はPNGフォーマットを表示できますが、アルファ値(透明度)は正しく反映されない仕様です。また、IE7-8のPNG表示では、半端なアルファ値が正しく表示されない等の問題を持ちま…
横並びのブロック要素の作成はWeb技術入門者にとっての最初の難関であり、その考え方を理解するのに多くの時間を要します。テーブルレイアウトに逃げてしまう元凶でもあります。ボタンを左から右に向かって並べるナビゲーションバーなんて、まさにその好例で…
※この記事は古くなっています。最新情報はこちらです。IE11もリリースが近いので、検証を始めてみました。流石にInternet Explorerオンリーイベントを主催した自分が、新しいIEをおさえてないのはまずいので・・・。あと、このイベントで、MicrosoftMVPの@he…
最近、「フルスタックエンジニア」という言葉をよく聞きます。 もしかしたら近いうちにバズワードになるかもしれません。初期のクラウド・コンピューティングが異常なまでに混沌としていたように、バズワードは、利害が絡みそうな人間が強引に意味を追加して…
デスクトップ用途で最もシンプルかつオープン系なものは、XULRunnerではないでしょうか。XULRunnerはMozillaのGeckoエンジンをランタイムとして利用しデスクトップアプリ化させる、90年代からある歴史あるOSS製品です。Geckoは、HTML/JavaScript/CSSのような…
Modernizrは、HTML5やCSS3などの新しいWebの標準がWebブラウザに実装されているか、汎用的なインタフェースを通じて確認することができるJavaScriptライブラリです。▼公式サイト http://modernizr.com ▼ダウンロード http://modernizr.com/download/ ▼Develo…