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の設定方法を説明します。
Ubuntu

Ubuntu19.10から20.04へのアップグレード

Ubuntu19.10からUbuntu20.04へのアップグレード Ubuntu19.10から20.04へアップグレードするには下記のコマンドを実行します sudo apt update sudo apt upgrade su...
食事

日本初の低温調理器具ブランドBONIQのメリット・デメリット

日本初の低温調理器具ブランドBONIQのメリットやデメリットをまとめました。BONIQは低温調理器具の中では高めな価格設定ですが、使いやすいインターフェース、豊富なレシピ、鍋に代わる熱効率の良いコンテナなどのメリットを紹介します。
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にオススメしたいプラグインです。
Linux

lsよりもexaじゃん! Rust製Linuxコマンド 【exa】

exaはLinuxでファイルやディレクトリを確認するのに使うlsコマンドをより、見やすくカラフルにしてくれるコマンドです。
Vim

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

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

【Python】dictをfilterする

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