もやぶろ

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

2019-01-01から1年間の記事一覧

ブログのアイキャッチ画像関連のリンク集

ブログのアイキャッチ画像、サムネ画像(タイトルの下と、一覧に出るやつ)について調べて、自分用にまとめたのを公開します。 ※まだ使い始めたばかりなので、感想・使い勝手は適宜追加していきます。 素材系 アイコン イラスト 吹き出し 写真 ツール 参考 …

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

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

GitHubでの日記始めてみました

概要 GitHubで日記を書いてリリースノートを定期的に出す、というのを見かけたので自分もやってみる事にしました。 まだ数日ですけど、自分のやり方と、やってみた感触を共有します。 概要 きっかけ 私のやり方(お試し中 ファイル ファイルテンプレ やらな…

【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? 公式 ここに書いてあり…

【ノマド】東京駅のコワーキングスペース「+OURS 八重洲」を使ってみた

概要 東京駅の八重洲北口から4分のコワーキングスペース「+OURS 八重洲」を利用してみました。大人の落ち着いた雰囲気でした! plus-ours.com が、中は写真撮影禁止という事で、あまり説明できる内容がありません、、、 概要 ドロップイン価格 立地 Wifi 椅…

【ノマド】新宿のコワーキングスペース「サテライト安心お宿 新宿店」でノマドワークを試したけど誘惑がすごかった

概要 新宿のコワーキングスペース「サテライト安心お宿 新宿店」なのですが、カプセルホテルに併設になっています。最近のカプセルホテルはすごいもので、漫画やら温泉やらがついているんですねぇ、、 そんな場所にドロップイン利用でノマドワークを試してみ…

【ノマド】恵比寿の猫カフェ「ニャフェ メランジェ」でノマドワークしてみた

概要 ノマド民ならどこでも仕事できるぜ!という事で猫カフェのNyafe Melange(ニャフェメランジェ)で仕事してきました。 猫カフェ?ニャフェ? 猫かわいいですよね・・・仕事でちょっと疲れた時にふと視線をあげると猫がいる職場、、、いいですよね・・・ ww…

【ノマド】おしゃれ家具の新宿のコワーキングスペース「THE HUB 新宿」に行ってみた

概要 新宿のコワーキングスペース「THE HUB 新宿」にドロップイン利用で行ってみました。 落ち着いた色合いの雰囲気と、おしゃれな家具があって、他とは違う落ち着いた雰囲気のコワーキングスペースです! ro-japan.com こんな感じです! 概要 ドロップイン…

【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…

オーディオブックでaudiobook.jpを使い始めたら色々捗った件

概要 最近オーディオブック(耳で聴く本)を始めたのですが、思ったより良かったので使い方やおすすめポイント等を紹介します。 本が好きだけど時間足りない〜という方におすすめです! 概要 オーディオブックとは きっかけ 「audiobook.jp」と「Audible」を…

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

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

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

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

【ノマド】渋谷駅から徒歩2分のコワーキングスペース「POINT EDGE ShibuyaBASE」に行ってみた

概要 渋谷のコワーキングスペース「POINT EDGE ShibuyaBASE(ポイント エッジ 渋谷ベース)」にドロップイン利用で行ってみました。 渋谷はコワーキングスペースの戦国時代みたいになっていて選べないほどたくさんあるのですが、派手さはないものの、場所と…

【ノマド】森永のお菓子食べ放題のコワーキングスペース「MORINAGA Village」(田町)に行ってみた

概要 田町にあるコワーキングスペース「MORINAGA Village(森永ヴィレッジ)」にドロップイン利用で行ってみました。お菓子食べ放題だし、使いやすくておすすめです! morinaga-village.com 概要 MORINAGA? お菓子食べ放題 キョロちゃん ドロップイン価格 …

【ノマド】原宿のコワーキングスペース「ドロップイン原宿」に行ってみた

概要 原宿のコワーキングスペース「ドロップイン原宿」に(その名の通り?)ドロップイン利用で行ってみましたので、感想と評価です。 dropinharajuku.com 概要 ドロップイン価格 立地 Wifi 椅子/机 ドリンク まとめ ドロップイン価格 dropinharajuku.com 30…

【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について エラ…

【Flutter】CodeMagicでのiOSビルドの時に「build number 」でエラーになる時の設定方法

概要 Flutterに特化したCIサービスのCodeMagicで、iOS用にbuildした時にデフォルト設定だと2回目からエラーになります。 マニュアル見てもいまいちわかりにくいのですが、私の対応方法です。 概要 CodeMagicとは エラー まとめ CodeMagicとは codemagic.io …

【ノマド】原宿のコワーキングスペース「TURN harajuku」はコーヒーが美味しくて原宿らしくおしゃれだった

概要 原宿のコワーキングスペース「TURN harajuku」にドロップイン利用で行ってみましたので、感想と評価です。 turn.tokyo 概要 写真いろいろ まとめ 写真いろいろ 原宿はキャラが違うので落ち着かないのですが、別の用事が原宿であったので利用させていた…

【書評】「CAREER SKILLS」はこれからエンジニアを目指す人と今エンジニアの人にもおすすめ 〜ソフトウェア開発者の完全キャリアガイド〜

はじめに 「CAREER SKILLS ソフトウェア開発者の完全キャリアガイド」を読みました。 すごく良い本でした。今エンジニアの方、エンジニアをこれから目指そうと思う方におすすめします。 定期的に読み直したいな、と思う本でした。 CAREER SKILLS ソフトウェ…

【Flutter】アプリケーションの名前を変更するpackage/plugin「flutter_launcher_name」を作った

概要 前回、Flutterでアプリケーション名を変更するのに、手動でAndroidManifest.xmlとInfo.plistを変更しましたが、だるいと思ったので、自作でpackageを作って公開してみました。 そんなに変更するものではないけど、せっかくFlutter使ってるのに各OS毎に…

【ノマド】神保町のコワーキングスペース「BasisPoint神保町店」に行ってみた

概要 神保町のコワーキングスペース「BasisPoint神保町店」にドロップイン利用で行ってみましたので、感想と評価です。 概要 所感 まとめ 所感 雰囲気は良いのですが、如何せんお値段が高いです、、、 まとめ 営業形態 コワーキングスペース ドロップイン価…

【ノマド】渋谷のコワーキングスペース「コインスペース 渋谷マークシティ店」に行ってみた

概要 渋谷のコワーキングスペース「コインスペース 渋谷マークシティ店」にドロップイン利用で行ってみましたので、感想と評価です。 coinspace.jp 概要 所感 まとめ 所感 まず場所がわかりにくいです、、 「クリエーションスクエアしぶや」という渋谷の観光…

新しいMacBookPro(13インチ 2019)を買ったのでベンチマーク(docker上でvueのコンパイル)

概要 Late 2016と比べて2倍くらい速くなりました。仕事の速さもこれで2倍に、、、 概要 きっかけ 今までの 買ったモデル こだわり 13インチ CPU メモリ ストレージ 価格 届いた ベンチマーク vue.jsコンパイルしてみる 2016モデル 2019モデル その他感想 ま…

【ノマド】秋葉原のコワーキングスペース「Rampart」に行ってみた

概要 所感 まとめ 概要 秋葉原のコワーキングスペース「Rampart」にドロップイン利用で行ってみました。 rampart-akiba.jp 所感 写真とか取り忘れちゃった、、、 全体的に良かったです。 まとめ 営業形態 コワーキングスペース ドロップイン価格  30分2…

wwwなしのURLをwww有りのURLにAWSで転送させる(HTTPS対応版)

概要 対応前構成 何がダメ? 検討 案1:お名前.comのURL転送サービスを使う 案2:適当にサーバたてて.htaccessとかでやる 案3:AWSで頑張る 対応1 HTTP無し版 S3bucket作成 S3bucketにリダイレクトを設定 Route53にホストゾーンを作成 Route53からS3へのルー…