はてなブックマーク

なんとなく使っているとはまるCSSの継承について、今月号のWebDesigningでまとめていたのですが、どっかのサイトに載ってないかと探していたらいろいろ情報がありまして。 まず、本当にありえないと思うのが、親タグのスタイル指定の一部分だけが勝手に子タグに反映されてしまうという点。 しかも、親タグがid属性で指定していた場合、idの優先順位が高いため、指定の仕方によっては子タグで上書きしようとしているスタイルが反映されない点。 このあたりがCSSを難しくさせているとしか思えないのです。 しかも、JavaやObjectiveCなどと違い、親タグは無限に設定可能です。というか、HTMLの構造上そうならざるを得ません。 そうなると、何がなにやら、という状況に容易になってしまいます。 このあたりはFirebugの機能を使ってフォローできますけど。 今後、CSS3で今まで画像で済んでいた要素が、ス

2010/9/10現在に日本でリリースされたiPhoneとandroidの画面解像度とOS,ブラウザバージョンをまとめました。 ※NexusOneも載せました。 viewportの話の際も触れましたが、Android用のサイトを作るとき、縦横切り替えすると画面ががたがたになるので、注意です。 特にXperiaはviewport設定を無視して320pxで表示しようとするので、さらに厄介でもあります。 スマートフォン画面解像度、OS、ブラウザまとめ 機種名 解像度（横×縦） OS ブラウザ HT-03A 320×480px Android 1.5→1.6 Chrome 3.1.2 Lynx (SH-10B) 960×480px Android 1.6 Chrome 3.1.2 Xperia (SO-01B) 480×854px Android 1.6 Chrome 3.1.2 IS01 960

Windowsでもwebアプリなら、iPhoneアプリを作ることができます。 こちらのオライリー本がかなり詳しく解説してるのでオススメ。 iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法 作者: Jonathan Stark,増井俊之,牧野聡出版社/メーカー: オライリージャパン発売日: 2010/08/07メディア: 大型本購入: 19人 クリック: 556回この商品を含むブログ (49件) を見る またwebアプリ制作の補助としてMobiOneという開発ツールがありまして。 こちらもかなり使えそう。リンクが張れるのでアプリのプロトタイプの作成にも使えそうな感じです。 ダウンロードは→403 Forbidden 無料です。

先月までスマートフォンサイトを制作してまして、そこではまったのがXperiaのChromeです。 Androidの実装が不十分だったのかわかりませんが、スマートフォンサイトには欠かせないmetaのviewport指定が無視される仕様？になっていました。 metaタグのviewport指定というのは何か？といいますと、スマートフォンで画面表示時の横幅のサイズが指定するためのものです。 サンプル：<meta name="viewport" content="width=480,user-scalable=yes" /> widthは幅指定 user-scalableはユーザー側での拡大縮小可否。スマートフォンは解像度が様々なので（IS01は横幅960px）、viewport指定がないとこちらが意図した表示がされません。 Xperiaはデフォルトの表示設定が中になっているのですが、その設定だと横

i-modeの場合 i-modeはNetFrontという日本純正のモバイルブラウザを改造してできたものです。少ない1ページあたりの容量で表現を高めるために、絵文字を外字として割り当てている点が特徴的です。 言語はCompactHTML(chtml)という、HTMLのサブセットのような言語を独自に拡張したもので記述します。chtmlベースのi-modeはMOVA端末に搭載されていきました。 この当時の話が語られてる以下の記事が興味深いです。CompactHTMLは日本初でW3Cの仕様となった規格になります。 参考：５年先を見据えた携帯ブラウザー　ＡＣＣＥＳＳ鎌田社長　ｉモード10歳の肖像（３）　：日本経済新聞 やがてFOMAというシリーズがリリースされます。それまでのPDC端末ではなく、GSM互換の高速規格W-CDMAに対応したシリーズです。これらの端末には進化したNetFrontをベースと

windows用には公式のiPhoneエミュレータってないので、ちょっとさびしい感じなのですが、非公式にAIRiPhoneというものがあります。 でもこれが不安定すぎて正直使えない。 で、やっと使えそうなwin版のiPhoneエミュレータが出てきました iBBDemoというものなのですが以下のページよりDL可能です。フリーです。 Blackbaud Labs - Labs Article 使い方についてはスクリーンキャストがアップされてます。 Created by Camtasia Studio 4

まだどこにも情報が出てないみたいですが、今朝おいらのau W51Hでgoogleにアクセスしたらリニューアルしてました。 従来の検索、Gmail、地図、ニュース、iGoogle、写真に加えて以下のﾒﾆｭｰが追加になっています。雑感も加えて以下まとめますと… フィード：GoogleReaderのモバイル版です。実は以前何かの拍子にアクセスできて以来、便利すぎて使ってました。web版とほぼ同等の機能を実装しています。ない機能は翻訳機能ぐらいですかね… そのときの記事→Google Readerのモバイル版を使う方法 - さくっとモバイル 今読み返すと、そのころの使い勝手の悪さはすべて払拭されてますね。あと、PC同様にスターもつけられますし本当に便利です。 G00G-411：日本で言う104サービスみたいな通話情報サービス？日本で使えるのかな…英語しゃべれないので発信できませんｗ ドキュメント：

SmashingMagazineが海外のモバイルサイトについて紹介しつつ、設計指針等をまとめています。 Mobile Web Design Trends For 2009 - Smashing Mobile | Smashing Mobile このサイトをみてまず思うのは 海外のモバイルサイトも日本並みに進化してきている 日本のケータイサイトとの違いって何なのだろうか？ というところです。 最近、日本のケータイがガラパゴスだといわれたりしていますけど、本当にそうなのだろうか？と思います。海外でもこれだけケータイサイト盛り上がってきてるじゃない！ 日本のモバイルサイトをグローバルに対応することって可能なんじゃないか？と。 それは以前海外版モバゲーを取り上げた記事でも感じたことです。 海外のモバゲー「MobaMingle」 - さくっとモバイル 日本のケータイサイトをガラパゴス状態から脱して、

今日はGungiに来ています。ARがテーマだからなのです。 このスレでその模様をメモっていこうかなと思います。 主催はマイネットジャパンさんです ■拡張現実ライフ 佐藤さん 電脳メガネのようなものや電脳スターラリーの方です。始めてお話聴きます。 ■芸者東京エンターテイメント 田中泰生CEO 天下一カウボーイ大会以来ですねー。どんなお話が聴けるか楽しみです。 なんか参加者全員で「ARでやってみたいこと」についてブレストをするとか。 おいらがやりたいことかあ… AR＝究極のモバイルインターフェイスというところで、ARを使った３D情報インターフェースの設計をやりたいんだよなあ。 ニコニコで見たARフォトビューワーは斬新過ぎた 電脳メガネのような状態でみるモバイル情報サイトとかGPS連動ライフログとか…体験設計、情報設計…（うだうだ） wikipediaリーダーとかどうかな 拡張現実ライフ 佐藤さ

土曜日はかなり濃い時間をすごさせていただき、関係者の皆様ありがとうございました。 プレゼンターのかたがたもエントリーをアップされているようなので、そのまとめと、あと自分が感じた感想を書きます。 ■国立情報学研究所 大向さん SBM研究会発表資料 - 清澄日記 ■慶応大学 上野さん 第2回SBM研究会に参加＆発表してきた感想 - kasihara1の日記 ■日本野望の会 広木さん 日本野望の会 » Blog Archive » SBM研究会発表資料を公開します ■西谷さん 第２回SBM研究会、お疲れ様でした！: Tomo’s HotLine ■はてな 伊藤さん まだなかったです。naoyaのはてなダイアリー ■IIJ藤田さん ブログはないとのことです。 ■ライブドア井原さん nabokov7; rehash : 第二回SBM研究会 & 研究用データの公開方法 ■ECナビラボ須藤さん まだなか

最後は、パネルディスカッションです！ 事業者さんと開発者さんとの取り組み・協力関係、ニーズについて ■事業者から、どんなデータなら渡せるか？ はてな伊藤さん パブリックに公開されているもので、ユーザーに著作権がないものなら提出できる。 ただ、小さな会社なので、完全にオープンにするというよりは個別に対応という形。東工大や慶大 上野さんにはデータを渡したりした。 ライブドア井原さん 事業者から見たSBM 情報を創出するもの：ブログ、SNS 情報に付加価値を与えるもの：SBM⇒人のつながり、情報のつながりを創出していくもの 情報を消費するもの：RSSリーダー 研究者に研究してほしいこと SBMなどのレコメンドエンジンをつかった広告マッチ率の上昇 ライブドアクリップは3つの入り口 マイクリップ ウォッチリスト：友達同士でレコメンド オススメクリップ：システムレコメンド 研究者に提供できるもの サイ

午後の部もその３です。 まずはIIJの方です IIJ藤田さん 「Kikker（筑波大の神林さん制作）を改良⇒KikkerMR」 ■Kikkerというレコメンドエンジンの欠点 処理が重いという欠点 ■はじめた理由 Map/Reduceを仕事ではじめたので ※-MapとReduceという二つの関数を書くだけで分散処理ができる。Googleのサーチエンジンは分散並列処理を行っている。googleは論文しか出してないので内容は不明。 Kikkerのようなアプリに向いた処理なので実装してみよう！ ■KikkerMR Map/Reduce版Kikker 大量のクローリングと解析ならMap/Reduceが最適化 ただ、プログラムの構造を変えないといけないので、ガッツリ書き直さないといけない… hadoop0.8.2ベース ■仕組み Mapにはてぶの新着ページのクロールと解析 Reduceにエントリされて

ついにはてなの伊藤さんが語りますぜ！ はてな 伊藤さん 「はてなブックマーク２」 ■統計で見る現状 ユニークユーザーが300万/月（アクティブはわからない、Googleアナリティクスで計測）。ネットレーティングスだと130万/月ぐらい ユーザー登録数20万6千 20万になったのが今月に入ってから。 だんだん二次関数的な伸びに はてぶと競合サイトのブックマーク数比較 主要なメディアのページの新着記事比較 はてブが75%のシェア ライブドアが15%ぐらいのシェア yahooはfc2より少ない 国外だとdiggがすごい。デリシャスのブックマーク数が6000万弱、はてブは8000万強 視聴者性別：男60%（まんべんなく）、女40%（20代が多い） カテゴリ別のアクセス IT ゲーム エンタメ 過去ログ ■リニューアル直後の数字 ユーザー純増数：一日で640増、一気に跳ね上がった日がある。上昇傾向

午後の部です。ただいまは、今回ライブ配信を行っているShareCastの仕組みについてのお話です。 日本野望の会 広木さん 「普通のやつらのメタを行け」 日本野望の会 » Blog Archive » SBM研究会発表資料を公開します ■ソーシャルグラフ、SBMの関係 ソーシャルグラフにおけるSBMというのはAさんとBさんのユーザーニーズの媒介となるもの ■URLonURL 元記事⇒ブクマ⇒メタブクマ といったメタ構造 メタメタ32メタ 元記事⇒ﾆｭｰ速＋⇒まとめブログ⇒まとめブログメタ⇒まとめブログメタメタ だんだんアイロニックになっていく傾向がある。 ■イントラネットからブックマークはやめようね ルータのIPがばれちゃうよ セッション情報を含んでのブクマは危険だよ ⇒セキュリティを強化する必要 ■改善策 ブックマークレットとかの仕様を決めましょう。ブックマークレットのフィッシュング問題

今日はソーシャルブックマークに関心のある人たちで集まったSBM研究会に来ています。 夏のvol1に引き続き、vol2です。 第２回ＳＢＭ研究会プレゼン資料公開＋ライブ中継用ＵＲＬ: Tomo’s HotLine 今日はその模様をだらだら書いていこうと思いますｗ 国立情報学研究所 大向さん ■自己紹介 glucose（グルコース）というFeedreaderを作っていた方 RNAというアンテナソフトもつくったり、RSSリーダーを作ったり ⇒サイト推薦機能、クリップ機能（入れたのに注目されなかった） セマンティックwebを通して、メタデータが大事だよという提案を書いたり ■コミュニティの偏りをどう知るか？ はてな村は偏っているといわれる、どう世間から偏りが発生しているのか？ 偏りがないと意味を成さない仕組みの有効性を検証する ■協調フィルタリングのSBM推薦は有効か 10000件につき4件クリッ

YUMEMIというケータイでは有名な会社が、いろいろ技術情報を公開しています。 先日は「mod_ktai_image(画像変換モジュール)」のアップデート版を公開してます。これを導入することで、ケータイの解像度に最適化した画像を表示できるようになります。 mod_ktai_image(画像変換モジュール) - YUMEMI Labs これ以外にもいろいろ便利なモジュールを公開しています。 mod_ktai （もっど・けーたい） - YUMEMI Labs 他の会社でもこういう活動を行っていまして、そういうものは率先して使っていったほうが良いと思います。（ライセンスをよく注意して読まなければなりませんが） 以下、ケータイサイト開発で便利なモジュール/フレームワークをまとめます。 ※順次追加します。（2008/11/5更新） ■Perl系 ★MobaSiF(Moba/Mobile Simple

プロローグ スマートフォン時代になって、タッチスクリーンのモーションが重要になってきてます。ですが、それをチューニングしながらUIデザインするという方法がなかなか無くてずっと探してました。 FP時代では、さっとコーディングして実機で確認したり、FlashLiteをサッと組んでモーション確認とかやってたんですが、SP時代になってそれに変わる手法がないかなあと。 jQueryMobileでさっと組めればいいんですけど、モック作成にそこまでコストを払いたくありません。 ペーパープロトタイピングという手法もありますが。大勢の前でレビューしたり、完成度の高いデザインが既に存在する場合には不向きな手法です。 探しに探して…ついに見つけました「TAP」という存在を。Fireworks信者のおいらにはうってつけの方法でした。以下、手順を示していきます。 …あ、Fireworksない方はAdobeStore