あいつの日誌β

あいつの日誌です。

ES6 の module exports の機能に関するクイズ

突然ですがクイズです。ES6 の module exports の機能として正しいものを選びなさい

問題1

関数毎に export されている場合

export const One = () => (
  <div>one</div>
)

export const Two = () => (
  <div>two</div>
)

以下の記述で呼び出しができる。マルかバツか?

import { One, Two } from '../components/Export'

問題2

export default でオブジェクトに包んで返している

const Three = () => (
  <div>Three</div>
)

const Four = () => (
  <div>Four</div>
)

export default { Three, Four }

以下の記述で呼び出しができる。マルかバツか?

import Default from '../components/ExportDefault'

Default.Three
Default.Four

問題3

export default で関数を返している

const Five = () => (
  <div>Five</div>
)

export default Five

以下の記述で呼び出しができる。マルかバツか?

import Default2 from '../components/ExportDefault2'

Default.Five

答え

以下で調べてみてください

create-react-app practice-es2015-exports && cd $_
getstorybook
mkdir src/components

Export.js

cat << EOS > src/components/Export.js
import React from 'react'
export const One = () => (
  <div>one</div>
)

export const Two = () => (
  <div>two</div>
)
EOS

ExportDefault.js

cat << EOS > src/components/ExportDefault.js
import React from 'react'
const Three = () => (
  <div>Three</div>
)

const Four = () => (
  <div>Four</div>
)

export default { Three, Four }
EOS

ExportDefault2.js

cat << EOS > src/components/ExportDefault2.js
import React from 'react'
const Five = () => (
  <div>Five</div>
)

export default Five
EOS

stories

cat << EOS > src/stories/index.js
import React from 'react';
import { storiesOf, action, linkTo } from '@kadira/storybook';
import { One, Two } from '../components/Export'
import Default from '../components/ExportDefault'
import Default2 from '../components/ExportDefault2'

storiesOf('Answer', module)
  .add('=>', () => (
    <div>
      <One />
      <Two />
      <Default.Three />
      <Default.Four />
      <Default2 />
    </div>
  )); 
EOS

たぶん module exports の挙動で最初は混乱する人が多いと思うのでそんな場合はこれを試してもらうとよいのではないでしょうか。

札幌へ3泊4日で働きながら旅をしてきた(後編)

札幌で出会った素敵なお店を紹介します

5坪

f:id:okamuuu:20171218143536j:plain

札幌で北海道に3店舗、六本木に1店舗展開するオイスターバー、札幌で最初に訪れた飲み屋さんです。名前の通り店内は狭いので座れる場所が限られていますが立ち食いも可能です。ただし店内での飲食は一杯ドリンクを頼む必要があります。ちなみに私は店内を利用したかったので開店と同時に入店しました。

利用した金額は、生ビール1杯(500円)と蒸し牡蠣3個(380円)の合計880円です。

私は他の店へも飲み歩きしたかったのでこれだけしか頼まなかったのですが、思ったより蒸し牡蠣が大きかったのと、なぜかサービスで蒸し牡蠣がもう1個サービスされたので思ったよりお腹いっぱいになってしまいました。おそらくですが最初の注文で蒸し牡蠣3個のセットを頼むともう一つおまけがつくのではないかと。

もっきりや

市内にはまだ雪が溶け切れずに残っていたのですが、市内を歩き回って雰囲気の良さそうな店を見つけて入店しました。

f:id:okamuuu:20171218145835j:plain

利用した金額は、生ビール、真だちのポン酢、ほっけめしの合計2080円です。ちなみにほっけめしには味噌汁がついていたので大分お得でした。なかなか美味しいうえにボリュームがありました。なおかつ低料金なのでなかなか使い勝手の良いお店だと思います。

二条市場: どんぶり茶屋

f:id:okamuuu:20171218152036j:plain

二条市場の近辺に宿泊していましたので、朝ごはんとしてサーモンづくし丼1,500円を食べました。おいしかったのですが、なんというか「築地でご飯を食べている感覚」に近かったです。値段が観光客向けだと思いますので二条市場でご飯食べる方はご留意下さい。

ちなみに二条市場の近辺に良さげな店がいっぱいあったのでお立ち寄りの際は近辺も散策してみることをお勧めします。

寿珈琲

二条市場の近くで今回の旅の宿泊先の近所でした。店内静かでくつろげます。二条市場の近くで軽食がとれて美味しいコーヒーが飲めるので重宝しました。夜遅くも営業しています。今回の旅で重宝したお店です。

回転寿しトリトン 豊平店

f:id:okamuuu:20171218154115j:plain

f:id:okamuuu:20171218154211j:plain

f:id:okamuuu:20171218154248j:plain

かんぶり、あじ、さんま、たち助けの味噌汁を頼んで合計1,314円でした。札幌で人気のある回転寿司は観光客が殺到するので市内から少し離れた豊平店へ行きました。コストパフォーマンスがとても良かったです。

ソリュ

f:id:okamuuu:20171218154737j:plain

外観が気になったので入ってみました。ちょっとお値段のするお店なのですが雰囲気がいい感じでした。生ビールと生牡蠣で1800円ぐらい。ローストビーフを頼みたかったのですが30分かかるとの事なので断念して次の店へ移動しました。

sakanova

f:id:okamuuu:20171218154913j:plain

立ち飲みBAR今回の旅行でご飯とお酒と店の雰囲気が良かったお店の一つ。カクテルがやたら度数が強くて「度数やたら強いけどこれは札幌の標準なのか?」と聞いた所オーナーが度数が強くなければ酒ではないという主義らしく、こちらのお店では通常 30ml のところを 40ml にしているとのこと。こちらの店は酒少し強いのでもし訪問される場合はお気をつけください。

生ビール、ジントニック、ラムコーク、タコとセロリの和え物、ジンギスカンで3000円ぐらい

ビアセラーサッポロ

f:id:okamuuu:20171218155031j:plain

ビール(500円)、ソーセージ(880円)、フルーツビール試飲(無料)で1,380円

ビールの立ち飲みの店。訪問時間が早くてお客さんほとんどいなかったのですがおしゃれなお店でした。フルーツビールの試飲を勧められたので頂きました。とても美味しかったです。ビール専門店なのですがフルーツビールなどは女性が好きそうな予感がします。ちょっと街の中心部から離れています。

鮨 裏・たかの

f:id:okamuuu:20171218155151j:plain

入り口が美容室にしか見えない場所にある飲み屋さん。こちらは日本酒のお店です。こちらのブログを見て訪問。まず千円でチケットを10毎購入します。そのうち3毎がお通し代となるので最初は7毎のチケットがもらえます。欲しい食べ物があれば都度チケットを購入するシステムです。系列店でも使えるそうです。

お通し代(300円)、日本酒(600円)、ウニとかにのとびっこ鮨(800円)、あぶらそば(300円)、合計で2,000円

f:id:okamuuu:20171218155427j:plain

あぶらそばはそば粉の麺を使用。その発想はなかったが意外と美味しい。今度家で作ってみよう。

f:id:okamuuu:20171218155549j:plain

ちなみにこのお店には元サッカー選手の中田氏が取材でいらっしゃったそうです。彼は日本酒にすごく関心があるらしく、国内の蔵元を訪ね歩いているとかいないとか。

まとめ

札幌は思ったより暖かいです。地下通路が発達していたり、建物の構造が二重ドアになっていたり、街全体で防寒対策がしっかりされていました。市内から小一時間程度でスキー場に行けたり、美味しいお店がお手頃な価格帯で存在していて羨ましい限りです。

移住先として札幌という選択肢はありだなあと思いました。おしまい。

札幌へ3泊4日で働きながら旅をしてきた(前編)

あらすじ

スノボーがしたいので冬の札幌へ行ってきました。

f:id:okamuuu:20171216192144j:plain

飛行機代 + 宿泊代 + スノボ代

大体主な費用はこのような感じです。

項目 金額
jetstar(往復) 12,740円
Airbnb(3泊+清掃料金+手数料) 13,038円
スノボー(リフト代+レンタル代) 12,800円
合計 38,578円

ちなみに宿泊施設は Airbnb を使用しました。この時期は比較的料金は高くないのですが、1月から2月に関しては観光シーズンなので少し料金がかわると思います。特にさっぽろ雪まつりが2月にあるので上記金額は参考までに。

www.airbnb.jp

東京駅から成田ターミナル3までバスで移動するまでの時間

11時出発予定の飛行機だったのですが、東京駅から9時00分発車予定の成田行きのバスに乗りました。9時05分にバス出発、到着予定時間が以下の通りだったので LCC だとターミナル3に到着するまで時間かかるので、この時間だと荷物を預ける場合はたぶん間に合わないでしょう。次回自分が旅するときの為に記録しておきます。

項目 金額
9:00 東京出発予定
9:05 東京出発
10:05 ターミナル2北
10:07 ターミナル2南
10:13 ターミナル1
10:15 ターミナル3
10:21 保安所到着
10:28 保安所突破
10:35 搭乗開始時刻
10:45 搭乗締め切り

気温と服装

私が滞在している期間は割と札幌は暖かい日だったらしく、なおかつほとんど無風で寒いと感じることがあんまりありませんでした。また札幌市内は雪の関係で地下鉄が発達していてほとんどの人が地下を移動していました。地元の人は12月はそんなに厚着をしないようです。

あと他の都市と比べて印象に残ったのがスーツ着ている人が長靴を履いているので雪国なんだなあと思いました。私は今回の旅の目的がスノボで雪の中を歩く予定だったのでノースフェイスで靴を買って行きました。

店員さんに裏側がスパイク状になっている靴を選んだほうが滑らない、というわけで購入したのは以下の靴。おかげで足元が冷たいと感じることもなく快適に過ごせました。まあ何度かズルズルと滑ってましたが(転んではいない)。

スノボー

www.sapporo-teine.com

サッポロテイネに行きました。かかった金額は以下の通り。

項目 金額
スノーボードセット4時間 5000円
ウェア4時間 3,800円
リフト4時間 4,000円

平日なのであんまり人がいないと思ったのですが、修学旅行生がたくさん来ていて大盛況でした。バスは手稲駅からバスがあったので 9:00 出発 15:00 に戻るバスを利用しました。ちなみに土日と平日はバスの運行状況が違うのでご注意ください。ちょっと帰るまで時間あったのでタクシーを呼び出ししようとしたら30分から40分ぐらいかかりますと言われてしまったのでおとなしくバスを待ちました。

なお、手稲駅から新千歳空港までJR線で移動できるのでサッポロテイネからそのまま空港まで移動する日程を組むことも可能だと思います。

まとめ

今回の旅の主目的がスノボーをすることだったのですが、無事達成できました。今年は雪が積もりはじめるのが早かったのですが、地元の人によるとサッポロテイネが札幌近辺で最も早くオープンするそうです。もし北海道に旅行行かれる方でスキーかスノボも楽しみたい方は一度サッポロテイネを検討されると良いと思います。

Glitch で SPA なサイトをデプロイしてみた

Glitch は Node.js のアプリを公開するためのサービスです。静的サービスもデプロイできるみたいですが、ここでは json-server で API を用意しつつ index.html と bundle.js を生成して Single Page Application をデプロイしてみました。

※Glitch の特徴としてブラウザ上でコードを編集できる機能があり、ターゲットが初学者のようにも見えますが、この記事の読者はプログラマを想定しています。

デプロイした repository

React.js の tutorial として以前作成した repository を使います。

github.com

デプロイ方法

GitHub に push して、それを Glitch へ反映します。ということで最初に簡単な repository を作成します。下記の記事を参考にすると良いと思います。

qiita.com

github の repository を import すると、自動的に npm installnpm start が走ります。npm start したときに port が 3000 でも 4000 でも特に設定しなくて大丈夫でした。

デプロイした結果

以下に配備しました。

https://fav-articles.glitch.me/

感想

まだ新しいサービスなのでなんとも言えませんが初学者が手っ取り早く自分の書いたプログラムを公開できるのでなかなか良いと思います。

5泊6日で東京から京都、大阪、金沢へ働きながら旅をしてきた(4) 金沢編

f:id:okamuuu:20171127121404j:plain

THE SHARE HOTELS HATCHi 金沢

www.thesharehotels.com

金沢で2泊したのですが両日ともドミトリー形式の部屋を利用しました。思ったより良かったです。良かった理由は以下の通りです

  • 部屋が常に薄暗いのでなんとなく静かにしなかければいけないという雰囲気を醸し出す(実際かなり静かだった)
  • カーテンを閉めると外界ときちんと遮断できる
  • シャワールームが格好いい
  • 洗濯機、乾燥機が各3台
  • 共有スペースがおしゃれ

f:id:okamuuu:20171127122503j:plain

f:id:okamuuu:20171127122122j:plain

ちなみにタクシーの運転手に「シェアホテル、ハッチ」って伝えるとほぼ伝わります。

周遊バス

金沢は天気が悪い率が高いらしいのと観光地が点在していてそこまで微妙に距離があります。例えると渋谷から原宿を歩く感じです。距離で2km、歩いてだいたい20分。

歩けなくもないと思いますが天気が悪いと靴が濡れてしまうので周遊バスを使うことをお勧めします。

北鉄バス1日フリー乗車券

http://www.hokutetsu.co.jp/tourism-bus/oneday

バスに乗ると一回200円ですがフリー乗車券は500円です。金沢では移動手段がほぼバスになってしまうのでフリー乗車券を購入しておくことをおすすめします。それからいろんな施設が微妙に安くなるので金沢を巡るならまあ買っておくほうが無難なアイテムです。

ちなみにバスはうしろ乗り前降りで、運賃はあと払いです。小銭無くてあたふたしないようにお気をつけ下さい。あと周遊バスではなく、路線バスに乗るときは整理券をとる必要があります。といっても観光地回る場合はだいたい周遊バスで事足ります。

ちなみに18:00ぐらいで周遊バスは終わるのでご注意下さい。

廻る富山湾 すし玉 金沢駅

駅前のお店。いわしが美味しかったです。

f:id:okamuuu:20171127121715j:plain

割烹・小料理 a.k.a.

www.shiki-inc.com

アーカと読むらしいです。宿泊場所の1Fにあります。私は21時までは一汁三菜(3000円)を頼む必要があるらしいのですが私は21時以降に利用したのでアラカルト形式で注文。

地ビールがとても美味しかったです。1000円で中瓶が出てきます。カウンター席に座って店員さんに移住先を探しに来ている事を話して、色々と金沢の事を教えてもらいました。

f:id:okamuuu:20171127121906j:plain

ちなみにこの店はR不動産の系列らしいです。金沢へお引越しを検討しているなら reallocal を参考にしてみては?とのことです。

reallocal.jp

日本酒真琴

金沢の日本酒が1時間1500円で飲み放題(お昼)という酒好きならこれだけで金沢に来る価値があるんじゃないでしょうか。わたしはおばんざいをいただきました。日本酒は飲んでいません。

f:id:okamuuu:20171127122723j:plain

もりもり寿し 近江町店

朝ごはんとして近江町商店街の回転寿司を利用しました。早朝7:00から営業しているので使い勝手は良いと思います。

f:id:okamuuu:20171127122854j:plain

IL MARE

片町で夜ご飯を食べようとしたのですが事前に調べた店はどこも満席。美味しそうな店を見つけても予約で一杯と断られてしまいました。

そういうわけで自分の直感を信じてふらっと入ったお店。かなりアットホームなお店で、気さくな店員さんに金沢について教えてもらいました。

f:id:okamuuu:20171127122938j:plain

f:id:okamuuu:20171127123426j:plain

値段も手頃でお店の雰囲気も良かったのでなかなか良かったです。

Cafe 多聞

雰囲気がとても素敵なお店でした。こちらでパンケーキとコーヒーを頂きました。ふわっふわのパンケーキが出て来てなかなかのフォトジェニックでした。ただ一人で食べるには少し量が多いので数人で分ける事をおすすめします。

f:id:okamuuu:20171127123453j:plain

金沢の感想

金沢は天気がコロコロ変わるので傘をずっと持っている必要がありました。また外国人観光客も多かったです。タクシーの運転手さんによると外国人観光客は岐阜へも訪れるらしく、金沢がその中継地点としても最適だからだそうです。

フォトジェニックな場所が多いので写真好きにはおすすめなのですがお昼ぐらいになると観光客が殺到してしまい写真をとりづらくなります。写真をとる場合は午前10時までが勝負です。

f:id:okamuuu:20171127123833j:plain

f:id:okamuuu:20171127123923j:plain

あとお昼頃片町に訪れたのですが基本的に昼営業している店はほとんどないです。お昼ご飯は駅前、東茶屋、近江町のいずれかがおすすめです。

そしてインターネットで人気がありそうな店は大体観光客が殺到しているのでどうしてもその店でないと困る、というのであれば予約したほうがよいと思います。なんですがお店はいっぱいあるのであまりネットに頼らずにお店を探したほうがいい思い出が生まれる気がします。たぶん。

写真、日本酒、刺身が好きな人には金沢はとてもよい街です。写観光客がまだ少ない早朝に東茶屋と兼六園を巡っておいて、お昼は日本酒を飲み比べするといいんじゃないかと思います。

旅を終えた感想

新幹線を使って大回り乗車する旅は結構長丁場になったので疲れましたがなかなか楽しかったです。旅先で「東京、京都、金沢を大回り乗車している」というとほとんどの人が大回り乗車の事を知らないので話のきっかけとなって楽しめました。新幹線で東京、金沢を往復する金額とあまり変わらない金額で京都にも行けるので大回り乗車はおすすめです。

京都、大阪、金沢でそれぞれ違った思い出ができて楽しかったです。まだ行ったことのない街が沢山あるのでまた同じような旅をしたいと思います。おしまい。

5泊6日で東京から京都、大阪、金沢へ働きながら旅をしてきた(3) 大阪編

京都から大阪まではは阪急京都線河原町から梅田行き(特急)を利用しました。 そして食い倒れの街大阪で飲み倒れてしまうという不覚をとりました。

f:id:okamuuu:20171127115429j:plain

airbnb を利用しました

大阪では Airbnb を利用しました。心斎橋となんばの中間地点で非常に便利な立地でした。チェックイン時間を少し変更したいとお願いしたところ相談に応じてもらえたので非常に助かりました。

www.airbnb.jp

外国人観光客がいっぱい

道頓堀の付近は観光客がいっぱいで、何故かみんなグリコの看板を写真に納めていました。グリコの知名度は外国人にも浸透しているのが意外でした。

梅田はがくれ

知り合いのおじさんがおすすめしてくれうどん屋さん。生(き)しょうゆうどんを注文しました。ちなみに食べ方は「混ぜずに箸で2本だけ掬い上げる」だそうです。

ちなみに私は上手く出来ず「何やっとんねんヘッタクソやなあー」と言われてしまいました。とても大阪を感じられるので一度行ってみる事をおすすめします。

f:id:okamuuu:20171127115548j:plain

魚屋ひでぞう 難波店

立ち飲み形式のBAR。お値段も安く、美味しいごはんが食べられます。割と早い時間帯に訪問したんですがお客さんがたくさん居ました。旅行者であっても地元の人でも使い勝手の良いお店だと思います。

f:id:okamuuu:20171127120026j:plain

名称不明のBAR

地元色の強い立ち飲みBARを発見したので突入。ここで日本酒を飲み過ぎてしまい大阪の人たちに迷惑をかけてしまいました。どこの馬の骨とも分からない酔っ払いに対して大阪の人たちは優しかったです。非常に寝不足で万全の体調ではなかった、ということもあるのですが...やはりこれ以上書くのは止めよう。

f:id:okamuuu:20171127120150j:plain

はなだこ

梅田駅の近くにあるたこ焼き屋さんで大阪のたこ焼きを堪能しました。銀だこまでとはいきませんが、ちょっと固めのたこ焼きです。私はたこ焼きはとろとろのほうが好みなのですがこれはこれで美味しかったです。やっぱたこ焼きはいいですね。

f:id:okamuuu:20171127120240j:plain

大阪についての感想

大阪には2泊しましたが内1日は作業日にあてていたのと少しお酒を飲み過ぎたので体調の回復に務めたため市内をそんなに散策できませんでした。

とりあえず大阪の人はとても優しかった事だけはお伝えしたいと思います。

5泊6日で東京から京都、大阪、金沢へ働きながら旅をしてきた(2) 京都編

f:id:okamuuu:20171126165800j:plain

京都ゲストハウス Len 京都河原町

京都で1泊しました。ドミトリー形式の部屋を利用しましたが、思ったより立地が良い場所で助かりました。こちらではチェックインする前に荷物を先に預ける事ができます。

Len までは京都から歩いても行ける距離ですが、歩いてもたぶん何もない(?)気がしますのでタクシーでさっと移動して良いと思います。バスは時期によっては混雑しています。

寝室は作業しづらいのですが共有スペースがありますのでそこで作業をする事ができます。私のように働きながら旅をしている人には便利な場所だと思います。

あとドミトリー式の部屋は2段ベッドで私は下段だったのですが、思ったよりも上段の人が動くと振動が響きます。寝返りなどは生理現象でしょうがないのですが夜きちんと寝れないと困るには向いてないのかも知れません。

backpackersjapan.co.jp

WEEKENDERS COFFEE TOMINOKOJI

行きつけのコーヒースタンドの店員さんに京都へ旅行行くのでおすすめの店を教えてもらったお店です。コーヒー美味しかったです。なんですが店内での利用ができないので肌寒い青空の下でコーヒーを飲みました。寒い時期にこちらの店に行かれる方は十分ご注意ください。

f:id:okamuuu:20171126170114j:plain

京極スタンド

お昼ご飯が遅くなり15:00ごろにやっているお店を前述の WEEKENDERS COFFEE のスタッフに聞いたところこちらの店を紹介されました。

なんですがかなり喫煙者が多く、煙がすごかったので早々に退散してしまいました。

すいば四条河原店

立ち飲みBARでかなりお安い金額で飲み食いできます。ビールと3品頼んでお会計が850円でした。ちなみに椅子はないのですが注文の管理する関係上3人分のスペースを詰めて4人で利用などはできないようです。とはいえ混んでいてもかなり回転が早いので少し待っていれば空くと思います。待ち合わせ場所をすいばにして待ち合わせ相手が現れたらお店を替える、といった使い方をしている人がちらほらいました。

f:id:okamuuu:20171126170147j:plain

ヨナヨナ

上述のすいばの近くになにやら楽しそうな集団(?)がいたので入ってみました。本当は地元色の強いBARだと思いますがなぜかこの日は大阪やら東京やら地元以外の人ばかりでした。京都の人たちとお話したい人はこちらに立ち寄るといいんじゃないかと思います。

私は移住先を探していたので地元の人たちの話が聞けて良かったです。

f:id:okamuuu:20171126170455j:plain

ちなみにここの BAR で大阪からいらっしゃった他のお客様に「たこやきなら天神橋筋六丁目の玉屋が私のオススメ」と教えてもらいましたが色々あって行けませんでした。残念。

四条西洞院食堂

いわゆる定食屋です。お昼前に行った時は地元のおじいちゃんたちが何名かいらっしゃいました。好きなお惣菜を適当に選択する店です。

葱や平吉 高瀬川

11:30頃に開店するのですが私が到着した時にはすでに30名ほど並んでいました。この後金沢へ向かう予定があったのですがまだ時間があると思い試しに並んでみたのですが思ったより時間がかかって1時間ほど待ってしまいました。

f:id:okamuuu:20171126171432j:plain

注文したのははみだし天丼、アナゴつき。結局サンダーバードに乗らないといけない時間間際になったので急いで食べたのですがかなり残してしまいました。すごく美味しかったのですがそろそろ天ぷらをたくさん食べれない年齢になってしまったのを実感しました。

京都について感想

市内の中心部にも関わらず、すぐ横に鴨川が流れていてとても素敵な街でした。自然も多いし適度なサイズ感の都市で移住先としてはとても魅力的な街だと感じました。

f:id:okamuuu:20171126171359j:plain

ちなみにバスを利用する場合は時期によっては観光客で混雑します。現地の人は「観光客が多い時期はバスを使わないで歩く事が多い」との事です。地下鉄かタクシーを利用したほうがストレスを感じなくて良いかもしれません。

風情あふれる町並みがフォトジェニックで散歩するだけでも楽しかったです。観光名所がたくさんあると思いますが割と散歩するだけで満足できる街だと思いました。

f:id:okamuuu:20171126173856j:plain