くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

中央に寄せつつ、中身を左揃えしたいときは、FlexboxじゃなくてGrid Layoutを使うとできた

css

こんな感じで、中央に寄せつつ、左揃えにしたいときに調べた備忘録。 HTMLはこんな感じ <section> <h1>Flexbox</h1> <hr/> <div class="flex"> <div class="box is-1" ></div> <div class="box is-2" ></div> <div class="box is-3" ></div> </div> </section> <section> <h1>Grid Layout</h1> <hr/> <div class="grid"> <div class="box is-1" ></div> </div></hr/></section>

DotEnv+Nuxt.jsでsrcDirを設定するとうまくうごかないときは、dotenv.pathを設定する

Nuxt.jsで環境変数の設定にdotenvを使ってたときの備忘録。 起こった現象 ソースディレクトリの場所を変えようと、 nuxt.config.tsにsrcDirを設定したら、うまく動かず。。 ディレクトリはこんな感じ。 / app/ .env nuxt.config.ts nuxt.config.ts内では、pr…

【小ネタ】ローカルにある画像ファイルをBase64エンコードするJavaScript

画像ファイルをData URL形式に変換したいなと思ったときの備忘録。 こんな感じ 読み込み時にbase64を指定できるらしい const fs = require("fs"); // 変換するファイルパス const filePath = "./photo.png"; // 対象のファイルをbase64形式で読み込み const …

SPAなNuxtアプリでFirebase Authのredirectでも、認証後に来たベージに戻りたい(Firebase UI)

開発している積読ハウマッチで、Googleアカウントでのログインに対応した際、 Firebase Authの認証フローをポップアップからリダイレクトに変えてみた。 ポップアップだと、どこでもログインできたけど、 ログイン画面だと元のページに戻りたく、いろいろ考…

Express+TypeScriptをはじめるときにやったこと

Expressでサーバ立てたいなと思ったので、 TypeScriptではじめるときにやったことの備忘録。 TypeScriptの設定 まずは、package.jsonから。 # package.jsonの生成 $ npm init # typescriptのインストール $ npm i -D typescript @types/node # バージョン確…

SPAなNuxtアプリをFirebase HostingからNetlifyに移行してみた

Netlifyがいいと聞いて、Firebase Hostingから移行してみたときの備忘録。 NetfilyのプレレンダリングがあるのでOGP芸が楽。 昔、こんな記事を書いたけど、Functionsで頑張らなくてもよくなった。 使ってみてよかったので、移行したときにやったことをまとめ…

個人開発報告: 月例振り返り&開発予定 (2019年12月)

前回同様、11月を振り返りと実績値の公開、今月の開発予定です(´ω`) www.memory-lovers.blog 積読ハウマッチ: 2回アップデート アップデートは2回。今月は少なめ。。 2019/12/02 週間/月間ランキング✨ 2019/12/09 トップページを変更✨ 本業が忙しかったのと…

アイデアのつくり方を読んだら、アイデアの正体がなんとなく分かった気がする。。

「アイデアのつくり方」の感想文。というか、気になった言葉のクリップ集。 アイデアのつくり方作者:ジェームス W.ヤング出版社/メーカー: CCCメディアハウス発売日: 1988/04/08メディア: 単行本 読んだ感想 「 60分でよめるけど、一生はあなたを離さない本…

天才はあきらめたを読んだら、努力の仕方と嫉妬への向き合い方のノウハウがいっぱいだった

南海キャンディーズ・山ちゃんの「天才はあきらめた」の感想文。というか、気になった言葉のクリップ集。 天才はあきらめた (朝日文庫)作者:山里亮太出版社/メーカー: 朝日新聞出版発売日: 2018/07/06メディア: 文庫 読んだ感想 おもしろい。。しくじり先生…

個人開発のためのWebサービス公開マニュアルを読んだら、デプロイ・リリース・運用の手順だけじゃなく、運営者の心得がたくさん詰まってた

個人開発のためのWebサービス公開マニュアルの感想文。というか、気になった言葉のクリップ集。 個人開発のための Webサービス公開マニュアル作者:難波 聖一出版社/メーカー: 秀和システム発売日: 2019/12/25メディア: 単行本 読んだ感想 Git操作からデプロ…