退職は損切りかリスクか。Next.js超入門」のソースがfirebaseのバージョンのせいで動かないので、なんとかするFontAwesomeでSNSのロゴを手に入れようWEBページの余白が消えない!?そんな時はリセットCSSの出番だ【codyhouse】ページスクロールエフェクトを実装したい【オシャレ】FontAwesomeにlinkをつけるCSSの優先順位!!どのセレクタが最強なのかJINテーマの記事内の文字サイズをstyle.cssをいじって修正する不意にCSSだけでおしゃれなボタンを作りたくなったら真似ぶは学ぶ。環境を作るたびにググっているので、自分用のメモubuntuでのzshに変更の記事は以前作成したので、差分を中心に更新する。ubuntuのシェルをzshにするzshのインストールUbuntuにZSHをインストールする方法は、aptのパッケージマネージャーを使う方法とソースからインストールする方法の2つ。aptを使用してインストールする。zshCopyCopied!インストールが完了したら、確認しておく。(x86_64-ubuntu-linux-gnu)CopyCopied!zshを起動させる。zshCopyCopied!以下のようなメッセージがでてくる。nothingのqのコマンドを入力する。qCopyCopied!Preztozshの設定のフレームワークのPreztoをインストールして設定していく。zshを使っていたのだが、細かく設定する元気がないので簡単なPreztoで一旦設定していくことにする。cloneコマンドでpreztoをcloneする。gitをインストールしていない場合は、インストールしておく。"${ZDOTDIR:-$HOME}/.zprezto"CopyCopied!zshの設定ファイルを作成する。Preztoが提供しているものをコピーするので、このコマンドはコピペでOK。doneCopyCopied!ターミナル再起動して、zshコマンド。zshCopyCopied!以下のように見た目が変わって入れば、Preztoが入っている。Preztoは簡単に見た目を変えることができる。サンプルは以下のコマンドでみることができる。-pCopyCopied!一部powerlineのfontsが必要なので、インストールする。fonts-powerlineCopyCopied!wsl1の場合の差分ここからwindows側にもfontを入れる必要があるので、powershellで以下を実行する。fontsCopyCopied!フォントが入ったら設定->外観->フォントフェイスを選択し、先ほど入れたフォント(https://github.com/powerline/fonts)から好きなフォントを選択し保存をおす。terminalを起動した際に最初にubuntuが起動するようになる。wsl1の場合の差分ここまでターミナル再起動して、zsh。powerilneのfontsを入れたことで、山型が文字化けせずに表示される。{テーマ名}を試すことができる。powerlineのテーマを使用する。設定するには~/.zpreztorcの設定を更新する必要がある。~/.zpreztorcCopyCopied!中程に以下の記述があるので、themeのsorinを任意のテーマに変更する。'sorin'CopyCopied!powerlineを適用する場合は以下。'powerline'CopyCopied!~/.zpreztorcを編集するついでにmoduleも編集しておく。ここではgitやpython、ssh、autosuggestions、syntax-highlightingなどを追加している。'prompt'CopyCopied!gitやpythonはcompletionよりも前に記述する必要があるので、留意。\CopyCopied!'autosuggestions'、'history-substring-search'、'syntax-highlighting'を利用する場合はこの順番で記述する必要があることに留意。\CopyCopied!シェルをzshに変更する毎回zshと打つのは面倒なので、zshに変更する。