プログラミング

こんにちは！のせっちです。 サイトスピードアップに欠かせないlazyloadですが、ページ内リンクとは相性が悪く、意図した場所に着地してくれなくなることがあります。 今回はそちらの解消方法を解説します。 なぜlazylo […]

こんにちは！のせっちです。 前回『マークアップエンジニアがNuxtでLP制作をする』ためのまとめ記事を投稿しました。 Nuxtでは、プロジェクトを作成する際に、Lint系ツールを一緒に入れることができます。こちらの内容を […]

こんにちは！のせっちです。 Web制作エンジニアとして普段はHTML/CSS, WordPressを中心に書いています。 僕のようなWebエンジニアがNuxt.jsでLPを書くために必要な知識をご紹介します。 なぜLPを […]

こんにちは！のせっちです。 jQuery非依存のスライダーとして有名なswiperをnpmで読み込む方法の解説です。 swiperをnpmで使うにはいくつか注意点があるので合わせて解説します。 必要な環境 必要な環境は下 […]

こんにちは！のせっちです。 jQueryスライダーとして有名なslickをnpmで読み込む方法の解説です。 必要な環境 必要な環境は下記です。 node.jswebpackなどのビルドツール nodeが入っているかどうか […]

こんにちは！のせっちです。 今回は、Slickを使って、【ボタンを押して指定のスライドへ飛ばす】方法を解説します。 ナビメニューとスライダーを連動させる、、、難しそうに思えますが、案外簡単にできます！この後実際にコードを […]

こんにちは！のせっちです。 jQueryスライダーの定番、Slickを使って、流れ続けるスライダーを作成する方法をご紹介します。サンプルがありますので、コピペするだけで使用可能です。 その後簡単な解説を付けています。 早 […]

こんにちは！のせっちです。 今回は、laravel-mixを使った、マークアップ環境の構築を解説します。当ブログでは、gulp x webpackを使ったマークアップ環境の構築方法を解説していますが、今回はlaravel […]

こんにちは！フリーランスエンジニアののせっちです。 下スクロール時はヘッダーを隠し、上スクロールで出現するヘッダーメニューの作り方のご紹介です。通常の作り方なら沢山のブログ記事がありますが、iPhone(iOS)対応の記 […]

こんにちは！のせっちです。 ワードプレスコーディングを主に行なっております。 今回は、Selectタグの最初の項目だけ色を変える方法のご紹介です。JS(jQuery)を使う方法と、CSSのみで行う方法の2種類です。 最初 […]