プログラミング

こんにちは！のせっちです。 Keen Sliderを使って、ナビメニューを押したら所定のindex番目へ飛ばすスライダーの実装方法を紹介します。 実際に見てみる 実際に見て、触ってみてもらった方が早いので、下記を開いてく […]

こんにちは！のせっちです！ Pugでincludeをする際に、階層が深くなると../../をたくさん書かないといけなくなり見にくいので、ルートディレクトリを指定して見やすくする方法をご紹介します。 Gulpを使います。G […]

こんにちは！のせっちです！ パンくずリストをPugでMixin化し、schema.org対応する方法の解説です。 パンくずリストは、WordPress等を使っている場合は、プラグインを使えば自動でいい感じにしてくれますが […]

こんにちは！のせっちです。 クライアント要望などで、表記揺れ修正のため、特定の文字列を一括検索したいケースがあります。 複数ファイルの中から一つ一つ検索をかけるのは手間だし、作業漏れの可能性もあるため、ターミナルで一括検 […]

下層ページのみのプロジェクトでbrowser-syncのURLを合わせる方法の解説です。下層ページのみを切り出したプロジェクトでは、URLを合わせないとaタグのリンクが合わず、Cannot GET /エラーが出てしまいます。ほんのひと工夫で解決できるので、初心者の方にもオススメです。

pugのmixinを使って、webpの出し分け、width, heightの記述を一気に行う方法を解説しています。コピペで持っていくだけですぐに使えるので初心者の方にもオススメです。

Gulpを使ってcssをminifyする方法を解説しています。style.css、style.min.css両方を作成し、ソースマップも作成します。min.cssからscssファイルの該当箇所がわかります）minifyはしたいけど、管理が大変になりそう、と考えている方にオススメです！

こんにちは！のせっちです。 サイト運営をしていたり、他の方からコードを引き継いだ時、「このコードはいるのかな？」と思うときがあると思います。しかし、 もしかしたら、ページが崩れるかもしれない… と考えて放置した（して […]

こんにちは！のせっちです。 Gulp, Stylelint, eslint, webpack, vueなどなどコーディングの最適化、自動化のために様々なパッケージを入れている人も多いのではないでしょうか？ パッケージを入 […]

こんにちは！のせっちです。 Stylelintをv13からv14へのメジャーアップデートがありました。かなり大幅な変更がありましたので、アップデートは慎重に行う必要があります。 特に既存プロジェクトでは、既に書いているコ […]