http://hyper-text.org/ Blog、RSS、XML、HTML 関連の話題、インターネット上での最新トピックスなどを掲載する WWW WATCH の iPhone 版 ja Fri, 24 Jan 2014 09:59:24 +0900 http://blogs.law.harvard.edu/tech/rss http://hyper-text.org/static/img/profile/w3w_180.png http://hyper-text.org/i/ 180 180 Blog、RSS、XML、HTML 関連の話題、インターネット上での最新トピックスなどを掲載する WWW WATCH の iPhone 版 iPhone向けページはPC版との統合に伴い閉鎖しますので、本RSSフィードの更新も終了します。PC版のRSSフィードをご利用ください。 http://hyper-text.org/ http://hyper-text.org/ Blog Mon, 03 Feb 2014 09:00:00 +0900 Grunt の導入記事なんか珍しくもないし、色々な方がわかりやすい記事を過去にも書かれていているので今さらではありますが...... とはいえ、まだ使ったことがない人もいるだろうということで、「Grunt って何ですか？」 とか「使ってみたいけどよくわからない......」 なんていう Web デザイナー （主に HTML や CSS を書くフロントエンドな人） さん向けに、初めて Grunt を使うならこれだけまずはやってみたら？ っていう内容で書いてみようと思います。 なるべくコンパクトに書こうと思ったんですが、終わってみればかなり長い記事になってしまいました...... 覚悟してどうぞ。 http://hyper-text.org/archives/2014/01/grunt_quick_start_for_web_designer.shtml http://hyper-text.org/archives/2014/01/grunt_quick_start_for_web_designer.shtml CSS HTML/CSS JavaScript Tool Web Development css Fri, 24 Jan 2014 09:59:24 +0900 すでに他でも紹介されているかもしれませんが、ちょっと便利だったので紹介。 「Free Vector Maps」 は、世界各国の地図を、ベクター形式のデータ （ダウンロードデータには .ai, .esp, .jpg, .pdf, .png が含まれています） でダウンロードできるサイト。提供されるデータは、基本的に無料で、個人 / 商用利用を問わず利用できます。 Free Vector Maps ： Royalty-Free Vector Maps http://hyper-text.org/archives/2014/01/freevectormaps.shtml http://hyper-text.org/archives/2014/01/freevectormaps.shtml Web Development Web Topic website Mon, 20 Jan 2014 09:59:32 +0900 所謂、レスポンシブ・イメージ （Responsive images） のお話ですが、HTML5 extension （HTML5 拡張仕様） として策定されている picture 要素に関して、最新の仕様 （Editor's Draft） が年明け、1月 2日に公開されました。 ちょっと時間が経ってしまいました （10日以上、下書きのままで放置されていたのはナイショ） が紹介と、レスポンシブ・イメージ関連の最新動向を簡単にまとめてみます。 The picture Element, Editor's Draft, 2 January 2014 http://hyper-text.org/archives/2014/01/picture_element_spec.shtml http://hyper-text.org/archives/2014/01/picture_element_spec.shtml HTML HTML/CSS HTML5 Web Development html5 Thu, 16 Jan 2014 09:56:14 +0900 現地時間の 1月 10日 夜 （日本時間だと 1月 11日のお昼ごろ） ～ 1月 12日の夕方にかけて発生していた Dropbox の大規模障害ですが、公式 Blog （Dropbox Tech Blog） にて、今回の障害に関する詳細がアップされ、サービスの復旧と、ユーザーデータに関しては影響がなかったことが報告されました。 Outage post-mortem ： Dropbox Tech Blog http://hyper-text.org/archives/2014/01/dropbox_outage.shtml http://hyper-text.org/archives/2014/01/dropbox_outage.shtml Application Tool Web Service Web Topic dropbox Mon, 13 Jan 2014 13:58:42 +0900 Twitter 見てたらこの話題だらけになってたんですが、とある会社さんが Google Glass の並行輸入販売を始めますってことで、日本でもついに Google Glass が買える的な盛り上がりになっているようです。一部ネットニュースなどでも取り上げられていますね。下記とか。 iPhoneと接続可！グーグル・グラス、遂に日本上陸！早期予約価格で69,800円！ ： ライブドアニュース iPhoneと接続可！グーグル・グラス、遂に日本上陸！早期予約価格で69,800円！ ： iPhone Mania http://hyper-text.org/archives/2014/01/google_glass_in_japan.shtml http://hyper-text.org/archives/2014/01/google_glass_in_japan.shtml Gadget Mobile Product Web Topic google Mon, 06 Jan 2014 21:54:07 +0900 あけましておめでとうございます。2014年の元旦、皆様いかがお過ごしでしょうか。 さて、新年最初のエントリーとして、去年、1年間に書いた記事の中からアクセス数の多かった記事を振り返りつつ、今年の Web 界隈で重要になりそうな事柄にさらっと触れてみようと思います。本当は旧年内に書こうと思ってたんだけど忘れてたのはナイショです。 http://hyper-text.org/archives/2014/01/happy_new_year.shtml http://hyper-text.org/archives/2014/01/happy_new_year.shtml Blog Wed, 01 Jan 2014 17:06:14 +0900 アドベントカレンダー （Advent Calendar） ってのは、元々クリスマスまでの日数を数えるために使用されるカレンダーですが、ある話題だけで 25日間記事を書いていこうぜっていう Web 版アドベントカレンダーが、今年も Adventar で多数立ち上がり、多くの人が記事を書いています。 2013年の Advent Calendar 一覧 ： Adventar http://hyper-text.org/archives/2013/12/advent_calendar_2013.shtml http://hyper-text.org/archives/2013/12/advent_calendar_2013.shtml Blog CSS Event HTML/CSS HTML5 Web Development Web Topic html5 Thu, 26 Dec 2013 08:59:39 +0900 10月に、Microsoft から Windows 7 向けの IE11 自動更新無効化ツールキット （Update Blocker Toolkit） を配布開始するよというアナウンスがされた件、この Blog でも書きました。 で、その時いつもの感じだと、数ヶ月くらいで日本でも Windows 7 向け IE11 の自動更新が始まるかもねって書いたんですが、正式に開始時期がアナウンスされました。 2014 年 1 月第 2 週目から順次、Windows 7 向けInternet Explorer 11 の自動アップグレードを開始します ： Internet Explorer ブログ (日本語版) http://hyper-text.org/archives/2013/12/windows7_ie11_auto_update_in_japan.shtml http://hyper-text.org/archives/2013/12/windows7_ie11_auto_update_in_japan.shtml Application Browser Web Development ie Wed, 25 Dec 2013 11:55:14 +0900 会社の方からは正式に発表もして、仕事でお付き合いのある方々にはすでに報告済みなのですが、来月の 1日をもって新たに会社を立ち上げて独立することになりました。 といってもお仕事の都合上、引き続きデジパの取締役を兼務したままなので、何が変わるの？ っていう感じでもありますが、デジパでの役員としてのお仕事を少し調整してもらいつつ、自分がもうちょっと深くやりたい領域の仕事に注力させてもらう感じです。ちなみに新会社の名前は 「バーンワークス株式会社」 です。 バーンワークス株式会社 http://hyper-text.org/archives/2013/12/starting_a_business.shtml http://hyper-text.org/archives/2013/12/starting_a_business.shtml Blog New Service business Tue, 24 Dec 2013 14:46:30 +0900 Firefox の最新版、Firefox 26 が正式リリースされ、自動更新も提供開始されました。Android 版も同時公開。 このバージョンから、すべての Java プラグインに 「Click to Play」 が有効 （起動にクリックが必要） になったほか、CSP （Content Security Policy / 参考エントリー） への対応も拡大され、Content-Security-Policy-Report-Only を利用可能になりました。また、Android 版では、about:home が刷新。よく見るサイトのサムネイルが表示されるようになったり、タブをピン留めできるようになっています。 Firefox 26.0 リリースノート Android 版 Firefox 26.0 リリースノート Firefox 26 for developers ： MDN http://hyper-text.org/archives/2013/12/firefox_26_release.shtml http://hyper-text.org/archives/2013/12/firefox_26_release.shtml Application Browser Mobile Web Development firefox Wed, 11 Dec 2013 10:57:32 +0900 この記事は、HTML5 Advent Calendar 2013、11日目の記事です。 去年の HTML5 Advent Calendar 2012 では、Microdata 関連の記事を書いたんですが、今年も登録してみたものの、見事にネタが無いのでどうしようかなと...... ということで、HTML5 から追加された属性 （要素じゃなく属性の方） の中から、まだあまり広く使われてなさそうな属性さんたちに日の目を見て頂くための紹介記事を書いてみようかと思います。 ちなみに、「あまり広く使われていなさそうな」 は完全に私の独断と偏見ですのでよろしくお願いします。 http://hyper-text.org/archives/2013/12/html5_attribute_pickup.shtml http://hyper-text.org/archives/2013/12/html5_attribute_pickup.shtml HTML HTML/CSS HTML5 Web Development html5 Wed, 11 Dec 2013 08:59:58 +0900 CSS Property Advent Calendar 2013、6日目の記事です。「CSS のプロパティに関することだったら何でも OK です」 とのことでしたが、広く使われているプロパティについて今さら書いても仕方ないし、多分他の人とかぶるしってことで、最近になってブラウザが対応したあまり一般的じゃないプロパティを選択してみました。 それが今回取り上げる、background-blend-mode プロパティです。 Compositing and Blending Level 1 W3C Last Call Working Draft 10 October 2013 3.4.3. The 'background-blend-mode' property ： Compositing and Blending Level 1 http://hyper-text.org/archives/2013/12/background-blend-mode_property.shtml http://hyper-text.org/archives/2013/12/background-blend-mode_property.shtml CSS Event HTML/CSS Web Development css Fri, 06 Dec 2013 08:59:09 +0900 この記事は、Web Accessibility Advent Calendar 2013、4日目の記事です。ベタな内容なのでもしかすると他の方とかぶるかもしれませんが、気にせずいきます。 とはいっても、WAI-ARIA の仕様をすべて詳細に取り上げるのは大変なので、まずは WAI-ARIA を既存のマークアップに取り入れる際に、扱いやすい項目についてピックアップしつつ、それぞれのサンプルソースを挙げながら、紹介してみたいと思います。まだ WAI-ARIA をマークアップに取り入れたことがない方が、初めて使うきっかけになれば幸いです。 http://hyper-text.org/archives/2013/12/wai-aria_quick_start.shtml http://hyper-text.org/archives/2013/12/wai-aria_quick_start.shtml HTML HTML/CSS Web Development accessibility Wed, 04 Dec 2013 17:23:54 +0900 Google タグマネージャ （Google Tag Manager） をこの Blog 内の各ページで読み込んでいる JavaScript コードの管理に数ヶ月前から使い始めていますが、結構使いやすくて便利なのと、ページの表示速度的にもいい結果が出たので紹介してみます。 Google タグマネージャ公式サイト 機能 ： Google タグマネージャ http://hyper-text.org/archives/2013/11/google_tagmanager_get_start.shtml http://hyper-text.org/archives/2013/11/google_tagmanager_get_start.shtml HTML HTML/CSS JavaScript Tool Web Development Web Service google Wed, 27 Nov 2013 09:59:10 +0900 Red Bull さんがちょっと面白いサービスを期間限定でリリースしました。 自分の Instagram アカウントでログインすると、Instagram で公開している写真を使って、「新進気鋭の天才写真家が個展を開催し、ものすごい注目を集めています」 的な 90秒のショートムービーを作ってくれる、その名も 「Red Bull #THESHOW」。 と、文章で説明してもわかりにくいと思いますので、下記のリンクから試してみてください。Instagram をすでに使っている人なら Instagram アカウントでログインするだけです。 Red Bull #THESHOW http://hyper-text.org/archives/2013/11/red_bull_the_show.shtml http://hyper-text.org/archives/2013/11/red_bull_the_show.shtml SNS Tool Web Service Web Topic instagram Sat, 16 Nov 2013 00:10:38 +0900