もやぶろ

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

2019-10-01から1ヶ月間の記事一覧

【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?)がありません。 既存のツールを組み合わせて実現する手…

フリーランスエンジニアの一日の過ごし方を紹介するよ③〜雑務色々やる日編〜

概要 前回までで在宅ワーク、客先常駐の場合の1日を紹介しましたが、今回はメイン業務以外で色々やる日もあります。 フリーランスって、会社に例えるなら社長と経理と総務と営業と制作と人事もろもろ全部を一人でやらないといけないので、けっこうやる事多い…

フリーランスエンジニアの一日の過ごし方を紹介するよ②〜客先常駐編〜

概要 前回在宅ワークの場合の1日を紹介しましたが、お客さんの企業に行って業務を行う場合の一日を紹介します。 引き続き、「フリーランスってどんな風に働いてるの?」「ノマドなの?」「どこで働いてるの?」などに興味がある方向けです。 前回の www.moya…

フリーランスエンジニアの一日の過ごし方を紹介するよ①〜在宅ワーク編〜

概要 「フリーランスってどんな風に働いてるの?」「ノマドなの?」「どこで働いてるの?」などなど、よく質問を受けますので、私の日常を紹介しようと思います。 フリーランスという働き方に興味がある人 在宅、リモートワーク(テレワーク)、ノマドワーク…

私が三級フィナンシャル・プランニング技能士です

FP3級に受かりました!うれしいので報告させてください!(自己採点でわかってはいたけどやっぱりうれしい) 受けた時の記事 1ヶ月たってどう? お金周りのニュースがわかる 税金の計算がある程度は自分でできるようになった まとめ的な所感 受けた時の記事 …

【ノマド】コワーキングスペース使い放題の「日経オフィスパス」が超便利

概要 お気に入りのコワーキングスペースがなかなか見つけられない、毎日同じ場所で働いてるとすぐに飽きてしまう、客先で打ち合わせてカフェを探すのにいつも苦労する、そんなノマドワーカー(私の事です)に超おすすめな「日経オフィスパス」を最近使い始め…

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

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

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

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

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

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

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

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

【はてなブログ】【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? お菓子食べ放題 キョロちゃん ドロップイン価格 …