大洗行ってきました3

前

http://ni3shi9p.hatenablog.jp/entry/2013/04/20/131847

これでラストー

 結構動物園とか水族館とか好きなのでテンションの上がるワタクシと対称にテンションの下がる同行人を置き去りにアクアワールド内へパンツァー・フォー(もちろん徒歩)

イワシ！鰯！

なんかすごい手のカニが。

この写真のサムネが王蟲にしか見えなくて困る。

ちょっと遠目から見てほしい。怒りに我を忘れた王蟲が見えるから。

ミズクラゲ(光は人工)

クラゲは素晴らしいのである。癒されるのである。やばい。

サムクラゲというらしい。

美しい。横からカポー様の「きもーいｗｗｗｗ」ってのが聞こえた気がしたけど気にしてはいけない。あと爆発しろ。

シンカイウリクラゲ。

比較対象がないけどとても小さくて可愛らしい。

あと光ってた。見えないけど。ずっと眺めてられる。

カブトクラゲ。

これも小さくて可愛くて光ってた。クラゲ飼いたいなぁ。

スナイロクラゲ。

わさわさしてて良い。

カミクラゲ。

この子も小さい感じ。でも長い。脚が。

中が透けて見えて綺麗だったー。

ヤワラクラゲ。

ちょうミニマム。ちょうかわいい。あと薄い。ゴミと間違えて捨てるレベル。

ミズダコでけーよｗ

なんと設備が見れます。テンションが上がります。

プラントとかなんかそういうのってよく分かんないけどテンション上がるよね。

めっちゃいい顔で寝てる。かわゆす。

他にも色々見たり撮ったりした。

そんでイルカとアシカのショーを見て早めに退却。

もうちょっといたかったけどバスが一時間に一本しかないので断念。

バスの中からねこにゃーさん発見して即降り。

いや、もともとそこで降りる予定でしたが。

ジャッジメントですの(二回目)

B子さんです。名前はなかったｗ

ばあちゃん元気そうで何よりです。

地震の影響で崩れたのか、とてもホラーに見える保育園。

指が入ってしまった。

パゾ美さん。風紀委員チームはぼくには覚えられません…

スズキさん。自動車部チームって実はかなり活躍してる気がする。

ここいらでまいわい市場に戻ってきてかくれんぼ終了。

これで半分ちょっととか気合い入りすぎでしょう…ｗ

あんこう焼き。ぶれちゃった(´･ω･`)

美味しかったので次行ったらまた食べよう。

そして大洗駅に帰還。

スタンプラリー参加賞引き換えてひとまずの目的は達成。

あとはラッピング電車で帰るだけ。

素敵なラッピング電車。

横から

前から(前は特にラッピングなし)

一年生チームみんなかわいいな。

歴女チーム。

あんこうチーム。この子らだけ特にネーミングないね。まぁ主人公組か。

秋山さん愛してるよ秋山さん。

生徒会チーム。会長かわいい。踏み台にされたい。

バレー部チーム。

だんだん時間がやばくて正面から取れてないのが残念。

自動車部はいなかった…(・ω・)

反対側には戦車がたくさんあるみたいなので次はそっち側も見たい。

なんと華さん水着である。

そして秋山さんかわいいとてもかわいいお付き合いを前提に結婚を申し込んでいいですか秋山さん。

そんなこんなでラッピング電車で水戸へ戻り第一回大洗観光・スタンプラリー会戦は終了。

次は第二回大洗観光・カツを食す回が予定されているので残りのかくれんぼはその時に制覇したい。

大洗に行ってきました2

http://ni3shi9p.hatenablog.jp/entry/2013/04/20/103825

の続きです。

どのタイミングで食べたか忘れてしまったみつだんご。たぶん序盤だったけどｗ

あまうま！一本60円！やす！

ようやく茨城信用組合到着。

いい時間になってきたのでスタンプラリー目的の人がたくさんいました。

ももちゃん。おっぱいおっきいねももちゃん。

柚子ちゃんですよね…

ジャッジメントですの(違)

審判A子さんらしい。

解説がｗ

黒森峰の副隊長さん。

ふと思ったんだけどガルパンってつり目さんが多い？

お姉ちゃん。決勝戦はいい戦車道でした。

元気もりMori森

写り込んでいる怪しい影は気にしてはいけません。

ケイさん。

コーチ。

いい加減特定されるレベルで写り込んでなんかいない。

会長。笑顔が眩しいぜ会長。

ここの店主？さんが愛想のいい人だった。皆干しいも買うといいよ。俺買ってないけど。

ももがーさん。へそ！

串かつ美味しかった。何本もいけるレベル。

お母さん。

もう写り込みとか気にしたら負けだなってそろそろ思ってたんだけどさすがに俺以外は隠した。

カチューシャ！ちっちゃかわいい！肩車したい！

なんかバッジつけてらっしゃいました。

近くにはもちろんノンナ。

山郷さん。一年生チームもまだ全然名前覚えられてないのだぜ…(調べながら書いてる)

このへんで磯前神社に到着。お花咲いてました。

奥にピントが合ってしまったためにすごく中央が不気味になった1ショット。

なんかこう、不安な気持ちにさせられる。迫ってきてる感じがする。こわい。

これは綺麗に撮れた。

絵馬も聖地らしいものがいっぱいあったけど一応自重。

学園艦ですか？(違います)

正直ミリタリーは詳しくないのでよくわかりません。

鳥居の内側からの眺めがすごかった。これは写真じゃ駄目だなー。綺麗でした。

撮り忘れたけど餅つきやってておもち頂いてしまいました。美味しかったー。

神社の近くに澤さん。一年生チーム人数多すぎるよぉ。

神社の正面？的な鳥居。

まったく関係ないけどいわゆる暴走族的な方々が法定速度でぐるぐる回ってた。

実物始めて見たわー。

サンダースの姑息な子(アリサさん)。反省会は無事乗りきれたんだろうか…

ぼちぼちまわりつつ大洗ホテルへ。

俺はあんこう鍋を食べたかったのだけれどもあんぱんと串かつとつきたての餅を食べ歩いた友人sが入らねぇと言い出したし時間もアレだったのでちゃんとしたお昼はなしの強行軍。

ホテル前にガルパン自転車組が。裏山死刑ｷﾞﾘｨ

そして秋山さんだけいねぇぞｷﾞﾘｨ

ホテル内に冷泉さん。眠そうっすね。膝貸しましょうか。いらないっすか。そっすか。

ここのスタンプ台は気合い入ってた。

そして最終目的地アクアワールドへ向けてテクテク出発。

途中で見つけたレストラン。

「レストラン　サカテカス　ホラ・メキシコ」

早口か。

見事なビーチ。

降りなかったけど、降りても楽しそうだったな。

そしてアクアワールド。

さすがにアクアワールドまでの海岸線沿いにはかくれんぼしてなかった。

アクアワールドもガルパン。もうホント町あげてのお祭りになってるなー。素敵。

関係ないけどここの入り口で写真撮るの頼まれた。

俺どっか旅行行くとかなり高確率で写真頼まれるんだけど、そんなに写真頼みやすそうな顔してるの？

そして頼んでいらした女性グループの方々もパンツァー・フォーしてました。

やっぱり戦車道は乙女の嗜みですね。

生花がよく見たらパンツァー。

まだ終わらねぇよ！続きます。

大洗に行ってきました1

意気込んで始めてみたけどすっかり放置なこのブログ。

まぁいいやちょうどいいので雑記に使おう。

というわけで大洗行ってきました。

写真パシャパシャしてきたので貼っていきます。

ツイッターだと少々めんどくさい量なので。

まずはスーパーひたちで水戸へ到着。

黄門様おはようございます。

大洗鹿島線に乗っていざ大洗へパンツァー・フォー！

30分くらい？で到着。本数は少ないけどすぐです。

そして早速秋山さんがお出迎えしてくれてテンションガン上げ

(秋山さん以外もちゃんといます)

エキナカもガルパン。大洗女子学園全国大会優勝おめでとう！

会長のお出迎え。

駅降りてすぐのインフォメーションセンター？にも秋山さん。

一位です。一位です。さすがです。でもきっと

「西住どのを差し置いて私なんかが一位だなんて…私の中ではもちろん西住どのが一番であります！」

って考えてるんだろうなぁ秋山さんかわいいなぁ。

ガルパンオンリー…いきたい…きっと西住どのと秋山さんがイチャイチャしてる良質な本がいっぱいあるんだろうなぁ…

写真撮り忘れたけど、ここでスタンプラリー台紙をもらってスタンプラリーへパンツァー・フォー！(徒歩)

あ、レンタサイクルはママチャリなら普通にありました。GW前だったからかな？

まずはまいわい市場へ。

ガルパン以外にもなんかあった。

そしてここでまいわい市場が10時オープンだということに気づく(9:30くらいに着いてた)

仕方ないので先にマリンタワーへ。

すっごい見づらいけどタワーの上にあんこうチームがいます。こっち見てます。

ちょいとお金払ってタワー登ると良い景色とあんこうチームのお出迎え秋山さんかわいい。

海ー水平線ーきれー

良い景色を堪能して時間を潰し、ついでにここでアクアワールドの前売り券を購入して再びまいわい市場へ

市場の中にも会長が。

とりあえず今おみやげ買ってもしょうがないしあんこう焼きは11時からだったので生徒手帳だけ購入してスタンプ押してリゾートアウトレットへ。

…向かったんだけど見事に写真撮り忘れた。スタンプ台以外にガルパン置いてなかったからなぁ…(クズ)

そのまま徒歩で茨城信用組合へ。

大野さん発見。向かいに大野ってお店があったｗ

54人てすごいよね…

良いお花

ツチヤさん欠席…だけど

二階に飾ってくれてました。

ありがてぇ、ありがてぇ。

秋山さんのお母さん。

改修中ｗ

おりょうさん！

ここであんぱんを購入、食べ歩き。

近藤さん。なんかあんぱん食べながら写真録ってる人がうつりこんでるけど気にしない。俺じゃないし。

新三郎さん

五十鈴さんのお母さん＋ノボリ

 佐々木さん。ガラスの中にいると写り込みが気になっちゃうよー

ペコさん欠席(´･ω･`)

そどこさん

華さん。お花屋さんは近くになかった気がするｗ

あきやまさん！！(違う)

ダージリンさん

なんとお茶セットまで

左衛門左さん欠席…

ちくしょう！あきやまさんチャリ裏山死刑！

全っ然見えないけどアンチョビさん。

アンツィオの扱いは一体なんなんだ…

ゴモヨさん。風紀委員チームはマジわかんねーよ…

西住どのー

阪口さんかわいいよ阪口さん。

決勝戦頑張ってたね阪口さん。

秋山さんきたー！！秋山さん！秋山さん！！秋山さーん！！！

(秋山さんだけ連射しまくってた)

ていうか写真撮りすぎだ。全然終わらね。続く。

Google Native Client SDK スタブアプリケーショの中身を見よう

[Step 6: Review the code in the stub application.]

スタブアプリケーションの中身を見てみましょう

というわけでずらずら見ていくようです。よし、どんどん教えてくれ(他力本願)

Makefile

MakefileはNaClモジュールを実行可能形式(.nexe)にしてくれますよ。ってまんまだな。

NaCl SDKはCライブラリの実装の違いから、newlibとglibcって二種類のGCCベースのtoolchains(コンパイラみたいなもん？)があるけど、

この Makefile は newlib toolchanを使ってビルドしてるらしい。

make についての情報はGNUを見ろと。

まぁいいやスルー。

hello_tutorial.nmf

hello_tutorial.nmfはマニフェストファイルだそう。glibcを使ってコンパイルするときはアプリケーションが使う共通ライブラリを明記する必要があるとかなんとか…なるほどわからん。

hello_tutorial.html

hello_tutorial.html はアプリケーションと通信するWebページで、モジュールを読むために<embed>要素を持ちますと。

↓な感じらしい

<div id="listener">

  <script type="text/javascript">

    var listener = document.getElementById('listener');

    listener.addEventListener('load', moduleDidLoad, true);

    listener.addEventListener('message', handleMessage, true);

  </script>

  <embed name="nacl_module"

     id="hello_tutorial"

     width=0 height=0

     src="hello_tutorial.nmf"

     type="application/x-nacl" />

</div>

<embed>のパラメータについて

src はNaClマニフェストファイルの指定で、ブラウザが.nexeファイルをユーザ環境の命令セット上に読み出すために使う…のか？

width, height は、この例ではグラフィックコンポーネントを使ってないので0に指定。

type はMIMEタイプを x-nacl と宣言してるとか…とりあえず実行可能なNaClモジュールのこと指してるのか？

明記されてないけどnameとidはそのままHTMLの他のタグと一緒だろう。

<embed>は<div>に囲まれてるけど、これは2つのイベントリスナーを持ってる？とか？

一つはブラウザがNaClモジュールを正常に読み込んだときに発行される"load"イベント、

もう一つは"message"イベントで、 NaClモジュールが(pp::Instanceクラスの中の) PostMessage()メソッドを使って

アプリケーション内のJavaScriptコードにメッセージ送るときに発行されるものらしい。

このように<embed>の親タグとして<div>を置き、イベントリスナーをくっつける方法で

"load"イベントが発行される前にイベントリスナーがアクティブになることを保証している。らしい。

なんで保証するかとかは…わからん。

このチュートリアル中の単純なイベントハンドラは moduleDidLoad() と handleMessage() の2つのJavaScript関数で実装されてるそうだ。

moduleDidLoad() は<div>タグの 'status_field' を変更します。

handleMessage() はNaClモジュールから送られたメッセージをブラウザのアラートパネルに表示します。

load, message及びその他のNaClイベントはデベロッパーズガイドのProgressEventsで説明されてる、らしいです。

hello_tutorial.cc

NaClにはモジュールとインスタンスという概念があります。(らしいです)

モジュール(module)は実行可能形式である.nexeファイルにコンパイルされたCまたはC++コードのこと。

インスタンス(instance)はモジュールによって管理されるWebページの矩形？です？矩形って…？

インスタンスがビジュアルコンポーネントを持たないWebページならその矩形の値は 0×0。

インスタンスは<embed>タグを含むWebページによって生成される。

複数の<embed>タグを使ってモジュールを参照するようなWebページではモジュールは予めモジュールがインクルードされているかもしれない？ん？わからん。とにかく、このような場合NaCl実行システムモジュールを一度呼び、モジュールによって管理される複数のインスタンスを生成する。

チュートリアル中の例では hello_tutorial_x86_32.nexe または hello_tutorial_x86_64.nexe というユーザのマシンの

アーキテクチャに頼ったモジュールのどちらかを使っている。また同様に一つのインスタンス(モジュールを読み込む一つの<embed>タグ)を使う。

モジュール用のソースコードはhello_tutorial.ccにある。このソースコードはC++ NaClモジュールが要求する最低限のコード、

つまりInstanceとModule2つのクラスの実装がされている。これらの実装は実際にはまだ何もしない。

…ってしないの！？

なにやらこのチャプター難しくてよくわからんかったな…間違い多いかも。

とりま今日はここまで…

Google Native Client SDK NaClモジュールのコンパイルとスタブアプリケーションを実行

[Step 5: Compile the Native Client module and run the stub application.]

Step4でDLしたスタブは<div>エレメントが更新されると呼ばれるアプリケーションだとかなんとか。

さっそくコンパイルしてみましょうということで

> cd pepper_19/examples/hello_tutorial

> make

で、ローカルサーバ起動して hello_tutorial.html 読み込んでみましょうと。

examples/ で python httpd.py してhttp://localhost:5103/hello_tutorial/hello_tutorial.html アクセスしてなにやら Status が SUCCESS になってるから…うん、たぶんおっけ！

 

Google Native Client SDK スタブの作成

[Step 4: Create a set of stub files for your application.]

スタブを作ろう

hello_tutorial.zip をDLします

解凍します

作成された hello_tutorial フォルダには以下のものが含まれます

hello_tutorial.html

hello_tutorial.cc

hello_tutorial.nmf

Makefile

make.bat (for Windows)

hello_tutorialフォルダごとexamplesに移動しましょう

(Windowsでは解凍のときにhello_tutorialフォルダの中にhello_tutorialフォルダが作成されるかも知れません。

その場合は中のhello_tutorialフォルダだけ移動してください、とのこと)

プロジェクトのフォルダについて

チュートリアルではexamplesフォルダにプロジェクトを配置しています。

これはチュートリアル用のアプリケーションを実行するためにローカルサーバがそこで起動してるからです。

他のフォルダにプロジェクトを配置するときは環境変数に NACL_SDK_ROOT を追加し、バンドルディレクトリのトップ(ホニャララ/pepper_20 とか)を設定。これでMakefileが動くとかなんとか？

んで、もし推奨の examples にプロジェクト配置してる場合は、アップデートの際に気をつけないとPepperフォルダが全部上書きされてプロジェクト消えちゃうわよとのこと。

Google Native Client SDK ローカルサーバでの実行とChromeのセットアップおよびサンプルの実行

[Step 2: Start a local server.]

セキュリティの関係で？アドレスバーにドラッグドロップで簡単に更新する機能は動かなくて？詳しくはこちら( http://www.w3.org/Security/wiki/Same_Origin_Policy )だそうです？

…うん、まぁこれは外部に公開してるサーバに配置するとき読めばよさそうだ。

それでSDKには簡単なWebサーバが同梱されてるからそれ使って動作確認できるらしい。

pepper ディレクトリに移動してpythonの httpd.py コマンドで起動

> cd pepper_20\examples

> python httpd.py

ファイアウォールがブロックしてくるからアクセス許可して http://localhost:5103/ にアクセスでサンプルプログラムの起動を確認しました。

英語ばっかり並んでるとエラーに見えちゃうのは日本人だからかな…ｗ

もしWebサーバをすでに用意してるなら～とか書かれてるけどスルー。

[Step 3: Set up Google Chrome and verify that Native Client is working.]

Chromeさんのセットアップここに入ってんのかよと思わず突っ込んでしまった。

しかしどうやらChromeのバージョンがPepperのバージョン以上じゃないとダメらしい。

確認したら大丈夫でした。

で、NaClを有効にしてねとのことなので about:flags とChromeのアドレスバーに打ち込んでフラグの設定画面を開く。

日本語の場合カタカナでネイティブクライアントどうのこうのって書いてある項目があるのでそこまで移動して「有効にする」のリンクをクリック。

その後一番したの再起動ボタンをクリックしてChromeを再起動。

書いてないけどデバッガとか他の項目もあったからついでに有効にしといた。

最後に、開発しながら常に最新バージョンのアプリを読み込みたいならChromeのキャッシュ無効にしとけよってことらしいので右上のスパナのアイコンから ツール→デベロッパーツール クリック。

下にデベロッパーツールのウィンドウ開くのでさらに右下の歯車アイコン→Generalの項目にあるDisable cacheにチェックいれて終了。

ここまででChromeのセットアップはおしまい。

動作確認にまずChrome Web StoreからNaClのサンプルをインストール( https://chrome.google.com/webstore/detail/hadhbabalhndlakccdnkbalfndbjhjcn )して動作を見てみる。

そのあと例によってPepperフォルダ行ってmake実行するとサンプルソースがコンパイルされるのでローカルでも確認してみなさい

> cd pepper_20\examples

> make 

ってことらしいんだけど…あれ、なぜかサンプルのリンク先が404だな。何か間違ってるのかなぁ。

→どうやら最初の make だけじゃ不十分だった模様。

> cd pepper_20/examples/hello_world_interacctive

> make

でサンプルソースの make 実行したらとりあえず Interactive Hello World in C++ のサンプルは動きました。

一個ずつ make しなきゃだめなのかなー。

なんかmakefileの記述漏れな気がする。

とりま一旦サンプルの確認まではできたのでここまで。

続きはまた後日。