IDEA * IDEAドットインストール代表のライフハックブログ
Webフォントを使ってみよう！@font-face 関連の情報いろいろ - かちびと.net
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); } としてあげるといいみたい。I
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
こてさきAjax:HTMLプレゼンをWebSocketを利用し、iPhoneから操作するツールを作ってみました． - livedoor Blog（ブログ）
ドワンゴの草野さんが開発し、第６回html5とか勉強会で利用されていた HTML プレゼンテーションツール 『Nerine』が、かなりいけています。 <section>タグが一つのスライドに相当し、一つのhtmlファイルだけをメンテすれば良いという簡便性（このため、ページ切り替えも非常にスムーズです）。更に、CSS3を定義すれば、エフェクトも思いのまま。HTML5/CSS3の知識がある人であれば、非常に手軽に「イケテル」HTMLプレゼンが作れます。更に、カーソルの「上」を押せばインデックスが表示されるし、「A」キーを押せば、アスペクト比を変えれるという、とても気の利いた作りになっています。 デモを絡めたプレゼンをするときに、デモとプレゼンでウィンドウを切り替える操作って結構煩雑です。なので、HTMLでプレゼンを作って、そこにiframeでデモも埋め込んじゃうみたいなスタイルは結構好きだった
最高醸造責任者に聞く、ギネスビールの“正しい”飲み方
日ごろビールを飲んでいる人でも、ギネスビールは飲んだことがないという人は多いのではないだろうか。中には「ギネスビールはパブなどでしか飲めないモノ」と思っている人もいるのでは。しかしパブで飲める樽詰のモノと缶入りのモノの中味はほとんど同じ。「アイルランドのダブリンで醸造され、同じタンクで熟成されたものが、最後にそれぞれ樽や缶に詰められ出荷されている」（ギネスビール担当者）という。 ギネス社が創業したのは1759年。日本は江戸時代で、平賀源内、本居宣長などが活躍していたころだ。創業者のアーサー・ギネス氏は34歳のときに会社を建ち上げ、アイルランドのダブリンにある醸造所と年間45ポンドで賃貸契約を結んだ。その契約期間は、なんと9000年だったという。 119.5秒のカスケードショー ギネスビールに“正しい”飲み方というのはあるのだろうか。中には「グラスに注いで飲めばいいのでは」と思っている人もい
厳選して使用している便利なChromeエクステンション19個 - かちびと.net
メインブラウザをFirefoxからChrome に変更して暫く経ちます。Chromeも かなりエクステンションが豊富になって きました。いろいろとエクステンションを 試して、微妙に感じて消して、の繰り返 しですが、そんな中、マストに使ってい る拡張をご紹介します。 色々試して、最終的に残ったChromeエクステンションのまとめです。 CSS Tester どのページでもcssの追加テストが出来ます。すぐに反映されるので結構便利。 CSS Tester CSSViewer 先日記事にしましたが、インストールしてから毎日使っています。マウスを乗せるだけでその要素のcssを表示。便利ですねー。 CSSViewer View Selection Source ドラッグした部分のみのソースを表示します。Web制作時によく使っています。使い慣れるとほんと重宝します。 View Selection So
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
ブロガーを楽にする8つのChromeエクステンション
有名な拡張が多いですが、僕の簡単な使い方を含めて紹介します。 Lightshot スクリーンショット系の拡張は数あれど、僕は一番こいつがお気に入りです。こいつなしじゃブログを書く気が起きないくらい依存してます。 こいつのスゴイところは、フラッシュだろうがウィンドウの外だろうがなんでも撮れる安定感が素晴らしいのです。 スクリーンショットが取りたい場所で、羽のボタンをクリックします。すると画面全体が暗くなるので、コピーしたい場所をドラッグで範囲選択をします。 すると選択範囲の右下にメニューアイコンが複数表示されます。 選択範囲を編集 Lightshot専用の画像サービスにアップロードされます。（使ったことない） 選択範囲を画面全体に引き伸ばします。 クリップボードにコピーします。 ファイルにPNG形式で保存します。 キャンセル 実にシンプルです。とくにPNG形式で問答無用で保存してくれるのがエ
Macを最大限にスピードアップさせる23の方法 | Last Day. jp
Macユーザーが増加している最近はiPhoneの人気もあってWindowsユーザーからMacユーザーになる人が僕の周りでも増えた。基本的にMac OSは安定していてスピードも申し分ない。 Macを新しく検討しようと思っている方は↓ そんなMacでも長年使っていれば調子の悪い時もでてくるだろう。今まさに自分のMacBook Airが買ったときに比べスピードが落ちているので色々チューニングをしたら大分スピードに向上がみられた。Macが僕のように以前より遅くなってしまった方は以下のTipsを参考して頂けたら幸いである。 もし下記のすべての方法を試してもスピードアップしない場合はOSの再インストールも視野に入れた方が良い。 再インストールすれば大抵の問題は解決される。再インストールする時にはTime Machines等からバックアップ復元すれば簡単にできる。 1.容量の大きいファイルは外付けデバイ
あなたの知らない、4つのマニアックなJava文法
あなたの知らない、4つのマニアックなJava文法：【改訂版】Eclipseではじめるプログラミング（17）（1/3 ページ） これからプログラミングを学習したい方、Javaは難しそうでとっつきづらいという方のためのJavaプログラミング超入門連載です。最新のEclipse 3.4とJava 6を使い大幅に情報量を増やした、連載「Eclipseではじめるプログラミング」の改訂版となります 知ってました？ Javaでも、あんなことやこんなことが… 前回の「“ネスト”した型で始める軽量Javaプログラミング!?」では、通常のJavaプログラミングよりもライトウェイト（軽量）なプログラミングをするために、「ネストした型／クラスとは何か」について基本的な説明をしました。 ネストした型をきちんと利用できるようになるには、「staticのネストしたクラス」「内部クラス（インナークラス）」「エンクロージン
サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。
こんにちは nakamura です。最近トルシエさんテレビ出すぎじゃありません？ウィイレヤロウヨ。オフサイドダヨ！ さてさて今回は意外と知られてないけど、サイトをインターネットに公開する際には知っておいた方が良い Apache の設定をいくつかご紹介します（一部 PHP の設定もありますが）。この設定をしていないからといって即危険にさらされるという訳でもありませんが、リスクの芽は摘んでおくに越した事はありませんよね。 無駄な HTTP ヘッダを返さない ディストリビューションにより異なるかもしれませんが、CentOS デフォルトの設定の場合 Apache が返してくる HTTP ヘッダは以下のようなものです。 HTTP/1.1 200 OK Date: Mon, 05 Jul 2010 01:01:14 GMT Server: Apache/2.2.3 (CentOS) X-Powered
村上春樹ロングインタビュー - 勇気と想像力、そして少々のお金
考える人 2010年 08月号 [雑誌] 出版社/メーカー: 新潮社発売日: 2010/07/03メディア: 雑誌購入: 224人 クリック: 3,524回この商品を含むブログ (107件) を見る 村上春樹の3日間にわたるインタビュー。聞き手の松家仁之（マツイエマサシ）*1さんがどういう人か存じあげませんが素晴らしいですね。じっくりと人間村上春樹に迫ります。2007年の「走ることについて語るときに僕の語ること」は独自のメモワールでしたが、今回は松家さんという聞き手がいての、作家になる前となった後の人生の回想録。面白かったです。「走ることについて･･･」の時には、音楽はコンピュータを通してはまだ聴く気になれない、とかなんとかでＭＤウォークマンで走っていたのにすっかりiPodをフル活用しているあたり、しっかり進化しています（笑）。 中でも感銘を受けた生きる姿勢についてちょっとだけ抜粋。何せ一
【レポート】Google Chromeのチームが使っているエクステンション19 | エンタープライズ | マイコミジャーナル
Google Chrome runs web pages and applications with lightning speed. Official Google Blog: Use Chrome like a proにおいてGoogleのChromeチームメンバーがよく使っているエクステンションが紹介されている。Chromeを開発しているチームのメンバーがどういったエクステンションを使っているのかわかって興味深い。紹介されているエクステンションは次の通り。 Opinion Cloud - YouTubeおよびFlickrのコメントを要約するためのエクステンション。数千といったコメントがついているコンテンツに対する意見を大まかにチェックしたい場合に役立つ。 Google Voice - 電話機能、SMS機能、プレビューINBOX、メッセージ通知などを実施するエクステンション(米国のみ)
日本のGoogle 社員が選んだ Chrome エクステンションのご紹介
Chrome エクステンションは、Chrome に便利な機能を追加することで、自分好みにブラウザをカスタマイズできるブラウザの拡張機能です。世界中の開発者の皆さんのおかげで、様々な種類のエクステンションが多数登録され、多くの方に利用していただいています。 先日、Google の社員に対してよく使っている Chrome エクステンションについてアンケートをおこないました。その中からさらに厳選したトップ10を、今回はランキング形式でご紹介します。ぜひ、試してみてください。 Doc PDF/PowerPoint Viewer 添付ファイルで送られた PDF、PowerPoint プレゼンテーション、その他のドキュメントなどのデータをダウンロードすることなしに、 Google Docs Viewer でブラウザ上で簡単に表示することができますRSS Subscription Extension 専
CSRF脆弱性対策 - monjudoh’s diary
CSRF対策のtokenはセッションIDで良い セキュリティ的にワンタイムトークン>セッションIDではない。 という話が、この辺の記事に書かれています。 高木浩光＠自宅の日記 - クロスサイトリクエストフォージェリ（CSRF）の正しい対策方法 高木浩光＠自宅の日記 - CSRF対策に「ワンタイムトークン」方式を推奨しない理由, hiddenパラメタは漏れやすいのか？ 肝はこういう事のようです tokenは外部のサイトから知り難い(実質知り得ない)ものでないといけない セッションIDはcookieに格納される document.cookieは自ドメインのものと親ドメインのものしか見れない→外部サイトで動かすJavaScriptからは参照できない セッションIDは『暗号学的に安全な擬似乱数生成系で生成されているはず』(引用) 推測も事実上できない 補足すると、セッションIDを使用したCSRF対
History of Client-side Web API Technology
As part of GDD Tokyo last week, I gave a talk on Google's "client-side Web APIs". That phrase is a bit of a mouthful (and not a common one), so here's what I mean by it: An "API" is a way for one piece of software to interact with another piece of software, a "Web API" is a way for one website to interact with another website, and a "client-side Web API" allows a website to interact with another w
丸1日かけて、ホテルオークラ特製「フレンチトースト」を再現してみた - はてなニュース
以前はてなブックマークで“死ぬほど美味い”と絶賛されていたホテルオークラ特製の「フレンチトースト」をご存じでしょうか？美味しさの秘密は、“パンを丸1日漬け込む”という老舗ホテルこだわりのレシピ。今日はホテルオークラが公開しているレシピを参考に、このフレンチトーストを実際に作ってみました。 ▽ ホテルオークラ東京の死ぬほどうまいフレンチトースト - ただのにっき(2010-07-10) こちらのエントリーで紹介されたのをきっかけに、はてなブックマークでも「美味しそう！」「食べてみたい！」という声が続出していたホテルオークラ特製のフレンチトースト。筆者によれば「ナイフを入れるとサクっと入る。マシュマロより軽い手ごたえ。表面が少しカリっとしていて、中はふんわり。」という今までにない食感とのこと。パンを丸1日漬け込んで作るため予約が必須で、その予約もすぐに埋まってしまうほどの人気ぶりだそうです。
皮のレシピや焼き方、タレまで――家庭でおいしい餃子を作る方法 - はてなニュース
中華料理店やラーメン店はもちろん、家庭でも欠かせない人気メニュー、餃子。ひき肉やキャベツ、ニラ、ネギ、シイタケなど、好みによって具材を変えられたり、焼餃子や揚げ餃子、水餃子といったさまざまな食べ方があるのも、餃子の魅力です。今日は、おいしい餃子作りの参考になるサイトを紹介します。 ■おいしい餃子を作ろう！ ＜餃子の情報が満載！＞ ▽ 専門学校のメリット・デメリット – 専門学校のメリット・デメリットを紹介 餃子の歴史をはじめ、材料や包み方、余った具の活用法など、基本から実践まで、幅広い餃子の情報が紹介されているのがこちら。スープカリー餃子やサンマ餃子といった変わり種のレシピも掲載されています。 ＜プロに学ぶ餃子レシピ＞ ▽ 餃子職人のおいしい餃子レシピ こちらのサイトでは、餃子一筋30年の料理人による、おいしい餃子のレシピが紹介されています。家庭で参考にしたい、プロならではの“おいしさのコ
映画「ノルウェイの森」を見ました - 内田樹の研究室
好きな小説が映画化されたとき、どこを見るか。これはなかなかむずかしいです。 基本的にはやりかたは三つあると思います。 （１）原作をどれくらい忠実に映画化したか、その忠実度を評価する。 （２）原作からどれくらい離れたか、何を削り、何を付け加えたか、フィルムメーカーの創意工夫を評価する。 （３）原作のことは忘れて、単独の映画作品として、「同じジャンルの他の映画」とのシナリオや映像や演技の質的な違いを評価する。 『ノルウェイの森』の場合、なにしろ累計発行部数が１０００万部を超えた「超ベストセラー」です。 僕だって三回読んでしまったくらいですから、「原作を読んでないふりをして映画を見る」ということは不可能です。 となると、残る選択肢は「忠実度を見る」か「裏切り度を見る」かしかありません。 僕はあらゆる映画評において「できるだけいいところを探してほめる」ことを心がけているので、「忠実度においてすぐれ
WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション
WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション 2010年11月04日 15:44Mac 追記 これは2010年に書いた記事なんですけど、今でも使っているものはここで挙げたものの半分以下になりました。 最近 Mac を使い始めてここに来た方、せっかくだからこっちを見ていってください。 Mac を使い始めたら真っ先に覚えてほしいキーボードショートカット10項目 « 頭ん中 MacBook Air の影響もあると思うんだけど 周りで Mac を始める人が増えてきたので 「これ入れとくと幸せになれるかも」 というMac のアプリケーションを挙げてみます。 いいものはいっぱいあるんだけど Mac らしいと思うものや、Windows から Mac に移行した人が困りそうな点を補ってくれるものを優先 ブラウザや Dropbox, Evernote
Mac環境構築まとめ システム環境設定から常用アプリまで - mizchi log
あるいはガラパゴスという名の緩やかな死 MacBookのバックライトが死んだので研究室で余ってたMacBookProを借りてきた。 17インチは殺人的な重さなのでMBAほしい。で、どうせ買い換えるので作業ログを残す。 かなり自己満足な設定なので汎用性はない。参考までに。 環境設定 ExposeとSpaces Spacesを有効化 3x3 Exposeの画面左下にSpacesを配置(右下は画面サイズ変更時にグラブすると誤ヒットする) 画面遷移のメタキーはCtrl Dock 画面上の位置 左 アイコンサイズは小さめ Dockを自動的に隠す、にチェック いらない子を右クリック → オプション → メニューから取り除く Finder, iTunes, 環境設定以外は消す ターミナルとアクティビティモニタを登録 アクティビティモニタのみ「ログイン時に起動」に設定。 キーボード周り 環境設定 - キー
JDK6のHttpServerで簡単なWebサーバーを作る - きしだのHatena
日付があしただけど気にするな。 (今は11/23) JDK6にHTTPサーバークラスが用意されてるということで、これを使って静的ファイル専用の簡単なWebサーバー作ってみました。 package webserver; import com.sun.net.httpserver.HttpExchange; import com.sun.net.httpserver.HttpHandler; import com.sun.net.httpserver.HttpServer; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.io.PrintWrit
asahi.com（朝日新聞社）：ミシュラン東京・横浜・鎌倉版（４） 横浜・鎌倉星獲得 - 社会
●横浜・鎌倉の星を獲得したレストラン ★★二つ星 馳走きむら 横浜市青葉区 日本料理 真砂茶寮 横浜市中区 日本料理 ★一つ星 あいちや 横浜市西区 日本料理 麻布野田岩 横浜市西区 うなぎ うかい亭あざみ野 横浜市青葉区 鉄板焼 太田なわのれん 横浜市中区 すきやき シェ・ナカ 横浜市栄区 フランス料理 しま村 横浜市港北区 うなぎ 菅井 横浜市中区 日本料理 すし八左エ門 横浜市神奈川区 寿司 鮨はま田 横浜市中区 寿司 天七 横浜市中区 天ぷら 天濱 横浜市中区 天ぷら 風來蕎 横浜市青葉区 そば 瑞木 横浜市中区 日本料理 隣花苑 横浜市中区 日本料理 以ず美 鎌倉市長谷 寿司 円 鎌倉市山ノ内 日本料理 鎌倉山 鎌倉市鎌倉山 牛肉料理 田茂戸 鎌倉市坂ノ下 日本料理 つるや 鎌倉市由比ガ浜 うなぎ 鉢の木北鎌倉 鎌倉市山ノ内 精進料理 梵蔵 鎌倉市材木座 そば ミッシェルナカジマ
あまり知られていないMacの23の小ワザ集 | Last Day. jp
Macのまだまだ知らない機能実はMacのショートカットや機能は知られていないものが沢山あるんです。今日は秘密の機能とショートカットのリストをここに公開します。 今日紹介するリストを全部知っていれば、あなたもジーニアスバーのお兄さん並の知識があるかもしれません！ すべてのMacユーザーに贈る 便利でしかも無料なMacのアプリ100個紹介 | Last Day. jp Macを最大限にスピードアップさせる23の方法 | Last Day. jp Screenshots 皆さんご存知の通りOS Xにはビルドインでスクリーンショット機能があります。下にスクリーンショットの機能のまとめです。 基本⌘+Shift+3 (フルスクリーン) ⌘+Shift+Ctrl+3 (フルスクリーンをClipboardへ) ⌘+Shift+4 (選択) Optionをホールドしたまま = センターから選択。 Shif
Java回顧録 〜独白： 僕は全ての事をJavaから学んだ〜 - 風と宇宙とプログラム
先日Javaのコードを３年振りくらいで書いてみたら、無性にJavaについて振り返ってみたくなった。Javaの誕生当時をリアルタイムで経験した僕にとってJavaは感慨深いものであり、多くのことをJavaから学び、僕を成長させてくれた原点でもある。 僕とJavaとの関わりはJavaがまだOakと呼ばれていた頃から始まる。1994年の暮れの頃だったと思う。Oakで書かれたWebブラウザはWebRunnerと呼ばれていて、両者はほとんど一体だった。会社の上長からこれを使って携帯情報端末機器を開発することになったから、秘密裏に調査しておくようにと突然指示された。後になって知ったことだが、Oakは家電などの組込み系を想定して開発されたもので、当時Sunは日本の多くのメーカに呼びかけてOak を普及させようとしていたようだ。 その頃のインターネット事情というのは、Mozilla(Netscape)が登場
Apache チューニング Tips | Carpe Diem
先日、Web サーバ勉強会 #2 が開かれました。内容は、Apache のチューニングということで、参加したかったのですが、他の予定があって参加できませんでした。 そこで、僕が個人的に行っている Apache のチューニングを紹介したいと思います。最初、スライドで作成しようかと思ったのですが、ブログにまとめたほうがよさそうなのでブログにまとめていきます。 まず、大前提として Apache をチューニングするうえで、大事なことはその Apache が提供する Web サービスの種類のよって大きくチューニングする内容が異なるということです。例えば、動画・写真共有サービスと株価情報のサービスを比較すると、当然のことながら大きくサービスの内容が異なりますし、HTTP レベルでみるとクライアントからのリクエスト数、データサイズ、などがかなり違ってきます。 ですので、まずは自分が扱っているウェブサービ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Chromeに乗り換えて1年、私が愛用している拡張機能13個まとめ : 二十歳街道まっしぐら