琥太郎カレンダーとアナログ時計JavaScript HTML + 素のCSSAWS S3

琥太郎カレンダーとアナログ時計

Progate、ドットインストールそのままやってもつまらない。デザインを変えてみる楽しさに目覚める。

  • 給付金でMacを購入。
  • 琥太郎くんをみてたら、だいたい幸せ。
  • JavaScript、難しい。

琥太郎タイピングゲーム

ドットインストールを学習しながら作った、カレンダーと時計。二つ組み合わせて琥太郎くんをあしらえば、世界に一つだけのマイウォッチ。格安でアプリを置けるのはAWS S3しかないと思っていた。

  • AWSにS3デプロイ♪ Route53設定できる。
  • 修正のたびにコンソールに行くの、死ぬ。
  • 長いURL、使えない💦
琥太郎タイピングゲームJavaScript HTML + 素のCSSAWS S3
aaaaJavaScriptHTML + 素のCSSAWS S3

琥太郎ストップウォッチ

    だいたいこの辺りから
  • ママのプログラミングハマりっぷりは、ドン引き(息子
  • パパのことオタクっていうけど、ママも相当だよね(娘
  • 心が暇なら死んだ方がマシ...

笑ってはいけない英語学習

日本でも親父ギャグというのがありますが、英語にもdad jokesがあるんですね。世界は普遍性に満ちています。

  • 親父ギャグ、API叩ける。
  • ホスティングサービスNetlifyを知る。
  • GitHubと連携して、コマンド一つでサイトを更新。夢叶った。
笑ってはいけない英語学習JavaScript HTML + 素のCSSNetliy
サウンドボードJavaScript HTML + 素のCSSNetliy

サウンドボード

このサウンドボードを組み合わせたアプリは司会を引き受けるたびに大量生産しました。レスポンシブとOGPに異様に拘っていたこの頃。

  • オンラインでのイベントは、いかに迷子にならないかが勝負。
  • 司会原稿に効果音を仕込んでおけば、拍手やファンファーレもタイムリーに発動。
  • こんな使い方する人、ほとんどいない(需要なくても気にしない。

Neumorphism のキーコード取得アプリ

Neumorphismというデザインを知り、実装したくなって作ってみたアプリ。キーコードの使い所がわかりません。

  • Neumorphismはクール。
  • コード量半端ない。
  • デザインに凝りすぎて、JSの勉強にはあまりならなかった。
Neumorphism のキーコード取得アプリJavaScript HTML + 素のCSSNetliy
一日2リットルのお水を飲みましょうJavaScript HTML + 素のCSSNetliy

一日2リットルのお水を飲みましょう

自分でやると、ダサいデザインになってしまう。気分を上げるためにキラキラを配置。

  • 1日、2リットルのお水を飲むと良い。
  • 250mlのお水を8杯飲んだらちょっと嬉しいアプリ。
  • 使うのすぐ飽きた。→いつまでも愛されるアプリすごい!

映画検索アプリ

TMDBからAPIを取得して映画を検索できるアプリ

  • Newmorphismを極めたいと思いつつ、ド派手なデザインに移行。
  • OGPは完璧。
  • CSSでの塗り絵は楽しい。
映画検索アプリJavaScript HTML + 素のCSSNetliy
幹事決めアプリJavaScript HTML + 素のCSSNetliy

イベントを盛り上げるために作るアプリは楽しい

幹事をランダムに選出。

  • ピカピカアニメーションが炸裂。
  • 選出中は、作者としては変な挙動がないか、ドキドキ。
  • みんな使ってくれてありがとう。人々のやさしさに泣く。

Ring the Bells

IT KINGDOM LT会登壇のために作ったアプリ。アプリに行って、ひつじさんをタップしてみて。素敵な1日になること間違いなし!

  • かなり学習の集大成。
  • Webで独特な境地に立つ。
  • ベルを鳴らそう。
Ring the BellsReact 素のCSSNetliy
チャットアプリReactMaterial UI + 素のCSSVercel

チャットアプリ

LT会イベントでヤジを飛ばしたり、質問したり。

  • イベントごとに模様替え。
  • みんなのコメントが愛しい。
  • 少しづつ進化。

お題投稿アプリ

IT KINGDOM イベントのために作ったお題投稿アプリ。

  • Firebaseへの登録がわからなくて、締め切りの差し迫る中、現役エンジニアと初のコラボ。
  • DB設計の大切さを痛感。
  • エンジニア脳じゃないので、独創的なアプリ。
チャットアプリReactMaterial UI + 素のCSSFirebase + Vercel