5分でわかる Blog を Facebook インスタント記事 （Instant Articles） に対応させる方法
運営中の Blog などから Facebook インスタント記事 （Instant Articles） 向けの RSS フィードを配信してインスタント記事に対応させる手順を解説しています。 Facebook インスタント記事 （Instant Articles） は、インターネットメディアなどが、Facebook 内で自分たちの記事を配信することができる仕組み。ユーザーは Facebook アプリ内で記事を受け取り、閲覧してそれをシェアしたりすることができます。 簡単に言ってしまえば、Facebook アプリ自体がニュースリーダーになるような感覚で、ユーザーは Facebook の外に出ることなく、記事を読むことができるのと、記事自体も専用フォーマットによって読み込み速度が速く、快適な閲覧ができるというのが売りになっています。 元々は一部の限られた大手メディア （例として The New
Web コンテンツアクセシビリティの JIS 規格が改訂、JIS X 8341-3:2016 として公示される
Web コンテンツのアクセシビリティに関する JIS 規格、「JIS X 8341-3 （高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブコンテンツ）」 が改訂され、「JIS X 8341-3:2016」 として公示されました。 経済産業省サイトでも 3 月公示の JIS 規格として案内されています。改正の案内については同ページに掲載されている PDF 資料でも確認できます。 日本工業規格（JIS規格）を制定・改正しました（平成28年3月分） ： 経済産業省 ウェブコンテンツの JIS 改正 （PDF形式 / 518KB） 実際の JIS 規格をとりあえず閲覧したいという場合は、下記の日本工業標準調査会サイトで PDF による閲覧ができます。 JIS X 8341-3 ： 日本工業標準調査会 JIS 規格の購入は日本規格協会サイトから。直でリンク
Web サイトの制作ガイドラインをクリエイティブ・コモンズ・ライセンスで公開しました
自分の会社ので作って使っていた Web サイト制作のガイドラインをクリエイティブ・コモンズ・ライセンスで公開しました。ライセンスの範囲内で自由に使っていただけます。 会社の方の Web サイトではすでに告知したんですけども、自分の会社で作って使っていた Web サイト制作のガイドラインを公開しました。 この制作ガイドライン自体は新しく会社を立ち上げた当初に整備し始めて、そのまま使っていたんですが、自社特有のルールを整理したり、書き方を少し汎用的に調整した上で、公開することにしました。クリエイティブ・コモンズ・ライセンスで公開していますので、ライセンスの範囲内であれば自由に使っていただけます。 弊社の制作ガイドラインをクリエイティブ・コモンズ・ライセンスで公開します ： バーンワークス株式会社 制作ガイドライン ： バーンワークス株式会社 更新の履歴は GitHub で見られます。制作ガイド
Gmail のログイン情報約 500 万件流出騒動で掲載されたアカウントのうち有効だったものは 2% 未満
約 500万件にもおよぶ Gmail のメールアドレスとパスワードの組み合わせがロシア語の Bitcoin セキュリティフォーラムに掲載された件で、Google Online Security Blog に公式見解が掲載されました。 日本だと今日の朝方にニュースなどで取り上げられて話題になっていましたが、約 500万件にもおよぶ Gmail のメールアドレスとパスワードの組み合わせがロシア語の Bitcoin セキュリティフォーラムに掲載された件で、Google Online Security Blog に公式見解が掲載されました。 これによると、まず本件は Google からの情報漏洩ではないということ。さらに掲載された情報のうち、実際に有効だったアカウントは全体の 2% 未満 （とはいっても 500万件の 2% なので 10万件弱） であり、Google の不正使用防止機能によってほと
5分でわかる Swarm の使い方と Foursquare の変更点
Foursquare がリニューアルし、従来のチェックイン機能などを新しいアプリ 「Swarm」 に分離。Foursquare はスポット検索に特化したアプリとなりました。ここでは 「Swarm」 アプリの使い方と Foursquare の変更点を解説しています。 ある場所への、所謂チェックインを共有するロケーションベースのソーシャル・ネットワーキング・サービスとして人気の Foursquare は日本でも使っている人が多いと思います。 今月 1日ですが、その Foursquare が大きな方向転換をし、Foursquare アプリから主要機能だったチェックイン機能を削除、この機能を独立したチェックイン専用アプリ 「Swarm」 に移行、従来の Foursquare アプリはクチコミによってお店やスポット情報を検索するツール （Yelp とか 30min. みたいな感じ） に特化すると発表
IE の脆弱性に対するセキュリティ更新プログラムが提供開始、XP も対象に
マイクロソフトは IE6 ～ IE11 に発見された脆弱性について、緊急のセキュリティパッチとしてセキュリティ更新プログラムを提供開始するとのこと。今回は特別にサポートが終了した Windows XP も対象として配布されます。 マイクロソフトは先日、Internet Explorer （IE） の全バージョン、IE6 ～ IE11 における、リモートコードが実行される脆弱性に関するセキュリティアドバイザリ（2963983） を発表しましたが、この脆弱性に対するセキュリティ更新プログラムを緊急のセキュリティパッチとして提供開始するとのこと。 今回は対応が早いですね。ちなみに先日サポートが終了した Windows XP 上の IE に対しても例外的にセキュリティ更新プログラムが提供されるそうです。 Updating Internet Explorer and Driving Security
Happy Birthday World Wide Web - WWW が考案から 25周年
WWW （World Wide Web） が2014年 3月をもって誕生から 25周年を迎えました。これを記念して特設サイトがオープンし、考案者であるティム・バーナーズ＝リー氏などもメッセージを寄せています。 みんな大好き、WWW （World Wide Web） がこの 3月で誕生から 25周年を迎えました。2009年にも 20周年記念で同じようなこと書いていますが、そこからさらに 5年たちました。 当時 CERN （欧州原子核研究機構） に所属していたティム・バーナーズ＝リー氏 （Sir Timothy John Berners-Lee） が 「Information Management: A Proposal」 というレポート （これが後に 「WorldWideWeb: Proposal for a HyperText Project」 へと発展） を発表したのが 1989年の 3
SVG と背景色を使ってサイズやカラーが自在な汎用性のあるアイコンボタンを作る
SVG によるアイコンデータと CSS による背景色の指定を組み合わせてサイズやカラーを自在に変更可能なアイコンボタンを作るお話。あわせて主要 Web サービスのロゴデータを SVG で用意する方法や注意点なども。 透過 GIF や PNG 画像に背景色を組み合わせることでアイコンボタンのカラーバリエーションを簡単に作るっていうやり方は昔からありますが、これを SVG （Scalable Vector Graphics） でやることでサイズ変更にも対応しやすいやつを作るっていうお話。 手法的には目新しいことは何もありませんが、この前この Blog のデザインをリニューアルしたときに視覚的に左側サイドメニュー上部 （スマートフォン表示だと隠れてると思いますが） にある 「Follow」 メニュー部分で使ったので紹介。 やってることは簡単です。白抜きにしたい部分をそのまま白色、背景は透過するよ
Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 | WWW WATCH
フロントエンドの開発を色々と捗らせてくれる Grunt について、初めて Grunt を使うならこれだけまずはやってみたら？ という入門的な解説記事を書いてみました。 この記事は公開からかなりの時間が経過して内容が古いのと、Gulp を使ったフロントエンド開発環境構築について新しい記事 「Web サイト作るお仕事をしている人向け Gulp で作るフロントエンド開発環境」 を書いていますのでそちらをご覧ください。 Grunt の導入記事なんか珍しくもないし、色々な方がわかりやすい記事を過去にも書かれていているので今さらではありますが...... とはいえ、まだ使ったことがない人もいるだろうということで、「Grunt って何ですか？」 とか「使ってみたいけどよくわからない......」 なんていう Web デザイナー （主に HTML や CSS を書くフロントエンドな人） さん向けに、初めて
世界各国の地図がベクターデータでダウンロードできる 「Free Vector Maps」
すでに他でも紹介されているかもしれませんが、ちょっと便利だったので紹介。 「Free Vector Maps」 は、世界各国の地図を、ベクター形式のデータ （ダウンロードデータには .ai, .esp, .jpg, .pdf, .png が含まれています） でダウンロードできるサイト。提供されるデータは、基本的に無料で、個人 / 商用利用を問わず利用できます。 Free Vector Maps ： Royalty-Free Vector Maps Free Vector Maps is a growing library of highly detailed free* and premium royalty-free vector maps created for designers all over the world. View the Library (*Attribution r
Dropbox の障害について公式 Blog が説明、ユーザーデータには影響なし
現地時間の 1月 10日 夜 （日本時間だと 1月 11日のお昼ごろ） ～ 1月 12日の夕方にかけて発生していた Dropbox の大規模障害ですが、公式 Blog （Dropbox Tech Blog） にて、今回の障害に関する詳細がアップされ、サービスの復旧と、ユーザーデータに関しては影響がなかったことが報告されました。 Outage post-mortem ： Dropbox Tech Blog On Friday evening our service went down during scheduled maintenance. The service was back up and running about three hours later, with core service fully restored by 4:40 PM PT on Sunday. For the
Google タグマネージャで Web ページに読み込む JavaScript を管理してみる
Google タグマネージャ （Google Tag Manager） をこの Blog 内の各ページで読み込んでいる JavaScript コードの管理に数ヶ月前から使い始めていますが、結構使いやすくて便利なのと、ページの表示速度的にもいい結果が出たので紹介してみます。 Google タグマネージャ公式サイト 機能 ： Google タグマネージャ Google タグマネージャとは？ Google タグマネージャは無料で簡単に使用できるタグ管理システムです。ウェブ上の使いやすい管理画面から自分でタグを管理してモバイル アプリを設定できるため、面倒なコード書き換えは不要で、IT 部門に依頼する必要もありません。 機能 ： Google タグマネージャ から引用 と公式には書いてありますが、簡単にいえば Web ページ内で読み込む各種の JavaScript コード、例えば Google A
Amazon の決済機能を自分のサイトに導入できる 「Login and Pay with Amazon」
Amazon は現時点で米国限定ですが、「Login and Pay with Amazon」 という新しい決済サービスを提供開始しました。サードパーティのショッピングサイトに Amazon アカウントを使用した決済機能を導入可能になります。 現時点では米国の住所、クレジットカードを対象にしたサービスで、日本の Amazon にアカウントを持っている人が使える状態ではありませんが、Amazon は 「Login and Pay with Amazon」 という新しい決済サービスを提供開始しました。 Amazon Payments - Allow customers to easily login and pay on your site これは、PayPal 決済のように、Amazon 以外のショッピングサイトに Amazon アカウントへのログインと、Amazon に登録してある住所情報
Twitter カード 7タイプの使い方をカード種別ごとに解説するよ
Twitter カード 7タイプの仕様を Twitter の公式ドキュメントから翻訳して解説します。公式ドキュメントから抜粋して日本語で書き直していますので完全な翻訳ではありません。 Twitter Cards （Twitter カード）、この Blog でもかなり前から指定して使っていますが、7種類のカードから選択できたり、それぞれに指定できる値が異なってたりしてわかりにくいっていう声を聞きましたので （公式な日本語ドキュメントも今のところないし）、簡単に各カード種類別の仕様をまとめてみました。 Twitter Cards は、Facebook や Google+ などが採用している、OGP （Open Graph Protocol） を利用して、ウォールやタイムラインにリンクを投稿する際の表示内容を指定するのと同じ。それの Twitter 版です。タイムラインに URL が投稿されたと
iPhone や iPad がクレジットカード決済端末になる 「Square」 のアカウント作ってみた
Twitter 創業者、Jack Dorsey 氏が創業した 「Square」 は、スマートフォンをクレジットカード決済端末にする画期的なサービス。米国では 2010年からすでにサービスが提供開始されていて、当時、日本でもすげーって話題になりましたが、それから 3年、ついに日本でも三井住友カードとの業務提携により Square が利用できるようになりました。 Square − あなたのビジネスがうまくいく、いちばんスマートな方法です で、早速アカウントを作成してみましたよ。 Square とは 冒頭で書いたとおり、Square はスマートフォンを決済端末にして、個人やお店が簡単にクレジットカードによる決済を行えるようにする仕組み。 通常は加盟店審査を経て、その後、決済用の端末を導入するなんていう面倒な手続きが必要なため、個人や小さい店舗でクレジットカード決済を導入するのは敷居が高かったわけ
Flickr がリニューアルして 1TB 無料、Pro アカウントは廃止など
Flickr が UI の刷新をはじめ、無料で 1TB の容量が提供されるなど大幅にアップデートされました。Pro アカウントも廃止されています。 Flickr が UI の刷新をはじめ、大幅なアップデートをしたようです。見た目が思いっきり変わっていてちょっとビックリしました。さらに、今まで提供されていた Pro アカウントは廃止され、無料のアカウントでも最初から 1TB （テラバイト！） の容量が提供されるなどの変更も。 1TB の容量は太っ腹すぎて、写真の保管場所として使っている人にはうれしい。ちょっと忘れ去られ気味だった Flickr ですが、これで復活となるのでしょうかね。 A better, brighter Flickr ： Flickr Blog Flickr! 新しい Flickr のトップページ。思いっきり見た目が変わりました。 フォトストリームもこんな感じで、より写真を
Firefox 22 で WebRTC がデフォルト有効に
Firefox 22 で、WebRTC （Web Real-Time Communication） がデフォルトで有効になったとのこと。ブラウザ間でのリアルタイムコミュニケーションが可能になります。 現在、Beta Channel の Firefox 22 （2013年 6月 25日正式リリース予定） で、WebRTC （Web Real-Time Communication） がデフォルトで有効になったそうです。 WebRTC は、Web 上でリアルタイムコミュニケーション機能を実現する標準仕様で、現在 W3C で策定中。 WebRTC 1.0 仕様に含まれる PeerConnection や、Media Capture and Streams （GetUserMedia） などの JavaScript API と、HTML5 video / audio 要素などを組み合わせてブラウザ間
Yahoo! Japan が不正アクセスの対象 ID を確認できるページを公開
Yahoo! Japan への不正アクセス事件に関連して、同社はユーザーが自分の ID が流出したアカウントに含まれているか確認できるページを公開しました。 5月 17日、金曜日に、Yahoo! Japan に対する不正アクセスと、それにより、最大で 2200万件の ID 情報が流出した可能性についてニュースがありました （実際に Yahoo! Japan に対する不正アクセスがあったのは 16日の 21時頃だそうです） が、Yahoo! Japan では、自分の ID が流出したアカウントに含まれているか確認できるページを公開したそうです。 Yahoo！JAPANに不正アクセス 最大2200万IDが流出した恐れ ： ITmedia ニュース Yahoo! JAPAN ID の状況確認 Yahoo! Japan にログインした状態で、このページを開くと、自分の ID が流出の対象だったか否
Google が Microdata による組織ロゴの意味づけに対応したそうなので
Google ウェブマスター向け公式ブログで紹介されていましたが、Microdata （schema.org） による、組織ロゴの意味づけをサポートし、組織を象徴する画像と Web サイトを関連づけることで、Google 検索結果で使用される組織ロゴの画像を指定できるようになったそうです。 ということで、実際に使用する場合のサンプルソースなど挙げてみようと思います。 組織のロゴの schema.org マークアップのサポートを開始しました ： Google ウェブマスター向け公式ブログ このたび、Google では組織のロゴについての schema.org マークアップのサポートを開始いたしました。このマークアップによって、組織を象徴する画像とサイトを結び付けることができます。ウェブマスターの皆様は、Google 検索結果で組織のロゴとして使用される画像を指定することができます。 組織のロ
週明け Windows 7 向け IE10 の自動更新が始まるよ
海外では既に開始されている Internet Explorer 10 （IE10） の Windows 7 向け自動更新ですが、日本でもゴールデンウィーク明け、5月 7日の週から開始されます。 マイクロソフト公式 Blog でも先月末に告知されています。 IE10 の自動アップグレードが始まります ： Internet Explorer ブログ （日本語版） 日本時間で 2 月 27 日、日本語版を含む Windows 7 版 Internet Explorer 10 (以下 "IE10") の提供が始まりました。全世界では、3 月中 旬から既に IE10 の自動アップグレードが始まっておりますが、日本でもゴールデンウイーク明けの 5 月 7 日の週から、IE10 の自動アップグレードを順次始まる予定です。 IE10 の自動アップグレードが始まります ： Internet Explorer
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
