do7be.exports

寿司の話かエンジニアリングの話

Notion Blogで読んだ記事の感想書くとこつくった

つくったブログ

do7be.now.sh

リポジトリはこれ

github.com

感想

Next.js触ってたからわりとスムーズに書き換えたいとこ直せた。これまではてなブログとか古くはFC2とか使ってて、自分では作ってこなかったけど作ってみると意外とおもろいことがわかった。

デフォルトの、ドキュメントとかなさすぎてコード読みまくってようやく仕様把握する感じだったのでそこどうにかしてほしい感はある・・・

リモートワークが捗るビデオチャット用の背景をLensStudioで自作した

やり方はこのNoteを参考にしました。

Zoomじゃなくてもできる!自作バーチャル背景をLens Studioで作る|ソネコウキ|note

自作したマスク系Lens

Snap Cameraで公開しているので利用できます。Snap Cameraの検索フォームにURLを貼り付けると検索できます。Titleで検索できるまで時間が必要みたいなのでそのうちTitleでも引っかかりそうです。Titleで検索できるようになりました!

do7be mask

失敗作。変な線が入ってる。Face Maskというのを使っている。

f:id:do7be:20200404162610j:plain

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=1dee965b8a214a9d84c78fddfb442201&metadata=01

do7be mask2

↑の黒い版。

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=e0015c3b0e8d4d78a27c379aa0061162&metadata=01

do7be mask3

ようやくやりたいことができた。笑い男みたいなかんじ。Face Imageってやつをつかった。

f:id:do7be:20200404162737j:plain

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=81c8e013f3c7465a93a3c78a4d141c0c&metadata=01

自作した背景系Lens

全部貼るのめんどかったのでTitleで検索して試してください。

do7be - do7beアイコン背景

f:id:do7be:20200404163950p:plain
サンプル画像おじさん

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=46cb607a70154c3c95db7a20612956f7&metadata=01

Mt Fuji - 新幹線から見た富士山

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=97512f5fc45e44e1b81c96d60cd42214&metadata=01

Grasslands - 草原

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=638845a561d0498e9543ba3a2897400d&metadata=01

Lake - 湖

f:id:do7be:20200404164646j:plain

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=f6d3092108c346e590dad3bb912316da&metadata=01

Lake2 - 湖その2

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=d99d76e0b7de416a9dd87c5c6c03622b&metadata=01

Port - 港

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=143d5aa8c55e467986f190805eba68ac&metadata=01

Mountain Stream - 渓流

f:id:do7be:20200404164619j:plain

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=616f7b121d2f4b14aa581b25d8d592d3&metadata=01

Waikiki - ワイキキの夕暮れ

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=fb3b8c7fb95c4ae7b47ed5da6550ce71&metadata=01

Waikiki2 - ワイキキその2

f:id:do7be:20200404164521j:plain

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=af2e9860b34f4deeb9f859ec65c2e9bc&metadata=01

Waikiki3 - ワイキキその3

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=70ad51ac1ccf453599d4a8096bcc97ec&metadata=01

DiamondHead - ダイアモンドヘッドからの景色

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=eee6c4e6457b444cae71ee9094cef8db&metadata=01

自作したLens一覧

ここで一覧できるけど、結局プレビューするにはSnapCameraとかでTitleかURL貼り付けでの検索が必要なのであんま意味ない。

lensstudio.snapchat.com

感想

LensStudio結構バグる

最初UIワケワカメだったけど使ってみると意外とわかってきておもろい

Lens公開直後は検索にヒットしないのでURLを貼り付ける必要があってめんどい

LensStudio、反映に時間かかってるのかわからないけどクリエイターページとかがすぐ404になってなぞい

夏休みだったのでFlutterを勉強してみた

普段はWEBフロントエンドやAmazon EchoのAlexaスキルなんかを作っていますが、ちょいちょい気になっていたFlutterについて勉強してみました。夏休みの自由研究的なやつです。

1日目

Flutterの公式ページのチュートリアルをいくつかやってみた。

f:id:do7be:20190818161146g:plain

2日目

この日の作業時間は1時間くらい。下部にタブをつけてみた。

f:id:do7be:20190818161115g:plain

3日目

Youtube検索をして動画情報を出すようにしてみた。

f:id:do7be:20190818161206p:plain

4日目

動画プレイヤーを入れて再生できるようにしてみた。AndroidではうごくのだがiOSではうまくうごかず…。

所感

毎日ガツッと時間取れたわけではないのでちょっとしか触れなかったけど感想。

  • コード書くだけでアプリが動くのと環境構築の簡単さがよかった
  • dart初体験だったけどけっこう書きやすかった
  • pub.devにあるライブラリを見る限りバグりまくってるし、まだまだ発展途上でおもろそうだった

これからもちょいちょい触ってみようかなと思いました。

自作Alexaスキルがメディアに掲載された

smartio.life

リリースしてから放置していたAlexaスキル「今日の名画」ですが、なんとスマートスピーカーメディアのsmartio.lifeさんに掲載されました!

APL詳しくなったのでいろいろ改善したいなあ。

Alexaスキル開発にハマってます

Alexa(Amazon製のAIアシスタント)のスキル開発にハマってます。

スキルというのはスマホのアプリみたいなもので、スキル単位で有効化ができます。有効化はスマホで言うところのアプリのインストールです。

ニュースを聞いたりゲームをしたりタイマー機能や筋トレアシスタントなど様々なスキルが開発されています。

www.amazon.co.jp

僕は昨年の11月末ごろにAlexaの開発を始めました。そのきっかけは、年末に行われたキャンペーンでした。

スキルを複数開発すると最大でEcho Showがもらえるというもの。パーマリンクがないため、smartio.lifeさんの記事を貼ります。

smartio.life

公開したスキル

f:id:do7be:20190210192110p:plain

f:id:do7be:20190210192121p:plain

https://www.amazon.co.jp/s/ref=nb_sb_noss?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&url=search-alias%3Dalexa-skills&field-keywords=do7be

今日の名画というスキルは割とちゃんと作りました。地味に多言語対応もしています。それ以外は練習用みたいなもので、あまり実用性がないように思えます。

もらえたもの

結果としてEcho ShowとTシャツとタンブラーをいただくことができました!

また、年末に参加したAlexa Dev Summitにて登壇者の方からのクイズに答えた結果Alexaの靴下をゲットしました!

所感

Echo Showがもらえるキャンペーンに申し込むにはとにかく4つスキルを作らなくてはいけなかったため、完成度の低いスキルをいくつか作ってしまいました。

しかし、それぞれのスキルで新たなAPIを試すことができたり、審査ではどういう点で指摘されるのかなどの知見を貯めることができました。

また記事を書きますが、今の所はNode.js8.10でTypeScriptをgulpでビルドしています。このへんのベストプラクティスもまだこれといったものがないのもおもしろいですね。

VUI(Visual User Interface)にはポテンシャルを大いに感じています。1回起動して楽しめるだけのものではなく、もっと人々の生活に組み込めるようなスキルを開発していきたいです。

アドベントカレンダーでStorybookの記事を書きました

会社のアドベントカレンダーでStorybookの運用について記事を書きました。

inside.pixiv.blog

チームごとに運用で重視しているものや担保したいことが異なり、それぞれ運用してみて溜まってきた知見を共有したり相談し合えるのがいい環境かなと思います。

Storybook出てきてから社内的にUIの意識高まった気がするのでうれしいです。

サンドイッチをほぼ毎朝作っています

barzam154.hatenablog.com

数ヶ月前にこの記事を読んでから影響されてサンドイッチを作っています。

だいたい毎朝、週3くらいで夜もサンドイッチ。

時系列でまとめてみた

f:id:do7be:20181209231023j:plain
初めて作ったやつ

f:id:do7be:20181209232303j:plain
生ハムとかたまごとか

f:id:do7be:20181209231246j:plain
パプリカとか

f:id:do7be:20181209231307j:plain
ローストチキン

この頃からクッキングシートで包装するようになった

f:id:do7be:20181209231429j:plain
コールスローぽい

f:id:do7be:20181209234334j:plain
サンマ缶とみじん切り玉ねぎのやつ

f:id:do7be:20181209234343j:plain
サンマのやつ改

f:id:do7be:20181209231633j:plain
ウインナーとスクランブルエッグ

f:id:do7be:20181209234318j:plain
てりたま

f:id:do7be:20181209231724j:plain
てりマヨ

f:id:do7be:20181209233930j:plain
アボカドサーモン

f:id:do7be:20181209233938j:plain
アボカドハム

f:id:do7be:20181209234004j:plain
ビアソーセージ、ブロッコリーとたまごのやつ

f:id:do7be:20181209234013j:plain
ブロッコリーサーモン

f:id:do7be:20181209234021j:plain
ハンバーグ

だいたいレギュラーは玉ねぎのマリネ、レタス、ピーマン、ブロッコリー、スライスチーズ、ビアソーセージ。簡単なので。

パンはよくライ麦パンにしてる。

包み方はこれをアレンジしたものでやってる

ボリュームのあるサンドイッチの包み方 ~ これでこぼさずに食べられる♪ | 館長の台所

所感

サンドイッチ作るようになってからスーパーで弁当買ってくる回数はかなり減ったので良いと思う。

6枚切り食パン2枚なので食いすぎないし野菜も取れるのが結構良いと思う。

あと前日の晩に玉ねぎのマリネとか野菜切ったりしてタッパーに入れとく作業が楽しい。

来年はもっといろんな具にチャレンジしようと思います。