Let's go to Bellevue!!

来月の１１日から9月の終わりまでワシントン州のベルビューにインターンシップに３ヶ月ほど行くことになりました。

ベルビューとはシアトルから22キロぐらい東に行ったところにある綺麗な街だそうです。

「Bellevue」 はフランス語で「美しい景色」という意味なので

期待度はかなりあってもいいのではないでしょうか。

そして、シアトルが近いということでこれはJapanese Heroのイチローを見にいくしかないですね。

もちろん、他の州にもぜひ行ってみたいものです！！

もう二週間を切ったのでわくわくしながらも不安もいっぱいと楽しい状況です。


さて、本題のインターンシップについてですが


PSP, Inc.という会社にて働かせていただきます。

PSP, Incは24年間のソフトウェア開発事業と16年を超えるドメインホスティングの経験を生かし、

現在日本とアメリカにて37,000ドメインをホスティングする企業へと成長しているそうです。

サービスとしては

・ドメインホスティング
・電子ニュースレターサービス
・ウェブサイトデザイン
・ウェブサイト構築

といったインターネット に特化したサービスを提供しています。

PSPのサービスはワシントン州ベルビュー市にある本社にてすべて自社開発しています。

シアトル近郊のWEB開発会社としては８位にランクインしているそうです。

今回この会社でインターンシップをさせていただくことになったのは

私の先生がPSPのCEOと知り合いでご縁があったことから

声をかけていただき、インターンシップをさせていただくことになりました。

大変ありがたいことだと思っています。

残りの少ない学生生活をより有意義にするためにも

３ヶ月ほどインターンシップを集中して、楽しんでいきたいと思っています。


といってもまだまだ準備不足ですので計画的にしないと時間はなくなります。

残りの期間をスケジューリング化して、日々を取り組んでいきます。

そして、向こうで学んだことを日々気づきとしてブログに書いていこうと思います。

さてさて、ESTAを取らなければ！！

情熱大陸「絵本作家 長谷川義史」

日本中の子供たちの間で人気がある絵本作家。

湧き上がるアイデアは日々の遊び心。

奇想天外。

絵本作家　長谷川義史氏。

１９６１年大阪生まれ。

早くに父親を亡くしている。

気がつけば父親の年齢を越えた。


絵本の存在。

食べものや着るものはいるが絵本はいるのか？


絶えず締切りに追われる生活。

ぎりぎりにならないと追い込みをかけられない長谷川氏。

ちあきなおみが好き。

誰だろうちあきなおみって？？

梅干しをつけたり、ぶらぶら歩いたりと。

ただただこうなったらおもろいんちゃうかなっていう

ものをただただ描いている。

ダメって呼ばれているものほど子供は好き。

何が起こるかわからないからだ。

好奇心をくすぐるのだ、彼の絵本は。


彼の描く作品はなぜ好奇心をくすぐるのか？

彼の思考が子供と同化しているからか？


奥さんもイラストレーターでアーティスト。

奥さん曰く、彼は「上手い」。

才能に惚れ込んで結婚した奥さん。

彼の魅力は？

子供心を持ちながら、責任を果たすこと。

自由と責任を持っている。

歴史をつなぐこと、今を伝えること。

そうだ。

自由だからこそ責任を果たす。

きままにさせてもらっているこの世界に

感謝できるということだろう。


震災で被害のあった石巻市の小学生から

彼はヒントをもらった。

そうだ、彼は助けてもらった。
いし
彼は子供を楽しませているが、

楽しませてもらっている。

その感謝を果たすために絵本を描く。

絵本を届けにいく「ラーメンちゃん」

明日に掛ける麺。

いざ、石巻市立釜小学校へ。


変わらない笑顔、失ってしまった笑顔。

とんでもない世界に巻き込んでしまった大人の責任として

彼は前に立つ。

子供たちGO!!

子供たちGO!!

情熱大陸「助産師 坂本トミエ」

８７歳の一日始まりは身だしなみから。

日本最高齢現役助産師
坂本トミエ
８７歳
大正１３年生まれ。

助産師（じょさんし、Midwife）

それは妊娠や出産にかかわり、助産行為を行う者である。
日本では、看護師や保健師と異なり、資格は女性のみである。
(引用：Wikipedia )

２０歳で助産師となった。25歳で結婚し、子供は2人に恵まれた。

そんな彼女が取り出した赤ん坊は３９１５人。

Live your life。

基本は１人で切り盛り。
時には臨時で呼んだりと・・・

彼女は人生の先生であり、お母さんの先生。
お母さんのお母さん。お母さんのおばあちゃん。

愛着形成：採乳をして、愛情を形成する。
お母さんと子供との愛情表現。

こんなとき どうすればいいのか？
そんな質問にいつ何時でも誰でも答える。
思いやりと愛情に溢れた人だ。

だからこそ落ち着く暇もない。
それこそ眠る暇もない。

ミルク、おむつの替えetc…
赤ちゃんには時間は関係ないのだ。
そんな毎日を送っている彼女。
何が彼女をそこまで動かすのだろうか？

怖いものなし。
切に思う事なし。
嫌なことはないのか。

旦那さんに先立たれた想い。
ささやかな悔いがある。
もう少し話しておけばよかったと。
人生は色々だ。


赤ちゃんは賢い。
陣痛に徹底的に任している。
陣痛によって、出てくることを必死に伝える。
命を世に誕生させるために。

不思議だ。
世の光の中に出てきた瞬間に声をあげる。
出産の瞬間は立ち会ってみたいと思った。
そうすることで命の素晴らしさを改めて感じられると思った。

命って凄い。
生きているって凄い。
今日こうしているのが凄い。

だからこそ彼女は助産師として在る。
彼女を動かしている。


世の中は大変困難な時期にあると言われている。
こんな時だからこそ特に命のありがたさを感じる。
今日も生きていることに感謝して・・・
そして、明日はもっとよく生きよう。

今日を生きたかった人のために。
明日を生きたかった人のために。

情熱大陸「コミュニケーションデザイナー 山崎亮」

コミュニケーションデザイナー
山崎亮(37歳）

1973年生まれ。
父親の仕事の関係で引越しすることが多かった。
人間関係図を頭で作りたがっている。

25歳で建築事務所。

３１歳で独立。


現在20のプロジェクトを進行中。
かつ東京大学の博士過程で論文誌執筆中。

地方の再生。

家島を変えたのは住民のおばちゃん。
そのおばちゃんの集まりのNPO。
コミュニケーションを取ることでコミュニティを生む。

これまでにない職業。
崩壊する地域をコミュニケーションデザイナーとして支援する。
地方都市の駅前活性。地方田舎の祭りによる活性。高齢者が多い島に若者を集める。


元々は公園などをデザインしていた。

人間と人間をつなぐ人が今はいない。
新分野の開拓者。

もの作らずに価値を生む。

周りにどれだけ言われようとも人をつなぐデザイン。


限界集落再生依頼。

わずか9人の集落。
廃校になった校舎が事務所。

そこにいる人達がどういう人たちのなのか？？
どういう暮らしなのか？

場の雰囲気は和らげながら会話して
人の心を出していただく。
質問よりも相槌で相手が気持ちよくなってもらう。

人それぞれは目指したい方向が違う。
着地点は？ゴールは？

懐に入るためには？
彼の生きてきたプロセスが影響。

コミュニティを作るためには

自主性、貢献感、継続。

この３つがキーワード。

そして、人を繋げること。

一度受けた案件は長く継続してサポート。
これまで結果を示してきた。
その対価は最小限。時間も最小限。

その時間を他のものに使う。
たくさんの人を繋げるために。


未来の歯車。
今までなかったものが回り始める。

文化と歴史を持って継続してきた島がある。
高機能だけを追求してきた都市がある。

どこまでも限りなくコミュニケーションを必要としている場所がある。
人は生きるために必要なこと。

コミュニケーション。

HTML5メモ書き：section要素

HTML4からHTML5への移行で数多くの要素が新たに導入されました。

今回はその中の１つであるsection要素を見ていきます。

section（セクション）とは章や節で見られるように見出しと中身がまとめられた範囲を指しています。

本などでそうですが、

・・・・・・

一章：桃太郎誕生

～川で桃を拾う～

むかし、むかし、あるところにおじいさんとおばあさんが住んでいました。
（どこに住んでたねん！？）

（中略）

～桃の中から～

川から拾ってきた桃を斧割ると中から可愛い赤ん坊が出てきました。
おじいさんは言いました。
「怪我しなくてよかった、よかった！」

桃から無事生まれた赤ん坊を２人は「桃太郎」と名づけました。

・・・・・・

という風に見出しである「桃太郎誕生」とそれに関する内容の文章が
合わさってセクションとなります。
さらに細かく一章の中にいくつかの節が「～桃の中から～」のように
ありますがこれももちろんセクションです。
これは本の世界だけでなく、通常Webの世界でも続くものです。
元のセクションがあって、その中に階層的にセクションが並んでいるのです。

元々ドキュメントというのはセクションのまとまりであります。


以前のHTML4などではマークアップだけで１つのセクションが
どこまでを構成しているかなんて分かったもんじゃありませんでした。
見出し要素の<h1>～<h6>要素でセクションを区別するために用いてたぐらいです。

従来のマークアップですと・・・

<h1>桃太郎</h1>
<p>桃太郎とは?</p>
<h2>生い立ち</h2>
<p>桃から生まれた男の子とは？</p>
<h3>なぜ川から流れてきたのか？</h3>
<p>桃は川に流れやすい</p>
<h3>なぜ斧で桃を割った時に怪我がなかったのか？</h3>
<p>桃の強度</p>
<h2>桃太郎のきびだんご</h2>
<p>きびだんごの由来</p>

以上のような階層を持ったドキュメントのつもりとなっているのが従来のマークアップです。
「これで階層のようになっているやんね？」
と同じ階層であるのに若干ごまかしているのです。暗黙知的に階層であると。。。
そんなのいかんということで
HTML5で明示的に階層を示すことができるようになったわけです。
セクションを明示的に示す要素として、<section>や<article>などの要素が
役割を持つようになりました。
これらはセクションニング・コンテンツといい要素のグループ化がされています。

HTML5ですと・・・

<h1>桃太郎</h1>
<p>桃太郎とは?</p>
<section>
　<h2>生い立ち</h2>
　<p>桃から生まれた男の子とは？</p>
　<section>
　　<h3>なぜ川から流れてきたのか？</h3>
　　<p>桃は川に流れやすい</p>
　</section>
　<section>
　　<h3>なぜ斧で桃を割った時に怪我がなかったのか？</h3>
　　<p>桃の強度</p>
　</section>
</section>
<section>
　<h2>桃太郎のきびだんご</h2>
　<p>きびだんごの由来</p>
</section>

と階層的にマークアップすることできます。
構造的に非常に分かりやすくなったのがHTML5の魅力ということですね。


そこでsection要素についてふか

要素のグループ化のカテゴリー
○フロー・コンテンツ
○セクションニング・コンテンツ


コンテンツ・モデル
○フロー・コンテンツ

※フロー・コンテンツとはドキュメントに現れるコンテンツ全般を表しています。

コンテンツ・モデルの階層的にはフロー・コンテンツが上なのでフロー・コンテンツに

属していますが意味合いとしてはセクションニング・コンテンツの方が強いですね。

利用可能な場所
○フロー・コンテンツが期待される場所

開始タグと終了タグは必須
要素固有のコンテンツ属性はなし


section要素は名前から分かるように一般的なセクションを表します。
セクションニング・コンテンツに属する要素であるので
アウトライン・アルゴリズムというコンテンツの階層構造であるアウトラインを
どんな風になっているか見極めるための方法に基づいて
セクションを作ることになります。

よくわからないなという人もいると思うので
明日はアウトライン・アルゴリズムについて書こうと思います。
section要素をメモ書きする前にもっと基礎からやらねばですね！！


ちなみにこのmemo書きの参考文献や引用は
「徹底解説HTML5　マークアップガイドブック」
著者は羽田野　太巳さん
から多数memo書きしています。
メモなので自分なりに解釈して、似たようなことばかり書いています。


徹底解説HTML5マークアップガイドブック/羽田野太巳さん


￥3,150
Amazon.co.jp