webエンジニアの気づき

都内ベンチャーでwebエンジニアとして働く著者が、web開発における気付きをまとめています。golang,railsやVue.js(Nuxt)を主に利用。

markdown(マークダウン)記法でよく使うもの一覧

忘備録としてマークダウンでよく使う記法を残しておきます。 リスト コード 取り消し線 見出し リンク 注釈 リスト -を先頭につけて半角スペースを空ける。 リスト コード ```で囲む。両端は半角スペース空ける。 ソースコード 取り消し線 ~~で囲む。両端は…

vue-cliにtailwind CSSを導入する

概要 vue-cliで作成しているプロジェクトにtailwind CSSを導入したのでその時のメモ 前提 vue-cliでプロジェクト作成ができていること 手順 1. tailwindcssのインストール npm install -D tailwindcss postcss autoprefixer でtailwindcssのインストールを行…

node modulesの入れ直し手順メモ

node_modulesを削除する rm -rf node_modules package-lock.jsonを削除する rm package-lock.json yarn.lock npmのキャッシュクリア npm cache clear --force npmの入れ直し npm install 参考: qiita.com

セマンティックHTMLをわかりやすく考える

HTML セマンティックHTMLを理解する セマンティックとは? なぜ必要? セマンティックで重要なタグのうちよく使うもの < header >(ヘッダー)タグ < footer >(フッター)タグ < section >(セクション)タグ < article >(アーティクル)タグ < aside >(…

Vue.jsでaxiosを利用したAjax通信をゆる〜く解説

vue.js お題 完成コード 開発 createdとmountedではどちらに書く方がいい? 参考 お題 hogehoge.com/api/v1/organisms というURLを叩いたときに [{"Name": "犬", "Category": "哺乳類"}, {"Name": "マグロ", "Category": "魚類"}, {"Name": "タカ", "Categor…

Vue.jsでライブラリをインポートしたときにエラー

概要 vue.jsでライブラリを利用しようと、npm install パッケージ名 のコマンドを叩いたところ npm ERR! Cannot read property 'match' of undefined となり、エラー。 原因 利用していたパッケージ管理ツールは、yarnであったにも関わらずnpmでインストール…

dockerとは?ゆるーく解説していくよ

dockerとは 物理マシンのOSを共通に使いながら、その上にコンテナというアプリごとの環境を作り上げることのできるツールです。 各アプリごとの環境は、各サーバーごとに一つの環境を作らなければなりませんんでしたが、dockerを使えば一つのOSで複数の分断…

100の文法暗記より1のサービス

エンジニアの皆さんこんにちは〜 今日は言語の勉強についてのお話。 新卒エンジニアは、言語の勉強をするかと思います。 もちろんしないに越したことはないのですが、基本的に文法を覚えるという作業は面白くないです。(僕も言語の勉強はあまり面白いとは思…

環境構築は人に聞け!

こんにちは〜 今日は新卒もしくは未経験の方向けに、環境構築に関する僕の考え方を共有したいと思います。 環境構築は時間をかけすぎるな 新卒最初の実務はおそらく、環境構築でしょう。 SNSでも現役エンジニアさんが言っている通り、環境構築の手法は会社に…

dockerでvue-cliを立ち上げようとした際にnpmエラー

コード /app/frontend # npm run local-serve > practice-app@0.1.0 local-serve > vue-cli-service serve --mode local sh: vue-cli-service: not found 内容 原因と考えられること ・dockerの立ち上げがうまくいかない時があり、その際にnode modulesを削…

dockerでgoose up ができない問題

コード npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated @hapi/hoek@8.5.1:…