早いもので、もう 2011 年も終わりですね。 年末年始になると新年会や忘年会、クリスマス・パーティーというように、何かと集まりごとが増え、おのずとライブ・コーディングを披露する機会も多くなってくると思います。 マイクロソフトでは、 Visual Studio や Expression Web といった、HTML と JavaScript、およびCSS に対し強力な入力支援機能を持った製品をリリースしておりますので、それらを使用してライブ・コーディングを行うぶんにはそれほど苦労することはないでしょう...

先週の金曜日 (2011/12/16) に開催されました 「 HTML5+IE9 Web Camp 2 with html5j.org 」にて、「マイクロソフトの新しい Web ブラウザー Internet Explorer 10 と HTML5」というタイトルで、弊社 奥主と 2 人でセッションに登壇させていただきました。 今回の記事では、同セッションのデモで使用したページと、その他補足情報について紹介させていただきます。   Internet Explorer 10 について 今回のセッションで紹介したのは...

先週の土曜日 (2011/11/19) 弊社の大阪支店で開催された 『HTML5 プログラミング生放送勉強会 第11回＠大阪』 で、セッション枠をいただき登壇してきましたので簡単にご報告させていただきます。   プログラミング生放送勉強会 とは? プログラミング生放送勉強会 とは、ニコニコ動画のインフラを使用して、プログラミングやIT系の話題などそれらに類する内容の勉強会を実際の会場とオンラインとで行っているコミュニティです。 勉強会の様子を UST で流すというのは、最近では一般的になりつつありますが...

HTML5 コンテンツのを作成し、繰り返し Internet Explorer 9 で表示や動作の確認を行っていると、ある日突然、Internet Explorer 9 でだけ HTML5 および CSS3 などの関連技術が突如として動作しなくなるという状況に遭遇することがあるやもしれません。 再インストールを行う前、いやさ、ディスプレイに向かって「使えねんだよ、このポ○コツ野郎が!!」などと容赦のない罵詈雑言を浴びせる前に確認してほしいことがあります。 それは、「互換表示になってやしませんか?...

昨日 (2011/10/26) に弊社品川オフィスで開催されました 第22回 「HTML5とか勉強会」 に登壇させていただきました。 「HTML5とか勉強会」 というのは、HTML5 を中心とした次世代 Web 技術に関する内容を中心として、様々なゲストを迎え、情報共有と発表の場とすることを目的とした勉強会です。 活動も活発なのですが、人気もものすごく高く、毎回勉強会のお知らせを流すたびに、あっという間に応募者の数が定員の数を超えてしまいます。 イベントの定員の数を応募者の数が上回るのは、メジャーな勉強会ではそれほど珍しいことではないのかもしれませんが...

//build/ 参加のための出張やら、 MSC2011 の登壇などでずいぶんと間が空いてしまいましたが、引き続き Internet Exloprer 9 付属の F12 開発者ツールの使い方について書きます。 ちなみに今までの関連エントリは以下の通りです。 「使ってみよう! [F12] IE9 開発者ツール」 シリーズ HTMLとJavaScript のデバッグ編 さまざまな情報の表示 http キャプチャ機能 今日は F12 開発者ツールの検証機能について書きます。   [検証] メニュー以外の検証機能...

Internet Explorer に関わるようになってから Web 系のイベントに登壇することが増えてきました。 そうすると必然的に他の登壇者の方々のセッションを聞くことになるのですが、そこで気が付いたことがあります。 それは、Web 系、とくにデザインとかアクセシビリティとかのセッションが、「 ものすごく面白い! 」ということです。 おかげで最近は、Web でコミュニティの勉強会を調べては UST を視聴するというのがすっかり趣味になっていたのですが、「セッションとかプレゼンは生で聴いてナンボだろう...

今回も 前々回の記事 に引き続き、Internet Exloprer 9 付属の F12 開発者ツールの使い方についてです。 (※1) 「F12 開発者ツールって、なによ..。」 という方はぜひ、 前々回の記事 をご覧いただければと思います。 (※2) Internet Explorer 9 ( IE9 ) をお使いの方は、ぜひ [F12] キーを押下して、実際に [F12 開発者ツール] を動かしながら本記事をご覧になってくださいませ。 今回は、F12 開発者ツールに搭載されている、IE9 と...

前回の記事 に引き続き、Internet Exloprer 9 付属の F12 開発者ツールの使い方について書きます。 ※「F12 開発者ツールって、なんじゃい?」 という方はぜひ、 前回の記事 をご覧いただければと���います。 今回は、Internet Explorer 9 のコンテンツ表示画面への、さまざまな情報の表示方法について紹介します。   エレメント情報の表示 JavaScript や CSS で Web ページのエレメント を操作する場合、エレメントの id 属性や class...

IE8 以降の Internet Explorer をお使いの方であれば、うすうすお気づきのことと思いますが、Internet Explorer 8 からは Web ページをデバッグするための開発者ツールが搭載されています。 「え、おれ IE9 使ってっけど、そんなの知らねーよ!」 という方は、IE9 を起動してキーボードの [F12] キーを押下していただければと思います。 以下のようなウィンドウが表示されると思います。    F12  開発者ツール これが Internet...

最近、複数の Web 制作会社さんにお邪魔する機会がありまして、そのたびに 「HTML5 でのお仕事って、けっこうありますか?」 と質問するのですが、いただく回答としては「スマートフォン用のものが 1～2 本くらいですかね」というのがほとんどです。 まぁ、HTML5 対応の Web ブラウザーの普及率と、古いブラウザーのサポートを考えるとしょうがないのかな、という気もします。 では、HTML5 を本格的に使うには、まだ時期が早いのか? というと、けっしてそんなことはないと思います。 「そうはいっても...

HTML5 や CSS3 の新機能はすばらしく、その登場は喜ばしいものでありますが、残念な点がひとつだけあります。 それは Internet Explorer 6 のような古い Web ブラウザーでは動作しないということです。 実際のところ HTML5 で記述された Web コンテンツは、Internet Explorer 8 までの HTML5 をサポートしない古い Web ブラウザーでは HTML5 のタグが無視されてしまうので意図したとおりの表示にはなりません。 たとえば、以下のような HTML5...

前々々回のブログ記事 でお伝えしたとおり、セッションで使用するデモ用に、HTML5 + CSS3 を使った架空の喫茶店「ハートブイレク・カフェ」のページを作成しております。 そのページで使用している HTML5 や CSS3 といったイマドキの (表現は 80’ 年代風ですが)  Web 技術について紹介しております。 今回は border-radius についてです。   border-radius とは? border-radius は描画されるボックスの角を丸める、いわゆる角丸...

本日 (2011/06/16) Web Standards Update for Microsoft Visual Studio 2010 SP1 がリリースされました。 これには Visual Studio 2010、Visual Web Developer 2010 で使用可能な、現在最新の HTML5 と CSS3 のインテリセンスおよびターゲットスキーマが含まれています。 このタイミングでリリースされたのは、つい先日 HTML5 が Last Call Status に入ったのも無関係ではないような気がします...

前回のブログ記事 でお伝えしたとおり、セッションで使用するデモ用に、HTML5 + CSS3 を使った架空の喫茶店のページを作成しております。 その喫茶店の名は「ハートブレイク・カフェ」。 店のコンセプトは、「 傷ついた街の天使が羽根を休める ….、ということはどうでも良くて、前回の記事から、このサンプルに使用している ”いまどきの” Web 技術について紹介しております。 今日は Web フォントについて書きたいと思います。 「ハートブレイク・カフェ」のロゴは、画像ではなく  Web...

最近、Visual Web Developer 2010 を使って JavaScript を記述していくデモをする機会が増えてきたので、せっかくだから HTML5 とか CSS3 という 「キテる感」 満点の技術を盛り込んだデモを作っておこう、と思い立ち架空の喫茶店のページを作っています。 喫茶店の名は、「ハートブレイク・カフェ」。 お店のコンセプトは、簡単にいうと「休憩所」。格好つけていうと 「傷ついた街の天使が羽根を休める場所」。 香り高いコーヒーと、美味しいお食事、そして厳選した音楽で皆様のお越しを...

今月の 12 日から 14 日にかけて、マイクロソフトの Web 技術のイベント MIX11 がラスベガスにて開催されました。 MIX は、2006 年に “The Next Web Now”  をテーマとして開催された MIX06 を皮きりに毎年行なわれ、今回 6 回目を数えます。 ちなみにこの MIX というイベント名、「Adbe MAX のパクりでは?」 という声もありますが、その答えは MIX06 での Bill Gates のコメントにあるような気がします。 Bill Gates...

震災の影響と、業務が立て込んでいたために久々のブログの投稿となります。 あらためて、今回の震災で被災された皆様には、心よりお見舞い申し上げます。 私の実家も福島にありますが、会津地方ということで大きな被害はありませんでしたが、友人や同僚の実家などでは被害にあったところもあり、なかなか精神的にこたえるものがありました。 原発の問題など、まだまだ厳しい状況が続きますが、復興と再生を信じて頑張っていきましょう!   ということで (←なにが?) 、今回は、長い間囁かれてきたものの、その詳細についてはあまり語られることのなかった...

以前、お客様から “Visual Studio 2010 の [発行] 機能を使って ASP.NET アプリの配置を行いたいのだけれど、サーバー側の設定がわからない” との質問をいただき、”詳細をブログに書きますよ” とお答えしたものの、うっかり書いてなかったので記述します。 その前に Visual Studio 2010 の持っている発行機能について、簡単にご紹介しておきましょう。   Visual Studio 2010 ASP.NET アプリケーションの 発行 機能 Visual...

先日、というか、よりによって OSC 2011 Tokyo Spring の前日、WebMatrix から新規のプロジェクトを作成する際の [Web ギャラリーからサイトを作成する] にアプリケーションリストが表示されなくなり、Web Platform Installer、WebMatrix ともに入れなおしても治らないという現象が発生しました。 こんなかんじ↑になりました。 OSC 終了後、じっくりと調べて復旧する方法を見つけたのでアップさせていただきます。ちなみに Web Platform Installer...

私のブログのアクセス解析結果を見ると、PHP コードから MS SQL Server に接続したいというニーズがかなりあるようです。 このブログでは以前に、PHP コードから MS SQL Server に接続するコードを紹介させていただきましたが、今回は一歩進んで (?) MS SQL Server のデータベースに対して、CRUD (Create, Read, Update, Delete) 機能を備えた PHP アプリケーションを自動生成してくれるツール SQL CRUD Application...

昨日の CPI x CSS Nite「After Dark」（2） にご参加くださいました方々、ご清聴ありがとうございました。 セッションの開始時間が予定よりも大幅に押し、準備した十分な内容をご覧いただけず、すみませんでした。 2011年3月6日（日） に行なわれます 『 CSS Nite in Shinagawa HTML5+IE9 Web Camp 』 では、より詳細な内容をじっくりとお伝えしたいと思います。 そして、これも昨日のセッションでお伝えできなかったのですが、セッションで紹介させていただきました...

手持ちの IIS 7 に WebMatrix からのアップロードがうまくいかない、という声がちらほらと聞こえてまいりましたので、急きょ記事をアップすることになりました。 ということで、今回の記事は、WebMatrix の [ 配置 ] の機能を使用して アプリケーションをアップロード可能な IIS 7 の構成方法についてです。 初めに残念なお知らせをしておきますと、WebMatrix からのデプロイ ( [ Web 配置 ]  ) を受け入れ可能なのは、Windows Server 2008...

現在、PHP コードから SQL Server のレポート機能を使用するという記事を書いています。 CodePlex に SQL Server Reporting Services (SSRS) SDK for PHP なるものが用意されていてこれを使用します。 SQL Server Reporting Services (SSRS) SDK for PHP http://ssrsphp.codeplex.com/ さて、本日、パッケージの中に用意されているチュートリアルを使用してサンプルを作って動作確認しようと思ったのですが...

前々回からの流れを引き継いで、今回も WebMatrix に OSS アプリケーションをインストールします。 今回インストールするのは、Umbraco です。 Umbraco、日本語だといまいちきちんとした呼び方が想像つかないのですが、英語圏の人たちは “あんぶれぃくぉぅ” と呼んでいるそうです。 ちなみに我々のチームでは、日本人らしく “うんぶらこ” と呼んでいますが、誰しもが自信を持って発音しているわけではありませんのであしからず。 余談が長くなりましたが Umbraco について簡単に紹介しておきましょう...