もやぶろ

moyashidaisukeのブログだからもやぶろ。フリーランスのエンジニアのダイスケです。QOLあげて色々楽しくチャレンジして良く生きたい。プログラム関連とかギター関連とか旅行関連とか色々。

エンジニアリング

最速でdockerでwordpressの開発環境(ローカル環境)を立ち上げる方法

wordpressをdockerで立ち上げる手順は公式を含めて色々な方が書かれていますので、設定ファイルをgithubにあげてできるだけ簡単にできるようにしました。 めんどうな説明は良いからとりあえず動かしたいんじゃい!というせっかちな方は是非使ってみてくださ…

【javascript】【vue】 create-nuxt-appした後「No rules found within configuration. Have you provided a "rules" property?」エラー

create-nuxt-appした後に、yarn run dev したら「No rules found within configuration. Have you provided a "rules" property?」エラーでビルドができなかったのを解決しました。 事象 create-nuxt-app hogehoge yarn run dev create-nuxt-appで作ったプロ…

【vue】 nuxtで「core-js/modules/es6.array.find in ./.nuxt/client.js」エラー

create-nuxt-appした後に、firebaseを入れたら、以下のエラーが発生するようになってしまったのを解決しました。数時間ハマった・・・ 事象 create-nuxt-app hogehoge yarn add firebase yarn run dev create-nuxt-appで作ったプロジェクトに対して、firebas…

はてなブログの過去記事をGASでTwitterに自動投稿するようにしたよ

概要 記事数も200を超えてきたですが、昔の記事ってあまり読まれないのと(内容がうんぬんというのはありますが)、個人的にも過去記事をたまに見返すきかっけになるかな?と思い、過去記事をランダムで自動で投稿するようにしてみました。 うざいな〜と思っ…

【はてなブログ】Minimalismをnoteに寄せる

2020/01/18 スマホ対応しました。 概要 noteのレイアウト、文章読みやすくて素敵だな、、、それに比べて自分のブログはなんか読みにくいな・・・と思ったので、頑張って寄せてみました。 はてなブログのテンプレート「Minimalism」を使っているのですが、元…

【書評】「個人開発がやりたくなる本: クリエイター13人の実録エッセイ」はタイトル通り個人開発がやりたくなるよ

はじめに 「個人開発がやりたくなる本: クリエイター13人の実録エッセイ」を読みました。 さくっと読めますし、内容も幅広いので、個人開発に興味ある・やっている人には何かしら刺さると思います 個人開発がやりたくなる本: クリエイター13人の実録エッセイ…

【勉強会】「個人開発がやりたくなるLT会」でLTしてきた

概要 「個人開発がやりたくなるLT会」という勉強会に参加してきました。 LT枠しかあまってなかったので、当日慌ててスライド作って発表もしてきました。(2日連続) alchemy-rb.connpass.com 2019/12/14 追記 主催者さんがまとめていただけました。 morizyun…

【Flutter】Flutter Meetup Tokyo #13でLTしてきた

概要 前回オンライン参加だったFlutterMeetupTokyoに参加してきました。 当日LT枠が余ってたので急いでスライド作って発表もしてきました。 flutter-jp.connpass.com 概要 私の発表 Twitterでいただいた知見 いいねいただいた 全体の感想 ちゃんとしたまとめ…

【PHP】【勉強会】大改修!PHPレガシーコードビフォーアフターに参加してきた

概要 PHPの勉強会「大改修!PHPレガシーコードビフォーアフター」に参加してきました。 タイトルから想像される内容とは少し違いましたが(何をもってレガシーとするか)、良い切り口で大変おもしろかったです。 phperkaigi.connpass.com 概要 勉強会の概要 …

【ポエム】プログラムのコメント書く書かないについて

書く書かないの二択の問題じゃないです。リーダブルコード読んで適切なコメントを書きましょう(適切でないコメントは書いてはいけない https://t.co/i732OlBFsX— ダイスケ@日常アカウント (@moyashidaisuke) 2019年11月2日 これの補足です。 書き始めたら…

用途別・個人的良く使うコマンドチートシート

メモ帳に書いてたのを雑に公開。小技系が多いです。 動作環境はMac + zsh環境がメインで、たまにlinuxです。たまにオプションとか違う場合もありますのでご注意。でも大体動くはずです。 随時追記します。 ファイルの行数 単純にカウント 行数の監視 ログフ…

【Flutter】Flutter Meetup Tokyo #12にオンライン参加してきた

概要 Flutterの勉強会に参加したので感想をさくっと。Flutter盛り上がってるな・・・という感じでした。 人気すぎて会場にいけなかったので、オンライン配信を見ての参加です。 flutter-jp.connpass.com 配信Youtube https://www.youtube.com/watch?v=cbpgIb…

【Flutter】Flutter1.9.1とDart2.5まとめ(Flutterのバージョンアップしました)

概要 Flutter(一緒にDartも)のバージョンアップをしました (1.7.8-> 1.9.1) バージョンアップにあたりまとめた情報と、手順メモです。DartのML補完が面白かったです。 これすごくない?? 途中のtypoはゆるしてね文脈で変数名を推測してる。date -> 日付…

【vue】Vue Styleguidistの使い方を説明⑤ 〜アンダーバーが勝手に省略される挙動対策〜

概要 Vue Styleguidistで、アンダーバーつなぎの文字を書くと、勝手にアンダーバー「_」が省略される挙動の対策です。(多分ReactのStyleguidistでも発生する) 「HOGE_HOGE_HOGE」 -> 「HOGEHOGEHOGE」になります。 今までの www.moyashidaisuke.com www.mo…

【JavaScript】JSDocでfooterの作成日時を消す

概要 JavaScriptのドキュメンテンションツールのJSDocのfooterの日時を削除する方法です。 前回の www.moyashidaisuke.com 概要 どこのこと?何がダメなの? 対応方法 どこのこと?何がダメなの? defaultテンプレートを使った時のフッターの ここのことです…

【JavaScript】JSDocでhot reloadを無理やり有効にするやり方

概要 JavaScriptのドキュメンテンションツールのJSDocですが、最近のツールのようhot reload(コードを書き換えるとブラウザ開きっぱなしでも自動で更新してくれるやつ。hot build?hot replacement?)がありません。 既存のツールを組み合わせて実現する手…

【JavaScript】Symbolを駆使してenumぽいものを定義する

概要 JavaScriptでsymbol型を使う事によって、enumっぽいものの実装ができます。 そこそここなれてきたので紹介します。 概要 前説 JavaScriptでenumを作るパターン 単純にconstで定義するパターン enumクラスを自作 何が不満? Symbol(シンボル)とは 実装…

【はてなブログ】Minimalismで更新日を表示する(トップページのエラー対策付き

概要 たまに過去記事を修正したり追加したりした時に、更新日が表示されないのはもったいな〜という事で、カスタマイズして表示するようにしました。 こんな感じです。 概要 やり方 フッタ デザインCSS 所感 やり方 www.tomomore.com ほとんどこのままです。…

はてなブログのシェアボタンをいい感じにカスタマイズ

概要 はてなブログのテーマ「Minimalism」のソーシャルボタン(シェアボタン)ですが、目立たないかなぁ、、と思ったので(シンプルでかっこいいのですが)を色付きのもので目立つようにしてみました。 あわせて、はてブとFacebookはシェア数がのカウントも…

【はてなブログ】【Minimalism】ナビゲーションメニューのスクロールバーを常に表示する

概要 はてなブログのテーマ「Minimalism」のナビゲーションメニューですが、スマホ等の画面幅が小さい環境だと横スクロールできるようになっています。 が、そもそも横スクロールできる事に気が付かないのでは・・・という対策で、常に横スクロールバーを表…

【JavaScript】babelで「Multiple configuration files found. Please remove one」エラー

事象 babelを使った環境でjsのコンパイル(ビルド、ホットリロード等なんでも)時に以下のエラーが発生する。 Error: Multiple configuration files found. Please remove one: - package.json#babel - .babelrc 何が起きているか babelの設定ファイルの bab…

【JavaScript】パブリックフィールドとプライベートフィールドの宣言をbabel-eslintでlintに対応させる方法

事象 lintで以下のエラーが発生する。 error Parsing error: Unexpected token = class Hoge { /** * @type {Array} */ hoge = null; } 何が起きているか JavaScriptで標準化が完了していない機能はeslintに対応していません。 github.com 今回の例で言うと…

【vue】Vue Styleguidistの使い方を説明④ 〜見た目を変える〜

概要 Vue Styleguidistで、stylesの変更(見た目の変更)のやり方についてです。 今までの www.moyashidaisuke.com www.moyashidaisuke.com www.moyashidaisuke.com 概要 公式 解説 theme styles コンポーネントの探し方 なぜReact? 公式 ここに書いてあり…

【vue】Vue Styleguidistの使い方を説明③ 〜Vuetify動かす〜

概要 Vue Styleguidistで、vue用のコンポーネントライブラリのvuetifyを使う設定をいれてきます。 前回までの www.moyashidaisuke.com www.moyashidaisuke.com 概要 公式 解説 外部ライブラリの読み込み設定 loaderの設定 私の設定 exampleの書き方tips 次 …

【vue】Vue Styleguidistの使い方を説明② 〜Sections〜

概要 前回はとりあえずVueStyleguildを動かすところまで解説しました。 今回はページの設定である「Sections」の解説をします。 前回の www.moyashidaisuke.com 概要 マニュアル ベース sections name, description components、ignore content usageMode co…

【vue】Vue Styleguidistの使い方を説明① 〜Laravel + vue環境でVue Styleguidistを動かす〜

この記事はqiitaに移動しました qiita.com

【AWS】古い(特定のバージョンの)aws-cliをインストールする

概要 何かしらの理由で古いaws-cliをinstallしたい場合のやり方です。 公式のマニュアルにはのってないのと、ネット上にもあまりのってないようだったので残しておきます! ついでにエラーがいくつか出たので、その対処方法も。 概要 前提 正解 私の環境で出…

【vue】わかりにくいvue.jsのwatch(ウォッチャ)のオプションを使った書き方

概要 vue.jsのwatchにはdeepとimmediateという2つのオプションがあるのですが、書き方がちょっと特殊なのと、マニュアル上で探しにくくいので、癖があります。 毎回ググってしまうので備忘録として残します。 概要 watchとは オプション deep immediate 所感…

【Flutter】Flutterを始める時に参考にしたいリンク集

概要 Flutter歴2ヶ月になったので、参考した情報のまとめです。 これからFlutterを始める方は参考に、こんなのもあるよ!という方は教えて下さい! (ある程度web系の開発経験がある方を想定しています) 概要 とりあえずなんとなく動かせるまで 公式ドキュ…

【Flutter】flutter_launcher_iconsを使ってアプリアイコンを設定したら「Invalid App Store Icon.」エラーの時の対応

概要 Flutterでアプリアイコンを作成する場合、「flutter_launcher_icons」という便利なpluginがあるのですが、何も準備せずに画像を作成すると、エラーになる場合があります。 私が遭遇したエラーの対処法です。 概要 flutter_launcher_iconsについて エラ…