ドキュメントモード、もうだめみたい。 http://furoshiki.hatenadiary.jp/entry/2013/11/26/032352Read less
![Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb1e37c8da8939ffff09f7d4b63c9f51324e9c91/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F201311221-131125122056-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが可能で、これらのグラフにもとになる素材(スクリプトのソース)がGitHubで入手可能です。 Gallery · mbostock/d3 Wiki · GitHub デザインの一例は以下から。 ◆:Bubble Chart 作成例によっては、ページに直接コードが記載されているものもあります。 ◆:Four Ways to Slice Obama’s 2013 Budget Proposal - In
はじめに みなさん、明けましておめでとうございます!・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜!」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい! 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
日曜だし、暑いしでブログはサボろうかと思ったけど、ここ1週間とっても面白いこと、世界のSEOの常識を覆すようなことがあったので、とりあえず第一弾として触り部分を書きます。この分析は、ここのブログを書いている田村氏の協力をいただいて近日中にもうちょっとまとめたいと思います。 さて、7/18にGoogleがパンダアップデートという、検索エンジンの大きな改変を行いました。関連エントリーがありますので、知らない方はまずこちらを 日本にもGoogleのパンダアップデート!! 新規参入にチャンス到来かも いいサイトの評価をあげて、そうでないところは下げるということでして、Googleの発表では「4%が影響を受ける」ということでしたが、わたしが管理している10以上のサイト(全てWordPressベース)の全てが大きな影響を受けました。 一つを除き、大半が物凄いことに・・・ 検索結果の表示回数が2〜3倍に
みなさんは、HTMLやCSSのコーディングには何を使っていますか? デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ「Liveweave」です。 「Liveweave」は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン
はじめに Internet Explorer 10(以下、IE10)では、HTML5や関連APIの実装が大きく進みますが、中でもWebSocketに対応することはアプリケーション開発者にとって非常に重要です。 WebSocketは、HTTPリクエストで確立した接続を「繋ぎっぱなし」にすることで、サーバとクライアントの双方向で効率的な通信を実現する技術です。WebSocketは新しい通信プロトコルです(RFC)が、HTTPと同じポート番号を使用するためファイアウォールを越えやすいのと、JavaScript APIに関する仕様もあらかじめ用意されており、Webアプリケーションとの親和性が非常に高いのも特徴です。 WebSocketは、IE10だけではなくGoogle Chrome、Firefox、Safariと言ったブラウザでもサポートされています(Operaでは、デフォルトで無効にされていま
印刷 関連トピックスグーグル グーグル(東京都港区、有馬誠代表取締役、03・6384・9000)は、米グーグルがインターネット経由で世界展開しているクラウド基盤の貸し出しサービス「アップ・エンジン」を日本で本格展開する。企業や自治体を対象とする法人向け事業の目玉として、2012年中に国内サポート体制を整備。企業が作成したウェブアプリケーション(応用ソフト)をクラウド基盤で預かり、稼働率などをサービス品質契約で保証し、企業が安心して利用できるようにする。 アップ・エンジンはアプリケーションを稼働させるためのストレージ(外部記憶装置)や中央演算装置(CPU)などのIT資源を時間単位で提供する。ストレージ容量や月間接続回数が一定水準以下ならば無料で利用できる。 試しサービスとしては、最大500メガバイトのストレージ容量、月間約500万の接続回数に対応できるCPUと帯域幅を用意した。 契約
ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない!」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる! webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ
セブン&アイ・ホールディングスは11月29日、無線LANサービス「セブンスポット」を東京23区内のセブン-イレブン、イトーヨーカドー、そごう・西武、セブン&アイ・フードシステムズの各店舗で開始すると発表した。 サービスの開始は12月1日。1回の接続で最大60分、1日3回までのアクセスが可能。利用は無料だが、会員登録が必要となる。セブン&アイグループのECサイト「セブンネットショッピング」の会員であれば、同サービスのIDでも利用可能。 利用可能店舗はセブン-イレブン約700店舗、イトーヨーカドー22店舗、そごう・西武が西武池袋本店の1店舗、デニーズが約50店舗となる。ニンテンドーDSシリーズの無線サービス「ニンテンドーゾーン」も利用できる「7SPOTでDS」も展開する。7SPOTでDSについては、イトーヨーカドーの一部の店舗およびデニーズ全店で利用できない。
ここ1年くらい、僕はソースコードなどを github で公開しています。 つい先日まで書いていた連載記事 GAE for Flasher のサンプルソースコードや、 東京てら子で発表したデモ、今まで作ったライブラリや便利クラスなど なんでもかんでも github で公開しています。 しかし、プログラムに慣れた人ならともかく、これから AS3 をガシガシ勉強していこう! といった方や、AS3 自体はガシガシかけても基本的に SVN 等バージョン管理システムを 使わない方にとっては github 自体がやはり少し敷居が高いイメージがあるという話を聞きました。 GAE for Flasher の記事自体、ある程度 AS3 に関する知識のある人を想定していたとはいえ 流石に当たり前のように使い過ぎたかなと反省の意を込めて github 超入門( for Flasher ) を書く
■ 何が個人情報なのか履き違えている日本 昨日の日記の件、みなさんからの声により、PlayStation 3をテレビ録画機にする製品「トルネ」についても同じ問題があり、どんなジャンルの番組をよく視聴しているかや、視聴時刻までもが公開状態になっていることが判明した。これについては後述する。 それより先に今言いたいのは、こういうことが起きるのは、何が「個人情報」なのかを、日本の事業者や行政がみんな揃って履き違えているためではないかということだ。 今回の件について、ソニーはこう釈明するかもしれない。「オンラインIDは個人情報に該当しない。オンラインIDに氏名などの個人情報を含めないよう登録画面で注意書きしている*1」と。しかしそういう問題でないのは明らかである。 日本の事業者はどこもかしこも、「個人情報」に該当しなければ何をやってもいいという誤った道に進み始めている。そして、日本の個人情報保護法
※注意! このサービスは開発中のプレビュー版です。α以前の状態であり、テスト・検証も不十分です。今後も随時改修が入る可能性が高いです。 予期しない動作をする恐れがあります。このサービスの利用により万一不具合を被っても責任は取れません。 ご利用の際は以上の点をご了承の上、At your own riskでお願いします。 ※Sony ReaderでePubを使用する場合の注意 Sony Readerには日本語フォントがインストールされていないため、標準の状態では日本語を表示することができません。 このサービスで作成したePub形式のファイルでは、IPAモナーフォントを使用するよう指定されています。 Sony Readerで日本語を表示するには、以下の手順でIPAモナーフォントをインストールして下さい。 IPAモナーフォントをダウンロードし、解凍します (.tar.gzの解凍方法につい
PHPExcelはExcelファイルの読み書きを行うPHPライブラリ。PDF/HTML出力にも対応。 PHPExcelはPHP製のオープンソース・ソフトウェア。業務システムを開発していて必ず発生するのがExcelのような表形式ファイルの取り込みだ。大抵はCSVに変換してもらって取り込むだろう。だがユーザが変換を忘れてExcelを読み込ませてしまうことも度々だ。 PHPで出力できる さらにシステムから資料を出力する際にもCSVをダウンロードして手作業で修正して…という手間をユーザにとらせることになってしまう。そんな時代はもう古い、PHPExcelを使ってリッチなExcelファイルをそのままやり取りしよう。 PHPExcelはExcel 2007をベースとし、5.0/95/97以降のファイル形式の読み込みにも対応している。Excel 2003のXMLフォーマットも扱える。さらにOpenOffi
HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(本社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTML+CSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSS、JavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTML、CSS、JavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から
何かのやり方や、問題の解決方法をどんどんメモするブログ。そんな大学院生の活動「キャッシュ」に誰かがヒットしてくれることを祈って。 特に探すつもりはなかったけど、技術書を無料で読めるサイトに複数遭遇したので、出会った分だけでもとまとめてみた。無料で読めるサイトと言っても、基本的には無料公開されているページへのリンク集という形。 O'REILLY Open Books http://oreilly.com/openbook/ リンク先の右にあるリンクの書籍が無料。左のジャンル分けは通常の書籍一覧なので注意。他のサイトに比べるとだいぶ少ない。 O'REILLY Open Feedback Publishing System (OFPS) http://ofps.oreilly.com/ 出版前の書籍を公開して、フィードバックを受け付けるというサイト。作りかけの本も存在するが、最新の内容が読めると
マエスケ 冨岡義勇 ぬいぐるみ 魈/ショウ 8号 ゲンジ 何に対してもギャンブラー しんぢくん ヒカキン セルティ・ストゥルルソン
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。jQuery
今回から10回ほどの予定で、インターネットVPN(Virtual Private Network)に関する連載を始めることになった。最後までお付き合いいただければ幸いである。 VPNとは何か VPNは一般に、「仮想プライベートネットワーク」あるいは「仮想閉域網」と訳される。「仮想」と頭に付くくらいだから、実際にプライベートな形で占有できるネットワークがあるわけではなく、何らかの手段でそれと同等の機能を実現しているわけだ。 そのVPNは、さらに2種類に大別できる。ひとつは、大手の通信事業者がMPLS(Multi-Protocol Label Switching)による交換網を利用して提供している「IP-VPN」サービスで、これは通信事業者のネットワークを利用する。もうひとつがインターネットVPNで、これはインターネットを利用する。IP-VPNサービスと比べると、高速なインターネット接続回線が
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM(Document Object Model)に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI(Application Programming Interface)です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く