プログラミング

tailwind

Emotionを使ってGatsbyでtailwindを使う方法

Gatsby & Emotion & tailwindの環境構築、スタイリング方法についてまとめました。twin.macroを使えば、classNameだけでなく、Styled Componentsやcss propでスタイリングできます。
Gatsby

GatsbyのLinter/Formatter, CSS-in-JS環境構築

Gatsbyのインストール方法、プロジェクトの作り方、Linter(ESLint, stylelint)/Formatter(prettier)、CSS-in-JS(styled-components, Emotion)、tailwindの設定方法を説明します。
React

FontAwesomeをReactにインストール 使い方ガイド

ReactでFontAwesomeを使うためのインストール方法と使い方を解説します。
CSS

明日から書けるSASS(SCSS)入門 ~インストールから便利な使い方まで~

SASS(SCSS)のインストール方法、親セレクタ(&)、変数($)、@mixin、@extend、@useの書き方、よくある使い方まで紹介します。最期にstylelintを導入して、SCSSをLint/Formatできるようにします。
Vim

【Vim】カーソルを瞬間移動させるプラグインvim-easymotion

Vimのカーソル移動を高速化するプログラミングvim-easymotionのインストール方法と使い方を紹介します。wやe,Gを使ったVim独特のカーソル移動に疲れたVimmerにオススメしたいプラグインです。
Vim

【Vim】変更履歴をツリー状に遡れるプラグインundotreeのススメ

Vimの変更履歴をツリー状に遡れるようにしてくれるundotreeのインストール、使い方を解説します。変更履歴を上書きしてしまって元に戻せない時などに重宝するプラグインです。
Python

【Python】dictをfilterする

Pythonでdict(辞書)をフィルタリングする方法をまとめました。filter処理はlambda式などを使うとスッキリ書くことができます。
プログラミング

【レビュー】平澤 章 (著) オブジェクト指向でなぜつくるのか

平澤 章 (著) オブジェクト指向でなぜつくるのか を読んだレビューを書きました。人類がオブジェクト指向を手に入れるまでの歴史とオブジェクト指向から派生したUML、デザインパターン、アジャイル開発、TDDなど豊富な知識が得られます。
HTML

Quick Start HTML 初心者向けタグの書き方・使い方

HTMLを勉強中、またはこれから勉強する予定の方向けに、HTMLの概要を簡単に説明します。HTMLとは何をするもので、HTMLを勉強すると何ができるのかが分かります。Progateやスクールに行く前の予習として、どうぞご活用ください
スキル

コードを保存したら自動でブラウザを更新! BrowserSyncのインストールと使い方

BrowserSyncを使うと、コードを保存時に自動的にブラウザを更新して結果を確認でき、さらにPC版、タブレット版、スマホ版などのページを同期しながら一度に見られます。BrowserSyncのインストール方法、使い方、便利な設定などを紹介します。
タイトルとURLをコピーしました