タグ

2011年5月9日のブックマーク (16件)

  • IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について

    IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意:下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8  HTML 4.01+EUC-JP  HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8  XHTML 1.0+

    IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について
    sbg3
    sbg3 2011/05/09
  • jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker

    iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 HTML5で作る電子書籍用のフレームワークです。jQueryやiPadのようなタッチデバイス向けのフレームワークとなっています。 複数フレームワークを併用 Lakerには定番のjQueryや、iPhoneiPadで黄金比を保つcssフレームワークのLess Framework、HTML5+jQuery製動画プレイヤーのjPlayer、スワイプイベントをサポートする為のライブラリ、TouchSwipeなども搭載されてい

    jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker
  • 本を読む OSSチャリティセミナーに参加

    OpenSource Conference(OSC)関係の団体が東日大震災のチャリティということで開いたセミナーイベント「OSSチャリティーセミナー」に参加してきました。チャリティは置いておいても、OSCに出ているグループによる技術プロジェクトの解説を1日で俯瞰できるのがオトクでした。ただし、1コマ30分なので、詳しくは個別に、となりますが。 以下、話を聞いたメモ。 東日大震災|みんなでつくる復興支援プラットホーム(Sinsai.info) みんなでつくる震災地図データCrisisMap(OSMファウンデーション・ジャパン 三浦広志氏) 震災当日通信輻輳 インターネットは比較的無事 ただし被災地域ではラストワンマイルが使えない 3/11 18:19OSMのSkype 「なにをしようか」「とりあえずUsahidiサイト立ち上げました」 sinsai.info ハイチやチリでの経験 Us

    sbg3
    sbg3 2011/05/09
  • AtomPubによるデータ管理。Ruby/Sinatra製のブログエンジン·Atomos MOONGIFT

    AtomosはRuby/Sinatraで作られたAtomPubによるデータ管理を行うブログエンジン。 AtomosはRuby/Sinatra製のオープンソース・ソフトウェア。ブログを書く際に、管理画面にログインして文章を作成するというのはとても面倒だ。MOONGIFTではWordPressが基盤になっているが、管理画面で文章を作成することはほぼない。テキストファイルが書いてスクリプトでアップロードしている。 エントリー一覧 ブログで使われているWeb APIは大きく分けて二つある。一つはXML-RPCでもう一つはAtomPubだ。今はAtomPubが主流になりつつある。そのAtomPubを使って作られたブログエンジンがAtomosだ。 Atomosは管理画面を持たないブログシステムだ。その時点でかなりマニアックかもしれない。操作は全てAtomPubを使って行う。エントリーとページ、タグ、年

    sbg3
    sbg3 2011/05/09
  • newを封印して、JavaScriptでオブジェクト指向する(1)

    以下はプロトタイプ的継承だけで一通りの機能を実現できる、という一つの例です。もちろん他にも書き方はありますし、newを使うのがよくないと主張しているわけではないです。 (誤解を生みそうな文体が混じっているようなので追記: 2011/5/14) 春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。ちょっと長くなるので目次です。 クラス(に相当するオブジェクト)を作る オブジェクトからオブジェクトを作る(インスタンス化) 単一継承 多重継承 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらは書くのが面倒臭い上に気をつけないといけない点がたくさんあります。Ja

    newを封印して、JavaScriptでオブジェクト指向する(1)
  • 英語をモノにしたい人のためのお勧めYoutube動画。 - My Life After MIT Sloan

    私は今でも、英語はまずは最低限の単語力を身につけること、 それから英語を読んで、書くことが最も効率がいいと思っている。 (特にある程度の英語力が身につくまでは必須。 参考記事:英文を読むのが苦手な人はまずは単語力を身につけよう (2010/01/15)) しかし、留学したいとか、仕事で使うとか、余程の動機がなければ、なかなか続かない。 でも、人間楽しいことなら続けられる。 そして、やっぱり生の英語を聞くのは楽しい。 というわけで、Youtubeの英語コンテンツで、英語の勉強に役に立ちそうなものとか、 単に面白いから、英語やりたいなと思いそうなものとかを紹介しておく。 長かったゴールデンウィークもあと一日で終わり、最後にこれらでも見て楽しんでください、という意味もこめて。 1.ABC News または好きなニュースコンテンツ@Youtube 英語を勉強するにあたって、英語系のニュースを聞くっ

    sbg3
    sbg3 2011/05/09
  • 美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms

    チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもいくつか用意されている ので好みで選ぶことも出来ますね。 ボタン、セレクト、ラジオボタンやチェックボックス等のフォームデザインを変更できます。デザイの変更はcssのみで可能なフレームワークタイプなのでノンプログラマーな方でも気軽に使えそうですね。IE6以外は対応しているようです。 フォームのデザインをガラッと変えることが出来ます。よりデザインに統一感を出せそうですね。 テーマも用意されている Ideal Formsはフレームワークとしても利用出来るように、cssでデザインが変更できる作りになっています。現在は3つのcssファイルがテーマとして用意されていますのでそ

    美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms
  • アイディア次第。現在のディレクトリ以下を公開するWebサーバ·Annyong MOONGIFT

    Annyongは現在のディレクトリをルートとしてWebサーバを立ち上げるソフトウェア。 AnnyongはRuby製のフリーウェア(ソースコードは公開されている)。自分のローカルにあるファイルを人に渡したいと思ったら、どういう方法が考えられるだろうか。一つはSMBやAFPといったローカルのファイル授受を行うプロトコルを利用する方法だ。 一覧は見やすい もう一つはHTTPやFTPを使う共有方法だ。FTPはパスワードが平文なので嫌がる人が多い。そこで使ってみたいのがHTTPだ。入れておくと便利なライブラリがAnnyongだ。 Annyongは実行したディレクトリを9292番ポートで公開するソフトウェアだ。HTTPでアクセスすると一覧を見やすくグラフィカルに表示してくれる。HTMLや画像であればブラウザ上で表示される。それ以外のファイルはダウンロードできる。 JavaScriptなら実行できる デ

    sbg3
    sbg3 2011/05/09
  • HTML5の魅力。Webブラウザ上で楽譜を表示し、MIDIを使って奏でる·ABC.js MOONGIFT

    ABC.jsはWeb上で楽譜を表示し、演奏するJavaScriptライブラリ。 ABC.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によってWeb上の表現力は高まっている。SVGでベクター画像を描いたり、WebGLによって3Dオブジェクトを描き出すこともできる。Canvasを使うプロジェクトも多い。 きれいな楽譜表示 これまではFlashを使ったり、画像を使わなければならなかった表現もHTMLだけでできるようになる。その一つ、楽譜を描き出して音まで鳴らせるのがABC.jsだ。 ABC.jsは特定の記法に沿って記述することでWebブラウザ上に楽譜を書くライブラリだ。JavaScriptを使っているので、その場で手直ししてレンダリングし直すこともできる。楽譜共有サイトのようなものを作ることさえできるだろう。 Firefoxなら演奏とダウンロードも そして描

  • これは便利。FirefoxでePubファイルを閲覧する·EPUBReader MOONGIFT

    EPUBReaderはFirefoxアドオンとして動作するePubリーダー。 EPUBReaderはFirefox用のフリーウェア。電子書籍のフォーマットとして注目が集まっているePub。スマートフォンをはじめ、iPadKindleAndroidのようなタブレットデバイスについては多数のePubリーダーが開発されている。 日語も対応 だがデスクトップ向けについてはあまり使いやすいリーダーは存在していない。デスクトップでも手軽にePubが読みたい、そう思う方はEPUBReaderを使おう。 EPUBReaderはFirefoxアドオンとして提供されている。そのためWebブラウザ(Firefox)さえあればePubファイルが閲覧できる。左側に見出しの一覧、右側に文が表示される形式になっている。日語ローカライズも行われている。 設定 オンラインにあるePub配布サイトから探すことも、ロ

  • journaux 出挙 親力親為 :五指山@神田西口商店街、ランチは大汗

    sbg3
    sbg3 2011/05/09
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • dotcloud で Amon2 をつかう! - tokuhirom's blog

    Perl5 の PSGI アプリケーションが死ぬほど簡単につかえる dotcloud の beta 版がリリースされ、一部の Perl monger に invitation がばらまかれているとともに、id:miyagawa さんがdotcloud に join したというニュースもあり、ゴールデンウィークまっただなかの日Perl Mongers のあいだでは空前のコンフィブームとなっています。 というわけで、DotCloud で hello world をやる方法。 sudo easy_install dotcloud dotcloud create tokuhirom dotcloud deploy --type perl tokuhirom.hello mkdir hello cd hello echo "sub {[ 200, [ 'Content-Type' => 'te

    sbg3
    sbg3 2011/05/09
  • たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮&最適化してくれる『zbugs』 | 100SHIKI

    これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素敵でシンプルなので一度試してみるといいですよ。

    たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮&最適化してくれる『zbugs』 | 100SHIKI
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。

    モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲーム歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS