タグ

webに関するs-kicのブックマーク (123)

  • Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告

    ドキュメントモード、もうだめみたい。 http://furoshiki.hatenadiary.jp/entry/2013/11/26/032352Read less

    Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
    s-kic
    s-kic 2013/11/26
    Web系の開発とは縁遠い自分でも面白かった。Microsoftは運用と開発の板挟みにあっても頑張ってるよなぁ…。
  • データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」

    どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインの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

    データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」
    s-kic
    s-kic 2013/01/21
    昨日、Rails Girls Tokyo, more! で候補に上がってたライブラリだ。Raphaelを一通り触ってみたら、こっちにも挑戦してみよう。
  • 「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try

    はじめに みなさん、明けましておめでとうございます!・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜!」と思っていたのですが、年末からのパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい! 前々からからは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ

    「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
  • 7月18日からSEO対策の常識を覆す激震起きてます。まだみんな気づいてないと思うけど・・

    日曜だし、暑いしでブログはサボろうかと思ったけど、ここ1週間とっても面白いこと、世界のSEOの常識を覆すようなことがあったので、とりあえず第一弾として触り部分を書きます。この分析は、ここのブログを書いている田村氏の協力をいただいて近日中にもうちょっとまとめたいと思います。 さて、7/18にGoogleがパンダアップデートという、検索エンジンの大きな改変を行いました。関連エントリーがありますので、知らない方はまずこちらを 日にもGoogleのパンダアップデート!! 新規参入にチャンス到来かも いいサイトの評価をあげて、そうでないところは下げるということでして、Googleの発表では「4%が影響を受ける」ということでしたが、わたしが管理している10以上のサイト(全てWordPressベース)の全てが大きな影響を受けました。 一つを除き、大半が物凄いことに・・・ 検索結果の表示回数が2〜3倍に

    7月18日からSEO対策の常識を覆す激震起きてます。まだみんな気づいてないと思うけど・・
    s-kic
    s-kic 2012/08/06
    様子見。
  • HTML5、CSS3、JavaScriptがリアルタイム編集できる!軽量HTMLエディタ「Liveweave」 - Chrome Life

    みなさんは、HTMLCSSのコーディングには何を使っていますか? デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ「Liveweave」です。 「Liveweave」は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン

    s-kic
    s-kic 2012/07/11
  • IE10で動くHTML5アプリ実装例 「Node.jsとSocket.IOを使用したリアルタイムアプリ」

    はじめに Internet Explorer 10(以下、IE10)では、HTML5や関連APIの実装が大きく進みますが、中でもWebSocketに対応することはアプリケーション開発者にとって非常に重要です。 WebSocketは、HTTPリクエストで確立した接続を「繋ぎっぱなし」にすることで、サーバとクライアントの双方向で効率的な通信を実現する技術です。WebSocketは新しい通信プロトコルです(RFC)が、HTTPと同じポート番号を使用するためファイアウォールを越えやすいのと、JavaScript APIに関する仕様もあらかじめ用意されており、Webアプリケーションとの親和性が非常に高いのも特徴です。 WebSocketは、IE10だけではなくGoogle Chrome、Firefox、Safariと言ったブラウザでもサポートされています(Operaでは、デフォルトで無効にされていま

    IE10で動くHTML5アプリ実装例 「Node.jsとSocket.IOを使用したリアルタイムアプリ」
  • 朝日新聞デジタル:グーグル、クラウドの貸し出しサービスを日本で本格展開 - 日刊工業新聞ニュース - デジタル

    印刷 関連トピックスグーグル  グーグル(東京都港区、有馬誠代表取締役、03・6384・9000)は、米グーグルがインターネット経由で世界展開しているクラウド基盤の貸し出しサービス「アップ・エンジン」を日格展開する。企業や自治体を対象とする法人向け事業の目玉として、2012年中に国内サポート体制を整備。企業が作成したウェブアプリケーション(応用ソフト)をクラウド基盤で預かり、稼働率などをサービス品質契約で保証し、企業が安心して利用できるようにする。  アップ・エンジンはアプリケーションを稼働させるためのストレージ(外部記憶装置)や中央演算装置(CPU)などのIT資源を時間単位で提供する。ストレージ容量や月間接続回数が一定水準以下ならば無料で利用できる。  試しサービスとしては、最大500メガバイトのストレージ容量、月間約500万の接続回数に対応できるCPUと帯域幅を用意した。  契約

    s-kic
    s-kic 2012/03/28
    ツッコミどころ満載なのだが、一番のツッコミどころは「誰か原稿チェックできる詳しい人は居なかったんかい」という点…。
  • たった一人でwebサービスを作るための、6つの技術と4つの知識

    ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない!」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる! webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ

    たった一人でwebサービスを作るための、6つの技術と4つの知識
  • Facebookは非公開設定でも直リンで誰でも写真が見れる上に、削除しても永遠に写真は消えないようです。

    Facebookは非公開設定でも直リンで誰でも写真が見れる上に、削除しても永遠に写真は消えないようです。

    Facebookは非公開設定でも直リンで誰でも写真が見れる上に、削除しても永遠に写真は消えないようです。
  • セブン-イレブン店舗で無料無線LANサービス--12月1日より提供

    セブン&アイ・ホールディングスは11月29日、無線LANサービス「セブンスポット」を東京23区内のセブン-イレブン、イトーヨーカドー、そごう・西武、セブン&アイ・フードシステムズの各店舗で開始すると発表した。 サービスの開始は12月1日。1回の接続で最大60分、1日3回までのアクセスが可能。利用は無料だが、会員登録が必要となる。セブン&アイグループのECサイト「セブンネットショッピング」の会員であれば、同サービスのIDでも利用可能。 利用可能店舗はセブン-イレブン約700店舗、イトーヨーカドー22店舗、そごう・西武が西武池袋店の1店舗、デニーズが約50店舗となる。ニンテンドーDSシリーズの無線サービス「ニンテンドーゾーン」も利用できる「7SPOTでDS」も展開する。7SPOTでDSについては、イトーヨーカドーの一部の店舗およびデニーズ全店で利用できない。

    セブン-イレブン店舗で無料無線LANサービス--12月1日より提供
    s-kic
    s-kic 2011/11/30
  • github 超入門 - glasses factory

    ここ1年くらい、僕はソースコードなどを github で公開しています。 つい先日まで書いていた連載記事 GAE for Flasher のサンプルソースコードや、 東京てら子で発表したデモ、今まで作ったライブラリや便利クラスなど なんでもかんでも github で公開しています。 しかし、プログラムに慣れた人ならともかく、これから AS3 をガシガシ勉強していこう! といった方や、AS3 自体はガシガシかけても基的に SVN 等バージョン管理システムを 使わない方にとっては github 自体がやはり少し敷居が高いイメージがあるという話を聞きました。 GAE for Flasher の記事自体、ある程度 AS3 に関する知識のある人を想定していたとはいえ 流石に当たり前のように使い過ぎたかなと反省の意を込めて github 超入門( for Flasher ) を書く

  • 高木浩光@自宅の日記 - テレビ録画機「トルネ」の視聴ジャンルが無断公開されている

    ■ 何が個人情報なのか履き違えている日 昨日の日記の件、みなさんからの声により、PlayStation 3をテレビ録画機にする製品「トルネ」についても同じ問題があり、どんなジャンルの番組をよく視聴しているかや、視聴時刻までもが公開状態になっていることが判明した。これについては後述する。 それより先に今言いたいのは、こういうことが起きるのは、何が「個人情報」なのかを、日の事業者や行政がみんな揃って履き違えているためではないかということだ。 今回の件について、ソニーはこう釈明するかもしれない。「オンラインIDは個人情報に該当しない。オンラインIDに氏名などの個人情報を含めないよう登録画面で注意書きしている*1」と。しかしそういう問題でないのは明らかである。 日の事業者はどこもかしこも、「個人情報」に該当しなければ何をやってもいいという誤った道に進み始めている。そして、日の個人情報保護法

  • 青空文庫 (XHTML) -> ePub変換用Bookmarklet

    ※注意! このサービスは開発中のプレビュー版です。α以前の状態であり、テスト・検証も不十分です。今後も随時改修が入る可能性が高いです。 予期しない動作をする恐れがあります。このサービスの利用により万一不具合を被っても責任は取れません。 ご利用の際は以上の点をご了承の上、At your own riskでお願いします。 ※Sony ReaderでePubを使用する場合の注意 Sony Readerには日フォントがインストールされていないため、標準の状態では日語を表示することができません。 このサービスで作成したePub形式のファイルでは、IPAモナーフォントを使用するよう指定されています。 Sony Readerで日語を表示するには、以下の手順でIPAモナーフォントをインストールして下さい。 IPAモナーフォントをダウンロードし、解凍します (.tar.gzの解凍方法につい

  • 業務システムに組み込みたい。PHPからExcelファイルを読み書きする·PHPExcel MOONGIFT

    PHPExcelExcelファイルの読み書きを行うPHPライブラリ。PDF/HTML出力にも対応。 PHPExcelPHP製のオープンソース・ソフトウェア。業務システムを開発していて必ず発生するのがExcelのような表形式ファイルの取り込みだ。大抵はCSVに変換してもらって取り込むだろう。だがユーザが変換を忘れてExcelを読み込ませてしまうことも度々だ。 PHPで出力できる さらにシステムから資料を出力する際にもCSVをダウンロードして手作業で修正して…という手間をユーザにとらせることになってしまう。そんな時代はもう古い、PHPExcelを使ってリッチなExcelファイルをそのままやり取りしよう。 PHPExcelExcel 2007をベースとし、5.0/95/97以降のファイル形式の読み込みにも対応している。Excel 2003のXMLフォーマットも扱える。さらにOpenOffi

  • いまさら聞けない><; 基礎から学ぶ「HTML5」超入門!

    HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTMLCSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSSJavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTMLCSSJavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から

  • コンピュータ系技術書を無料で読めるサイトまとめ - 情報科学屋さんを目指す人のメモ(FC2ブログ版)

    何かのやり方や、問題の解決方法をどんどんメモするブログ。そんな大学院生の活動「キャッシュ」に誰かがヒットしてくれることを祈って。 特に探すつもりはなかったけど、技術書を無料で読めるサイトに複数遭遇したので、出会った分だけでもとまとめてみた。無料で読めるサイトと言っても、基的には無料公開されているページへのリンク集という形。 O'REILLY Open Books http://oreilly.com/openbook/ リンク先の右にあるリンクの書籍が無料。左のジャンル分けは通常の書籍一覧なので注意。他のサイトに比べるとだいぶ少ない。 O'REILLY Open Feedback Publishing System (OFPS) http://ofps.oreilly.com/ 出版前の書籍を公開して、フィードバックを受け付けるというサイト。作りかけのも存在するが、最新の内容が読めると

  • アキネイター

    マエスケ 冨岡義勇 ぬいぐるみ 魈/ショウ 8号 ゲンジ 何に対してもギャンブラー しんぢくん ヒカキン セルティ・ストゥルルソン

  • 「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね

    Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの家です。jQuery

    「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね
  • 【連載】ヤマハルータでつくるインターネットVPN (1) VPNの概要と必要な機材 | ビジネスPC | マイコミジャーナル

    今回から10回ほどの予定で、インターネットVPN(Virtual Private Network)に関する連載を始めることになった。最後までお付き合いいただければ幸いである。 VPNとは何か VPNは一般に、「仮想プライベートネットワーク」あるいは「仮想閉域網」と訳される。「仮想」と頭に付くくらいだから、実際にプライベートな形で占有できるネットワークがあるわけではなく、何らかの手段でそれと同等の機能を実現しているわけだ。 そのVPNは、さらに2種類に大別できる。ひとつは、大手の通信事業者がMPLS(Multi-Protocol Label Switching)による交換網を利用して提供している「IP-VPN」サービスで、これは通信事業者のネットワークを利用する。もうひとつがインターネットVPNで、これはインターネットを利用する。IP-VPNサービスと比べると、高速なインターネット接続回線が

    s-kic
    s-kic 2011/04/15
  • 今、知っておきたいJavaScript

    Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM(Document Object Model)に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI(Application Programming Interface)です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組

    今、知っておきたいJavaScript