hitode909の日記

以前はプログラミング日記でしたが、今は子育て日記です

アイコン変えた

元号が変わったのでプロフィールアイコンを変えた。構図は同じなのでぱっと印象はそんなに変わってないと思う。
もともと、2012年の夏のインターンのときにインターン生に勝手に撮られてトリミングされクリエイティブコモンズライセンスでflickrに上がってた写真*1を使っていたけど、気づくと6〜7年経過していた。

f:id:hitode909:20190501141915j:plain

この写真は結婚式のおみやげにキラステッカーを配るために撮ってもらったもの。ヘッダとして使うには領域が足りなかったのでPhotoshopで背景を伸ばしたり色調の調整とかを妻にやってもらった。
インターネットには低画質な写真が溢れているので、そんなかで高画質写真を繰り出せるのは価値があると思う。

どうでもいいけど、お見合い写真でイメージ検索するとSNSのスパムアカウントにしか見えない写真がたくさん出てきておもしろい。もともと、人間が信用を得るためにはこういう写真が使われる、ということだったのが、その権威だけを借りる形でスパマーが利用するようになってしまい、逆に今はスパマーがよく使う写真という印象になってしまった、ということだと思う。
google:image:お見合い写真

*1:■ - hitode909の日記

■

ひさしぶりに出町柳の名曲喫茶に行った。おじさんが爆睡しているなか、爆音で音楽が流れる。レコードリストから探してリクエストのノートに書くとかけてもらえる。ウェストサイドストーリーのサントラがかかっていてナイス選曲だった。ビール飲めて、禁煙で、おしゃべりは禁止なので、読書スポットとして大変便利。

まりお流

まりお流は奈良のラーメン屋で、お金を払うとどんどん豚肉が煮詰まっていく。前回は5年前、その前は10年前に訪問している。

誰が言い出したのか覚えてないけど、友達たちとみんなでまりお流に行こうという話になったので10人で行った。

これまで、調子に乗ってハイパーこってりしたメニューを注文しては帰りに胃もたれで陰鬱な気分になっていたのだけど、今日ついに最高のメニューを発見した。

先に入ってた友達が、煮玉子と生卵が入ってるやつおいしかったって教えてくれたので注文したところ、ほどほどのこってり度で、醤油も感じられてよかった。まりお流ではすべてのラーメンに「こってり度」という数値が記載されていて、これは5。

f:id:hitode909:20190429225825j:plain

 

こっちは妻が食べてたやつで、こってり度20。2000円。スープを振り落として食べる技量が必要とされる。一緒に行った友達たちもこってり度20にチャレンジした人たちは大変そうにしていた。

f:id:hitode909:20190429230154j:plain

 

5年後にまたみんなで行きたいですね。

地域によって食文化ちがっておもしろいと思う。

まりお流 - hitode909の日記

■

■

2日連続で、飲酒して、帰宅して、すぐに寝て、朝に風呂に入っているという過酷な状況。今日も地獄の飲み会がある。

昨日はKyoto.JSに行って、自分とKyoto.JSとの関わりは、以前はamagi君と、今はパスタ君と同じチームなのです、という自己紹介をしたら、もともとこの会は、はこべさんと僕でやっていた会だった、という指摘をされて、完全に忘れていたのがおもしろかった。

昔に作ったグラフィックを貼っておきます。著作権への意識が低かった。

https://cdn-ak.f.st-hatena.com/images/fotolife/h/hitode909/20121112/20121112213224.png

kyoto.jsのロゴをリニューアルしました - hitode909の日記

趣味活動 #kyotojs 

プレゼンモード
再生
← / →で移動
fでフルスクリーン
escでおわる

Kyoto.js 16での飛び入りLT資料です

趣味活動

  • Kyoto.JS 16
  • 趣味活動についてのLT
  • 好き勝手に触れるプロダクトを持っておくと便利、という発表をします
  • hitode909

hitode909 レペゼン 株式会社はてな

https://hatenacorp.jp/images/hatenaportal/company/hatena.png

  • Kyoto.JSとのかかわり
    • 2012〜2017 ブログチーム with amagi
      • このプレゼンもはてなブログで実現している
    • 2017〜 漫画チーム with Pasta-K

hitode909 レペゼン 東ダンスネットワーク

https://higashi-dance-network.appspot.com/logo.png

今日の重ね着

趣味プロダクトの醍醐味

  • 他のメンバーが直してくれたりしない
  • OSSであってもコントリビュートするメリットがない
  • 放っておくと滅びるので手を入れていく必要がある
  • 本発表では重ね着の歴史を振り返り、趣味活動について紹介します

今日の重ね着2011

  • CoffeeScript
    • 当時はなんでもCoffeeScriptで書いていた
  • jQuery1.6
    • なんでもjQuery
  • underscore.js
    • _.eachや_.templateが便利

今日の重ね着2012〜

  • 放置
  • 利用していたAPIが終了して、半年くらい壊れたまま放置したり

今日の重ね着2014

  • 「重ね着」で検索結果1位になっていることに気づく
  • 月間ユニークユーザーが10万人
  • やる気が出て、雨の日に傘を保つ機能を追加


今日の重ね着2016

  • HTTPS化の波
  • 現在位置を取得するブラウザのAPIがHTTPでは動かなくなる→HTTPS化
  • appspot.com そのまま運用していたため証明書の取得は不要

今日の重ね着2017

  • PWAの波
    • ServieWorkerを導入してホーム画面に置けるように
  • いくらなんでもCoffeeScriptはつらい
  • CoffeeScripからFlowTypeに

今日の重ね着2018

  • 手元で起動できなくなる
  • SDKが古くなりデプロイも不能になる

今日の重ね着2019

  • 先週末に突然思い立って手を入れはじめた

手元で起動できるように

  • Google App Engineのローカル起動用スクリプトを使っていた
  • 古いProtocolBufferが入っていると変な失敗をして動かなくなる

レスポンシブ化

  • これまで320px固定で見た目は8年間変化なし
  • レスポンシブ化によってタブレットやPCでも便利に
  • float:left, float: rightをやめてFlexboxに
  • 柔軟な広告を出せるように

FlowTypeからTypeScriptに

  • 2年間放置したことで、ライブラリが古すぎ、エディタからのシンタックスチェックもできない
  • FlowTypeふだん触ってないので直したところで喜びが低い
  • package.jsonを消して一からやり直し
  • https://github.com/bcherny/flow-to-typescript
    • ある程度変換してくれる→あとは流れで

Yarnからnpmに

  • 気づいたらyarn.lockとpackage-lock.jsonが両方できていたのでnpmにした

underscore.js廃止

  • _.each使ってるだけだったのでArray.prototype.forEachに書き換え

jQuery 1.6からjQuery 3.4に

  • 凝ったことしてないのでそのまま動いた
  • 倍

callbackを使った設計をasync/awaitに

  • (callbackSuccess, callbackFail) を引き回していたのをやめられた

令和に向けて

  • 開発環境が整ったのあ新たな施策が可能に
  • jQuery脱出
    • 配信するJSのサイズを下げたい
  • navigator.shareでtwitter以外にシェア可能にしたい
    • LINEで送るとか
  • サーバーサイドをPythonからNodeにしたい
    • 服装決めるロジックをサーバーサイドに
  • AMP化
    • twitterにシェア→開くと高速に開ける、とか
    • GoogleのCDNを通せるのでインフラコスト下げられる
    • そのためにまずはロジックをサーバーサイドに移したい

まとめ

  • 趣味プロダクトを持っておくと便利
  • 好き勝手に手を入れられるサービスを持っておく
  • 新しい技術の実験台
  • 自分の技術スタックにあわせて、たまに手を入れると時の流れを感じられる