はてなブックマーク

2012年は位置情報サービス元年になると以前の記事にも書きましたが、そのキュレーションの為にちょっと１つ試みをやってみようかと思う。 これを読んでいる方は『Foodspotting』というアプリをご存知だろうか？ » Foodspotting - Find and recommend dishes, not just restaurants. Foodspotting って何々なん？ 簡単に言ってしまえば、「どこかお店に入って食事するならその撮った写真を皆で共有しよう！」というもの。 日本でも既に「mill」や「piccious」など、いろいろな食べ物関係アプリがリリースされているので、食事の際に写真をiPhoneでやっている人は１つくらい利用しているのではないだろうか。 しかし、残念なことにどのアプリも（私の記憶が正しければ）そのアプリでアップした情報は、そのアプリでしか共有されない。

ヒマナイヌの川井（@himanainu_kawai）さんによる「USTREAMER養成講座-初級編-」を拝見したあと、twitter上でiPhoneアプリ「Ustream Viewing Applicaiton」の検索結果について会話が盛り上がっていた。 「Ustream Viewing Applicaiton」は基本検索をしても出てこないので、外出先ではUstreamの面白い中継があっても見れない。 しかし最近日本ユーザーでも検索に出てくるようになった。特にそらの（@ksorano）さんは「Popular」に掲載されたりと海外の人も目にする機会が多い。 ずっと有名かメジャーにならなければいけない、と思っていた。 が、どうやら違うようだ。 「USTREAMER養成講座-初級編-」後のtwitterで教えてもらったのだが、単に申請をすれば通るらしい。 申請については、Ustream.tvの「

Google Chromeの拡張機能紹介その２ 今回は写真を撮る人が知っとくと良い拡張機能を５つご紹介しよう。 AutoPatchWork こちらはページ送りがあるページにおいて、そのページ送りをすべてつなぎあわせてくれる拡張機能だ。 Firefoxのときは、 Greasemonkeyを利用すると可能だったモノがこちらでは拡張機能インストールで実現可能になる。 FlickrやTumblr、mixi日記といった何ページにも及ぶページが存在する場所では重宝されるに違いない。 Fittr Flickr こちらは写真撮る人なら大抵はつかっているだろうFlickrの拡張機能。 インストールをすると、それぞれ個別の写真レビューの下に「写真サイズ」と「写真情報」が追加される。 右下にはサイズ選択が「T: サムネイル」、「S: スモール」、「M: ミディアム」、「O: オリジナル」と選べて、ポップアップで

以前にもココでも紹介したiPhone用のパノラマ写真作成アプリ「 AutoStitch Panorama 」が、昨年（2009年）末にバーション2.0になった。 処理スピードも飛躍的にあがって、これまで左→右への連続写真しか合成出来なかったのだが、AutoStitch Panorama バージョン2.0 からは上下の写真も判別して合成が可能になった。 これはスゴイ進化だ。 で、昨日横浜みなとみらいに行ったので、テスト的に以下の26枚を通常のiPhoneカメラで撮影してみた。 これらをAutoStitch Panorama で合成してみる。 通常カメラだと1枚がそれなりの大きさなので、かなり合成されるまでに時間がかかるが、出来上がって来たものに圧感だ。 重ねあわせた部分を多めに作ったにも関わらず、出来上がったのは 2275 x 1179という巨大なパノラマ写真。 せっかくなので、もう1箇所で

ちょっと某コンサルの方が書いていたエントリーが気になったので、 私は自分の考えとしてエントリーを書きたいと思う。 近年、どこの企業もホームページを持っているのは半ば当たり前のようになった。 しかし、意を決して作ったにも関わらず、ホームページの効果が思うように現れない、と言っているのが現状なのではないだろうか。 それもその筈だ、効果の出ていないホームページのほとんどが、「自己満足の結果としてつくった産物」だからである。 今回は企業ホームページを作る上で、特に中小企業のホームページで良くある間違い点について幾つかあげてみよう。 1.カタログやパンフレットの資料をそのまま掲載している 一番多くあるのが、パンプレットやカタログの内容をそのまま掲載しただけのページだ。 これはホームページを作る上で一番やってはいけない。 何故なら、綺麗に仕上がっているパンフレットやカタログを取り寄せれた方がもちろん見

実は以前から出る事を聞いていたのですが、ついにリリースされました。 我らが大師匠にあたる大藤 幹がお届けする本当の(X)HTML辞典のiPhone App版です。 » 大藤幹のHYML/XHTML辞典 リリース直後ということで、現在50%OFFで購入できる。 この「大藤幹のHYML/XHTML辞典」中身は、各HTMLタグを検索できるほか、要素や属性別で一覧からや逆引きなども可能になっている。検索も可能になっている。 中身についても、意味と役割のみならず読み方やサンプルまで収録されているもの。 正直言って、この値段でこのボリュームは業界人ならば絶対買っておくべきアプリの１つじゃないだろうか。 これまで分厚い辞書をもっていた人は、今日からiPhoneを持っていれば(X)HTMLタグ辞典はもう必要ないはず。 ちなみに、コラムなども入っている。 アプリの制作は沖縄の龍球インクさんです。 【追記：2

先日、FirefoxとChromeに対してGoogleMapsのローケーション（位置情報）機能が追加されたのが話題になったが、15日付けでiPhone Safariでもロケーション（位置情報）機能が使えるようになった。 日本のGoogleをiPhone Safariで見ている人は気づいていない人も多いと思うが、ちゃんと機能は日本語版にも設定項目は追加されている。 ロケーション（位置情報）機能を利用するには、 まず、Googleのトップページで「表示設定」をタッブし、一番下にある「位置情報の通知を～」を「はい」にすると、検索などの場合にロケーション（位置情報）機能が機能するようになる。 と、言いたいところだが、ロケーション（位置情報）機能を実際に使うには、表示を英語表記に変更しないといけないようだ。 なので、トップページの一番下にある「Google.com in English」で表記を変更

6月最後の週末、西新宿のベルサール西新宿にて“CSS Nite LP6”が開催された。 » CSS Nite LP, Disk 6（LP6）「CMSリベンジ編」（2009年6月27日開催）：国内産CMSに特化したセミナー 今回のCSS Nite LP6のテーマは「CMSリベンジ編」ということで、以前行われた「MT4LP5」がMovable Typeにフォーカスしたものだったのに対して、今回は『国産CMS』の紹介。 で、名を連ねたのは全国各地でCMSツールをつくっている以下の数々。 SOY CMS 日本情報化農業研究所 WebRelease 2 フレームワークスソフトウェア CMS Designer アル・デザインワークス RCMS ディバータ a-blog cms アップルップル bingo! CMS アイ・ティー・ディー Jimdo KDDIウェブコミュニケーションズ Power CMS

思わぬ情報が入ったので、こちらにもご紹介。 当サイトを閲覧してくださってるiPhoneユーザーさんもいらっしゃると思いますが、 先日サービスを延長した「iPhone for everybody」 のサービスには入っているだろうか。 もしかしたら、７月に出ると噂れている新型iPhoneの可能性を考えて契約していない人もいるとおもう。 私もそんな１人だ。 だが、どうやらこの「iPhone for everybody」のサービスは契約で新たに２年しばりになってしまうものの、途中で新iPhoneへの機種変更をしても違約金は発生しないことが判明した。 » 現行iPhoneから新型に機種変更しても"iPhone for everybody"違反にならないのかソフトバンクに聞いてみた。 | 和洋風◎ » 「iPhone for Everybody」キャンペーン、次期iPhoneに機種変更しても違約金はナ

先日、2009年夏モデルを発表したドコモとソフトバンクですが、ドコモに関してはそのケータイOSに「Android（アンドロイド）」であるのが話題になっていたが、その後ろでまた１つ大きな変化があったのをご存知だろうか。 それは、夏モデル（一部機種を除く）から新しくなったケータイブラウザで、JavaScriptやCSSの解釈が改善されたからだ。 » 作ろうiモード：iモードブラウザ2.0 | サービス・機能 | NTTドコモ その新しいiモードブラウザ2.0では、iモード対応HTML7.2をベースにブラウザキャッシュサイズと要素、属性を拡張したモノに、あらたな機能に対応させた内容になる。 具体的に仕様は以下の通り ブラウザキャッシュは500KB 文字コードは、Shift_JIS、UTF-8。 GIF、JPEG、BMPの画像が表示可 JavaScript、CSSに対応。 176種類の基本絵文字と

せっかくiPhone持っているのだけど、 「あの場所ってどこだっけ？」 とか、旅行に行く際に 「候補地を何かにメモっておきたい」 と、思うことはないだろうか。 筆者はいつもある。 と、いうのも、mixiで「1Day散策」たる散策コミュをやっているのだが、 ランチや観光地など事前に調べた場所をチェックしておきたい場合が多々ある。 そんな時、iPhoneを持っている人はGoogleMapsとで連携できる方法があるので、備忘録程度に残しておきたい。 前準備としてまずすべきは、iPhone側の設定だ。 「設定」のアイコンから、「メール/連絡先/カレンダー」の項目を選択し、「アカウントを追加」から「Exchange」を選び、Googleアカウントを設定しよう。 既に利用している人は、「連絡先」の項目をON*1にすればいい。 *1：「連絡先」をONにすると、現在iPhone上にある連絡先はすべて消える

デジタルスケープで、講師をするようになって4年になる。 おかげさまで、毎回毎回大勢の人が参加してくださるので、いまだに講師を続けていられる。 それもあって、これまで数々な生徒さんが受けてくれて、中には今でも連絡をくれる人がいるのですが・・・ 先日、設計について質問をされていろいろアドバイスしたんですが、今日になってこんな連絡がきた。 先日の個別にアドバイスどおりに作ったら、 社長が「これプロの人のソースだよね、どこでパクッてきたの？」って言われたんですよ。 そこまでは良かったんですが、直属の上司からは 「この（セレクタを長めに書く）CSSの書き方したら、他の人とかが意味わからなくて弄れなくなるから、全部Class１つだけか、１つ前からのセレクタで書いて欲しい」 って言うんですよ。どーしたらいいですか？ と、言うものだった。 会社のやり方だから、Classだけで書いて欲しいなら、それでやるし

たまたま作業している案件でIEの表示トラブルがあり対応していたところ、 チェック用に使っているIETesterがバージョンアップしていることに気づいた。 » Download IETester v0.3.2 (24MB) ダウンロードしててみると、大幅にIETesterのUIも変わっているじゃないですか・・・。 これまでIETesterでは、プルダウン形式でしか各バージョンのIEを開くことしか出来なかったのだが、今度は常時ボタンがすぐ押せる仕様なってる。 しかも、IETester画面の一番右側の「All IE Versions」をクリックすると、ダイアログ画面が開いて、指定したバージョンを一度に開くことが出来るようになっているじゃないですか。 URLもこのダイアログ画面の時点で入れられる。もちろんローカルファイルも指定できる他、逆に開きすぎたタブを一度に閉じるボタンも追加されているじゃない

分け合って、ちょっとまとめエントリー書きます。 (X)HTML+CSSのWebサイトを制作するとなった場合、 最近では各種ブラウザがWeb標準を意識しているためCSSのレンダリングも難しいことをしなければ、ほぼ期待通りのレンダリングが望めるようになってきました。 しかし、まだ必ずしも前方互換のみ、という訳にはいかないものです。 特に長く IE6の時期があったため、システム絡みなどで IE6 から抜け出せない場合もある。 つまり古いブラウザに対してもある程度の対応（後方互換）もしばらく必要なのがWeb制作者現場の現状なのです。 と、いうことで・・・・ 現時点での、総まとめとしてのメモ書きを記述しときます。 ハック系 ■Netscape 4、Win IE3-4、MacIE 4、Mac IE 5 の排除 CSS解釈の厳しい古いブラウザにうちては、以下を用いてCSSを読み込まないようにさせてしまう

さて、やっとこさAdobe® Dreamweaver® betaをインスコしてみました。 Dreamweaver betaのインストールが完了すると、「立ち上げますか？」という画面になるので起動させると、以下のような認証画面になります。 体験版では、48時間の限定使用だそうですが、CS3を購入されている方はAdobe LabsのサイトよりCS3のシリアルキーを登録すると、このDreamweaverベータ版用のシリアルキーを発行してもらえるそうです。 尚、発行方法は、ベータ版をダウンロードする画面の「同意する」文にチェックした際、現れる文章内にリンクが記載されています。 そちらからCS3の情報を入れると、シリアルが発行されます。 で、実際に立ち上げた画面が・・・以下のスクリーンショット。 新規で、HTMLファイルも開いてみたところですが・・・若干レイアウトなどが変化してますね。 目立つところ

さて、Internet Explorer 8 ベータが現在公開されている訳だが、 既にチェックをしているクリエーターさんは、このIE8の表示モードには「3モードレンダリングエンジン」機能があるのは知っていることだろう。 ここれは知らない人の為に・・・そして自分のやってる講義用にメモ書きしときたい。 内容は、先日のCSSnite in Shinjukuの五寳さんのプレゼンのをまとめ。 IE8においては、強制的にレンダリングモードを切り替えられ、 今後はレンダリングモードを変えて互換性をとっていこう、というモノだ。 具体的には以下のような方法で切り替えることができる。 DCTYPE宣言とmeta要素によるモード変更 HTTPヘッダーでのモード変更 この構成は、IE8の表示を基準としたデフォルトの“IE8レイアウト”と、互換性のための“IE7レイアウト”の２つに大きく分かれる。 そして、“IE7

今日は、月に2度のデジタルスケープでの講師だったのですが、最近、過去の受けた受講生が再び再受講してくれる事が多くなりました。 現場に派遣されて、意外にWeb制作に直接携われなかったけど、やっぱりWeb制作をしたい！と思ってくれて、かつ、私のやってる講義に再び受講に来てくれるのは大変嬉しき事です。 今日も、そんな生徒さんの1人が再受講をしてくれたんですが、ランチ休憩の時間に――、 「今Webの勉強していて、今度もやっていきたいと思うんですが、 10年先仕事があるか不安なんですが・・・」 という質問をもらいました。 この生徒さんはとても意欲がある女性なんですが、とても現状況を良く見ていると、関心した訳です。 正直、今の若いクリエーターさんを見ていると、Web制作の未来は厳しいだろうなー、というのが私の印象なのです。 もちろん、すべての人が・・・という意味じゃないんですが――、 教えてもらうのが

無事、怒涛の「Web標準の日々」2日間も終了となりました。 今回は、公演側という立場もあったり、事前にいろいろあったり、いつも以上に神経ピリピリしてたかもしれません。 終わってから全然疲れが取れないです。orz さて、私のセッション：X3『これから始めるCSSレイアウト術』ですが、 お陰様で満席＋αでした。ありがとうございました。 内容としては、今回は“CSS”にほぼ特化したセッション。 しかも、今つまづいている人や、これから始めようという人、そして教育側の人向けに作らせていただきました。 基本は、これまでデジタルスケープで教えてきた内容の集約版。 そして一番質問の多いモノや、良くつまずく点を洗い出してまとめてみて、更にわたしが実際に設計者として「この方が良いんじゃないか？」というものを提案として織り交ぜてみました。 もちろん、本来の仕様と意味がズレている箇所もありますが、それはワザと分か

朝、いつものようにWebサーフィンをしていたところ、「お？」と目に留まる記事をみつけた。 Emotional Webさんところの「IE6スタンドアローン版で条件分岐コメントを正常に動作させる」という記事だ。 元記事は、Taming Your Multiple IE Standalonesのモノなので、ひとまず元記事も読んでみた。 私は、数年前から Multiple Explorers のスタンドアローンで IE5、IE5.5 を、Browser Archiveで IE6 活用してきたが、CSSの分岐用に以前から紹介している”Conditional Comments（条件分岐）”が実はスタンドアローン版では[if IE]しか判別できないのがネックだった。これは以前にブログにも書いた。だから、これまで、[if IE]で制作をして、あとから[if lt IE 7]に切り替えていたのだが、この記事

寝る前にもう１つアップ。 毎年、この時期になると無理難題に悩まされるわけですが・・・ 今回もはじめから分かっていた問題に頭を抱える日々が続いていた。 それは、Flashの裏にコンテンツが隠れてしまう問題。 具体的に例とあげると、Flashなどの上にヘッダーなどがあり、そこがプルダウン形式になっていて、Flash部分にかぶってきたりするモノ。 CSSをかじってる人ならば、すぐに「あ、z-indexで解決できるっしょ」と言いたいところだが、実はCSSだけでは解決できない。つまり普通に(X)HTMLとCSSをいくら組み合わせても、結果はFlashの裏に隠れてしまうのだ。 しかし今回は、この問題がを解決させる使命が自分の身に降り注いでしまったのだ。orz でも、探せば、Flashの裏に隠れないようにする方法はあるものです（苦笑） Veerle's blog | Experimenting with

Firefox 2.0 になったので、これまでKOMOREBI||blogで作ってきた検索プラグインもXMLベースのに変更してみることにしてみました。 ブログのエントリーテンプレートに入れると、増えるごとに再構築が面倒なので、1ページ用意してここにまとめていきます。（CSSとかも間に合わせでしかつくってないので突っ込み禁止ｗ） 前バージョンをお使いの方は、自動的に<XML形式に変化されているかと思いますので、まだ入れたことない人だけご利用ください。 導入方法 Firefox 2.0 のブラウザ右上にある検索フィールドから追加が可能です。 このページを開いている時だけ、以下の検索プラグインが追加できるようになっていますので、この画面を閲覧している方は、ブラウザ右上の検索窓を開いてみてください。（Firefox2のみ） 今回の収録プラグイン [ 更新：2007.02.14 ] [New!] U

最近、”Lightbox”などJavaScriptをつかって、少し面白い効果をWebページに与えるのが流行っているようですが、そのまた１つとして、アンカー要素にリンクサムネイルを入れるJS「Link Thumbnail」ってのがあるようです。 » arc90 lab : tools : Link Thumbnail ここ「KOMOREBI||Blog」にも入れてみました。 やり方は至って簡単で・・・ JSを上記Link Thumbnailサイトから落としてきて、header要素にJSファイルへのリンクを張り アンカー<a>要素に class="linkthumb" を追加する。 それだけ。 もしくは、「<script>arc90_linkThumbUseClassName = false;</script> 」 を追加すれば、全てのアンカー要素にサムネイルが表示されるようになる。 CSSの

週末に、デジハリ大学でのセミナーで、Yahoo! Japan の関 裕司 氏に逢えた。 そこで、新しい検索システムなどのお話を聞かせていただいたんですが、 ちょっと私的に、翻訳システムがヒットしたので、早速 Firefox の検索フィールド追加用プラグインをつくってみました（爆） ついでに、関 氏にメールをしたら、OKもらえたのでブログでも公開（苦笑） また、Bookmarklet もご用意いたしました。 Bookmarklet でご使用になりたい方は、下記の URL を直接ブックマーク登録ください。 Yahoo!翻訳 ←こちらの方がオススメ #と、いいつつも・・・ 時間の処理を入れなければいけないんですが、そこまで知識がなくて固定時間がはいってしまいます。orz 正確な時間をいれさせる方法、知ってる人がいましたら・・・ご一報ください(爆） また、それ以外の検索プラグインをお探しの方は・・