ブログ一覧

こんにちは！のせっちです！ Automaterで仕事関連のアプリを一気に開くワークフローを作成し、それをAlfredで起動したいと思いました。 手順は下記です。 少し複雑ですが、手順通りにやれば大丈夫です！ それではいっ […]

こんにちは！のせっちです。 Mac起動後、毎回同じアプリをポチポチ起動していませんか？ エンジニアなら、Visual Studio Code、Google Chrome、Slack、 ターミナル、Figmaなどは必ず使う […]

こんにちは！のせっちです。 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はしたいけど、管理が大変になりそう、と考えている方にオススメです！

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