フリーランスエンジニアの13ヶ月目を振り返る(2020/4月)
はじめに 1ヶ月前にエンジニア歴1年を振り返って以下のような記事を書きました。 https://terrblog.com/entry/2020/03/19/005431 振り返りをすると、自分にとって […]
MONTH
2020年4月
vue.jsで開閉式のメニューを作る
はじめに 久々のVue.jsですが、今回は開閉式のメニューをコンポーネントで作っていきたいと思います。下記の感じのクリックすると開いたり、閉じたりする感じのコンポーネントですね。 アコーディオンって呼 […]
ヘッダーナビでホバー時のアニメーションを実装する(center)
はじめに ちょうど最近やっているLPで、下記の様なヘッダーナブを作っていました。右側の部分をクリックすると、該当の部分までスクロールする系のナブですね。 動きは、右のメニューにホバー時(マウスが当たっ […]
:focus擬似クラスとは
はじめに :focus擬似クラス。input:focus{ …..}みたいな使われ方をしていますね。 今日は:focus擬似クラスについて簡単に解説していきます。 :focus擬似クラスと […]
JavaScriptでライブラリを使わずにトーストを実装する
はじめに デザインコーディングの延長で、JavaScriptでトーストの実装を行う機会がありました。toast.jsなどのライブラリを使った方法もあったのですが、どれも柔軟性に欠け、思い通りに要素をい […]
Inputタグのplaceholder、disabledの装飾
自分用の備忘録。 フォームでよく使われるInputタグのplaceholderやdisabledの時に装飾方法です。 特に装飾していない状態だとInputタグは以下の様になります。 「現在のメールアド […]
業務で使うなら知っていて欲しいHTMLの歴史
はじめに プログラミングを始めると1番最初に出会うだろう言語がHTMLです。 多くの人は半年もプログラミングに携われば、基本的なHTMLダグを覚えて使えるようになると思います しかし、業務でHTMLを […]
フリーランスでweb制作案件を受ける際の「あるある」と「対策記事」まとめ
はじめに こんにちは。フリーランスエンジニアの2年目のてりーです。 今回は「web制作案件」というテーマに対して、 僕が良く遭遇する「あるある」と「対策記事」をセットでまとめました。 フリーランスにな […]
vue-cliをインストールしようとしたら「gyp: No Xcode or CLT version detected!」というエラーが出て困った件
要約 ・vue-cliでローカルにvue環境を作ろうとした・npm install -g @vue/cliで「gyp: No Xcode or CLT version detected!」というエラー […]