-
プログラミング
ターミナルアプリはHyperよりiTerm2がオススメです【設定解説】
こんにちは!のせっちです。 マークアップエンジニアとして、毎日コードを書いています。Gulpやlaravel-mix、Gitといったツールを使うため、ターミナルは毎日使います。 毎日使うターミナルをもっと快適に使いたく、 […] -
プログラミング
iTerms2でコマンドキーを無効にする方法【2秒】
こんにちは!のせっちです。 ターミナル → Hyper → iTerms2と一通り使ってきてiTerm2に落ち着きました。iTerms2で唯一困った部分があったのでその解決策を解説します。 コマンドキーを無効にしたい 僕 […] -
プログラミング
laravel-mixを使ってobject-fitのIE対応(Polyfill)を自動化する【2分】
こんにちは!のせっちです。 object-fitのIE対応をlaravel-mixを使って自動対応させる方法を解説します。 Gulpをでやりたい方は下記の記事をご参照ください。 object-fitのpolyfillを導 […] -
WordPress
ACF Blocksでブロックの中にブロックを入れる方法【InnerBlocks】
こんにちは!のせっちです。 Advanced Custom Fields PROを使って、自作ブロックを開発する際、ブロックの中にブロックを入れる方法を解説します。 ACF Blocksの基本的な使い方は知っている前提で […] -
WordPress
【WordPress5.5以上対応】get_template_part()で変数を渡す方法
こんにちは!のせっちです。 仕事柄WordPressコーディングを毎日やっています。 get_template_part()で変数を渡す方法がWordPress 5.5以降仕様変更となったため、解説します。 下記のような […] -
プログラミング
laravel-mixを使ってpugを使うのは諦めた方がいいかもしれない話【エラー多発】
こんにちは。のせっちです。フリーランスでマークアップ、ワードプレス構築を中心にやっております。 laravel-mixでマークアップ環境を構築する方法を解説済みで、実際に実案件でも使っています。 今回は、laravel- […] -
プログラミング
Gulpを使ってobject-fitのIE対応(Polyfill)を自動化する【2分】
こんにちは!のせっちです。 object-fitのIE対応をGulpを使って自動対応させる方法を解説します。 object-fitのpolyfillを導入 まずはobject-fit-imagesをインストールします。 […] -
プログラミング
【Bash】ターミナルに矢印を付ける方法を初心者向けに解説する【簡単】
こんにちは!のせっちです。 僕はWordPressを中心としたマークアップエンジニアとして活動しておりますが、ターミナルを使わない日はありません。 これまで特にカスタマイズせずに使ってきたのですが、今回かなり理想のカスタ […] -
プログラミング
【Pug】classやsrcなど属性の中身に連番をつける方法【1分】
こんにちは!のせっちです! Pugを使って、class名やimg(src=)など属性の中身に連番を付ける方法を解説します。 解説(コピペ化) for文を回して、class名、img(src)の中身でindex番号を順番に […] -
プログラミング
【Pug】配列の中身をhtmlとして出力する方法【1分】
こんにちは!のせっちです。 each文などで、配列に入れた要素を順番に取り出す際に、htmlタグとして取り出したいんだけど?というケースがあると思います。その方法を解説します。 codepenを見ながら解説 早速、正解を […]