今年の3月4日に行われたセマンティックWebコンファレンス2011のメモを今頃になって発見。まとめる前に311の震災があったために、そのままになって放置してあったのですよね...。

脈絡もないタイミングではありますが、せっかくなので参考URLだけでもまとめておこうかと思います。

Togetterでの実況ツイートまとめもあるので、さらに興味のある方はそちらもご覧になるとよいかと。

参考URL等の簡易メモ

「ライフサイエンス研究現場からの経験：セマンティックウェブの活用法」から

• GenoCon （合理的ゲノム設計コンテスト） - 理研サイネス
• Semantic-JSON: セマンティックウエブデータにアクセスするためのプログラミングインターフェイス - 理研サイネス
• SemanticTable.org Home - 理研サイネス
• 統合データベース 理研サイネス - 理研サイネス
• YAMATO : Yet Another More Advanced Top-level Ontology

「Ontology Reusing and User Interface」から

• RelFinder - Visual Data Web

「LODAC Museum: 博物館情報のLinked Data」から

• LODAC Museum
• dbpedia lite

「メディアがLinked Dataを活用する理由」から

• New York Times - Linked Open Data
• Who Went Where
• BBC - Ontologies - The Programmes Ontology

「医薬品情報LODの広がりと活用への道」から

• HCLSIG/LODD/Data - W3C Wiki
• 厚生労働省：世界保健機関による日本の治験・臨床研究登録機関の認定について

「オープンガバメントとLinked Data」から

• Data.gov
• Clean Air Status and Trends - Ozone
• FlyOnTime.us
• FixMyCityDC

「地理空間領域に於けるLODの調査報告」から

• 地理空間情報プラットフォーム　ポータルサイト
• 地理空間情報プラットフォーム
• DIASデータ俯瞰システム
• Global Change Master Directory (GCMD)
• Data.gov - Geodata Catalog
• GOS - Geospatial One Stop
• GEO-Portal - GEOPortal Home
• GeoNames
• wiki.dbpedia.org : DBpedia Mobile

「Linked Open Dataチャレンジ 開催概要」から

• Tim Berners-Lee on the next Web | Video on TED.com

「イベントオントロジとLOD：イベントオントロジ」から

• イベント情報構造化・可視化のためのオントロジー工学的検討(PDF)
• 感染症関連イベントオントロジーの構築(PDF)

「イベントオントロジとLOD：イベント間の関係記述」から

• タスク・ドメインロールに基づくオントロジー構築ガイドシステムの設計と開発(PDF)
• An Upper Ontology for Event Classifications and Relations(PDF)
• 事態オントロジー：言語に基づく推論のためのコトに関する基本知識(PDF)

「イベントオントロジとLOD：ベイジアンネットワーク」から

• エージェントシステム：第6回講義参考資
• ベイジアンネットワーク入門 (1)
• ベイジアンネットワーク入門 (2)

パネルディスカッション「日本にも広がるか? LOD」から

• Open Community Data Initiative(オープンコミュニティーデーターイニシアチブ)
• たすくスケジュール - 子どもから大人まで、簡単で楽しい iPhone/iPod touch/iPad/Android 向けスケジューラー
• 横浜開港150周年　みんなでつくる　横濱写真アルバム
• INAZUMAP | Android（アンドロイド） Appinfo

Android SDK使うと便利なこと多いと思うの。なので、自分用メモ的にEclipseのインストール方法などを超ざっくりとまとめておきます。一度設定しちゃえば何度もやることはないけど、どなたかの参考になれば。デザイナーさんこそ入れといた方がいいよ、ホント。

では以下から。長いけど。イクリプス？　エクリプス？　こまけぇこたぁいいんだよ。

JDK (Java SE Development Kit) 入れる

基本 Java SE Downloads に必要なものが揃ってるけど、Macの人は古いOSでない限りJava SE 6とかが最初から入っているみたい。だから、Macの人は気にせず次に進んでよいちっく。気になるようなら Mac OS X Developer Library に行けば、最新版の Java for Mac OS X が確認できますよーと。

Eclipse 入れる

Eclipse Downloads から Eclipse IDE for Java Developers というやつをダウンロード。それじゃなきゃいけないワケじゃないらしいですが、よく分からないので迷う必要なし。解凍したファイルはアプリケーションかどっかに置けばいんじゃないかな。

起動すると、ワークスペースどうするよって訊かれるので、よく分からなければ素直にOKしてもいいし、クラウドで管理できるフォルダのパスに変えちゃってもよし。ワークスペースはいくつも作れるし。私は試しにDropboxの中に作ってみたりもした。

ちなみに特に日本語化は考えず進みます。日本語化したい人はEclipse 日本語化言語パック (サードパーティ版)あたりを使うみたい。

Android SDK 入れる

準備が整ってきたように見せかけて、ここからが大事。Download the Android SDKからパッケージをダウンロードして、置きたいところに置く。

Eclipse起動して、「Help」＞「Install New Sotware」を選択。「Add...」をクリックして、適当なNameを設定、Locationには「Android SDK - https://dl-ssl.google.com/android/eclipse/」を入れて「OK」。

「Developer Tools」にチェックを入れて「Next」で次の画面に進み、「Finish」をクリックするとインストールを開始。終了したら再起動するか訊かれるので、再起動。

SDK Location を設定

Eclipseの環境設定メニューから「Android」を選択して、Android SDKのパスを入力。私の場合だと

/Users/YamsMacBook/Documents/DropBox/Dropbox/AppStudy/android-sdk-mac_x86

あ、そしてここで .bash_profileにtoolのパスを通す作業が入るワケですが。苦手な人にとってはここが難関といってもいいくらいですが。でも怖くないのよ。

.bash_profile に tool のパスを通す

ターミナルを立ち上げると、下の画像みたいなのが出ます。自分のMacに付けた名前が出てくるはず。背景色とか文字色は設定次第だから人によって違う。何も設定してない人は白いんじゃないかな。

vi .bash_profile　って打つ。

と、なんかバーッと出てくる。これは vi ってエディタで .bash_profile を開いてる状態。

ここに自分の環境の tools のパス書き足さないといけないんだけど、ターミナル不慣れな人はこの書き換え方が分からない、ってことが慣れてる人には分からない。私、分かるの。私、不慣れだから。

というワケで vi を使う場合の書き換え方。キーボードの「i」押すと、下の方に「INSERT」って出てきて、編集ができる状態になる。

カーソルキーで編集したいところまで移動して、一行追加したら「esc」キーを押すと編集モードから抜けられる。最後に「:wq」って打つと、保存してエディタを終了します。

もちろんパスは人によって違うから、アプリケーション以下に置いたら

export PATH=$PATH:/Applications/android-sdk-mac_x86/tools

DropBoxに置いたら

export PATH=$PATH:/Documents/DropBox/Dropbox/AppStudy/android-sdk-mac_x86/tools

はい、通った！　これでパス通ったよ！
でも、まだまだやることいっぱいあるので、もうちょっと頑張らないといけない。

プラットフォームやらアドオンやらを追加

今度は AndroidSDK and AVD Manager でプラットフォームやらアドオンやらをインストール。AndroidSDK and AVD Manager はメニューの「Window」もしくはツールバーのドロイド君＋下矢印のアイコンから行ける。

「Available packages」を選ぶと「Android Repository」とか「Third party Add-ons」とか出てくる。ここで何を入れるかというと、APIとかそういうの。ここで必要なものを入れとかないと、使いたい機種のエミュレーターが立ち上げられなかったりする。

自分に必要なものをチョイスしていけばいいんだけど、分からなかったら全部入れたらいい。入れるもの増えると時間はかかる。いつでも追加はできるので、足りなかったらまた入れたらいい。

ここまでに入れたものは、「Installed packages」を見ると分かる。

エミュレータを起動しちゃうよ

はー環境構築ようやく完了。ちとボリューミィだったよね。はい、ボリューミィついでに、ここで Android Virtual Machine を作らねばならぬ。油断するな。

Android Virtual Machine はさっきも見た「Android SDK and AVD Manager」の左上にある「Virtual Devices」から追加・編集ができる。都度必要なもの、好みのものを作ればよろし。

「Start」でエミュレータが起動する。だーいぶ重いと思うけど、待てば立ち上がるはず。たぶん。設定が失敗してなければ。MBAだと、だいぶだいぶ重いかな。MBPならそんなでもないけど、まぁ重い。Gingerbreadはともかく、Honeycombは話にならないぐらい重い。しかたない。

ちなみにDDMS(Dalvik Debug Monitor Service)から実機のキャプチャも撮れたりする。これはかなり便利。便利というか、むしろこの機能のためだけに苦労した感さえある。繋いでる実機を選んで「Screen Capture」を選ぶと実機の画面がそのまま表示され、画面を保存したりコピーしたりできるようになる。

実機の方でも「設定＞アプリケーション＞開発」メニューからデバッグモードにするとか擬似ロケーションを許可とか選んでおくと、何かの時にたぶん幸せ。

残念ながら実機は一度にひとつしか表示できないみたい。エミュレーターは何個でも立ち上げられるので、デスクトップが下の画像みたいな感じのパラダイスになる。一番左のがREGZA実機、真ん中がAndroid 2.2のエミュレーター、一番左がAndroid 1.5のエミュレーター。

まとめ

長かったよね。長いよ。

アプリの開発に関わる人はもう使ってると思うけど、ウェブだけって人はあまり縁がないかもしれない。でも入れとくといいと思う。長いけど。

私が一番最初にインストールしたのは去年の9月頃なのだけど、その際にはtextdropさんのMacにAndroid SDKをインストールという記事を参考にしました。お世話になりました。

関連URL

• Java SE Downloads
• Mac OS X Developer Library
• Eclipse Downloads
• Eclipse 日本語化言語パック (サードパーティ版)
• Android SDK | Android Developers
• MacにAndroid SDKをインストール (Update 2010.05.25)

MacBookProでも同じ設定をしてあるのだけれど、人任せに済ませてしまった部分が大きいので、新しく購入したMacBookAirは自分で設定してみることに。

というワケで、これは自分の環境用の手順メモであり、初心者としての記録でありますし、基本デザイナーの立場でのセッティングなので、プログラマの人とかには参考にならないと思います！

手順メモ（作業順）

Homebrewのインストール

HomebrewはRubyで記述されたインストールツール。とりあえず以下を叩けばOK。

ruby -e "$(curl -fsSLk https://gist.github.com/raw/323731/install_homebrew.rb)"

簡単・シンプル・MacPortsとかより楽チン。何それいいことずくめ！

Homebrewから必要なもの一式インストール

$ brew install コマンドを使うと、さくっとインストールできる。感動。

$ brew install git sqlite imagemagick mysql subversion zsh ruby wget memcached

このたった一行で、Git / SQLite / ImageMagick / MySQL / Subversion / Zsh / Ruby / Wget / memcached　がインストールできちゃったよ。わー省エネ。

RVM　インストール

RVMは複数バージョンのrubyを共存・切替するためのツール。

bash < <(curl -s https://rvm.beginrescueend.com/install/rvm)

「~/.bash_profile」というファイルを作って以下を書き込む。

[[ -s "$HOME/.rvm/scripts/rvm" ]] && . "$HOME/.rvm/scripts/rvm"
  # Load RVM into a shell session *as a function*

UTF-8・BOMなしで保存しないといけないけど、vimから作業しちゃえばとりあえず問題なし。
あと、このタイミングでターミナルの再起動が必要。

Ruby　インストール

すかさずRVMのコマンドを使う。

rvm install 1.9.2

Rubyのデフォルトを1.9.2にしておく。

rvm use --default 1.9.2

たったこれだけ。

SSHの設定

すでに母艦のMBPに存在する自分用の鍵をごにょごにょコピーする。

~/.ssh/id_dsa

他の人にいじられたら困っちゃうので、パーミッションを変更。自分以外のゲストアカウントとかからは見えないようにしちゃう。

chmod 600 ~/.ssh/id_dsa

これで安心。

Rails の設定

Ruby on RailsはWebアプリケーション作成のためのフレームワーク。RubyGemsっていうRuby用のパッケージ管理システムを使って、サーバーサイドで使う的なものを入れる。

gem install rails ww termcolor sinatra rmagick json libxml-ruby capistrano

ここで何を入れるかは、使う物次第。とりあえず弊社的に必要なものを入れた。

ここまでで設定はいい感じに終わってるんだけど、各プロジェクトごとにやらないといけないことも残ってる。必要なもの持ってきたり、データベースをコピーしたりは、必要がある時に随時やること。

bundle install

cp config/database.example config/database.yml

あと、当たり前だけど、使う時にはRails起動させないとね。これは毎回。

rails s

以上、メモ終了！ Thx to @neotag ＆ @tobotoboto ！

関連URL

• Homebrew -- MacPorts driving you to drink? Try Homebrew!
• Git - Fast Version Control System
• SQLite Home Page
• ImageMagick: Convert, Edit, Or Compose Bitmap Images
• MySQL :: 世界でもっとも普及している、オープン ソース データベース
• Apache Subversion
• Zsh
• オブジェクト指向スクリプト言語 Ruby
• GNU Wget
• RVM: Ruby Version Manager - RVM Ruby Version Manager - Documentation
• Ruby on Rails
• RubyGems.org | your community gem host

Android端末のdevicePixelRatio[to-R] を見ると、devicePixelRatio="1.5" のデバイスがたくさんある。私の愛機も "1.5"。しかし、"1.5" であるが故に起こっているに違いなさそうな問題がある。（勝手にそう思ってるけど、違ってたら教えてください）

シャドウがおかしくなる問題

text-shadow にも box-shadow にも言えることなのだけれど、line-height や shadow の数値設定によって、おかしな挙動をする。よく見ないと気付かないかもしれないけれど、シャドウの加減、おかしいでしょ？

html { -webkit-text-size-adjust: none; }
body { font-size: 100%; line-height: 1.5; }
h1 { margin: 5px; font-size: 140%; text-shadow: 0 3px 1px #999999; }
p { margin: 5px; color: #ffffff; font-size: 100%;
    text-shadow: 0 3px 1px #333333; background: #999999; }

<h1>テキストシャドウが微妙<h1>
<p>繰り返すと何かがおかしくなる時がある</p>
<p>繰り返すと何かがおかしくなる時がある</p>
<h1>テキストシャドウが微妙<h1>
<p>繰り返すと何かがおかしくなる時がある</p>
<p>繰り返すと何かがおかしくなる時がある</p>
<h1>テキストシャドウが微妙<h1>
<p>繰り返すと何かがおかしくなる時がある</p>
<p>繰り返すと何かがおかしくなる時がある</p>

line-height:1.5;
text-shadow: 0 1px 1px;

line-height:1.5;
text-shadow: 0 2px 1px;

line-height:1.5;
text-shadow: 0 3px 1px;

line-height:1.0;
text-shadow: 0 1px 1px;

1.5 という数字の呪縛

キャプチャの例で言うと、正常に表示されているのは2つめの line-height:1.5; text-shadow: 0 2px 1px; の時だけ。トリガーは line-height と text-shadow の縦方向へのずれにあるっぽい。

あ、ちなみにキャプチャは載せてないけど、text-shadow: 0 1px 0; のようにぼかしを 0 で設定すると、シャドウ自体が表示されず、なかったことみたいになる。

devicePixelRatio での画像ぼやけ問題とかは散々言われてきたけど、Android端末が 1.5 とかいう意味不明の数字を使っているおかげで、単純にCSSで表現すればすべて解決できるって問題じゃなくなってきた。気が。する。よ。

リアルに「こまけぇこたぁいいんだよ」って言いきるか、今まで以上に細かく計算するかのどちらかを迫られる時代がAndroid時代なのではないだろうか。時代はすでに壮大に幕開けちゃってるから、どうにかするしかない、Android無双。

関連URL

• Android端末のdevicePixelRatio[to-R]

最近お仕事で iPhone 用のパーツを使ったり作ったりすることが増えました。

素材を配布しているサイトもあるけれど、PSDが多かったり日本語対応した素材を見かけなかったりで、しかたなく自分のための Fireworks PNG 用パーツをちまちま作り貯めていたのです。

そしたら結構パーツが揃ってきたので、公開・配布することにしました。

iPhone_Parts_for_Mockup_JPN

ダウンロード

• iPhone_Parts_for_Mockup_JPN.zip （約2.5MB）

ライセンスについて

私個人の権利は特に主張しません。モックアップ作成の用途に限りご自由にお使いください。iPhoneの筐体部分については Appleの規約に準じます。

また、もともと自分の作業用につくっていた素材なので、正確性などは保証しません。業務などでのモックアップ作成に使用していただくのももちろんOKですが、その際には自己責任でのご利用をお願いいたします。

その他

もし気に入っていただいた時には、Twitter などでその旨を教えていただけると嬉しいです！

素材の作り込みが甘い部分などもあるので適宜アップグレードするかもしれませんが、モックアップ作成用には十分という気もするので、そのまま放置するかもしれません。