Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
CI / CDとは？
求人の必須スキルに、CI / CDツールと書かれていたので、今回「CI / CDとは？」という記事を書きました。 何の略称？ CI / CDとセットで耳にすることが多い単語ですが、それぞれ何の略称なのでしょうか？ CI CIは、Continuous Integration（断続的インテグレーション）の略です。 Integration（インテグレーション）とは、複数の異なる要素を …
Vue.jsとjQueryの違い
Vue.jsとjQueryの違いについて見ていきます。 手続的か宣言的か jQueryは手続的であるのに対して、Vue.jsは宣言的です。 シンプルな例 例えば、入力した文字がすぐ下に追加されるというシンプルな例を見ていきましょう。 以下のデモでは、aと入力して追加ボタンを押すと、すぐ下にaと表示されるのが確認できます。 See the Pen jQuery by Shibat …
vercelを使用してNext.jsをデプロイしました
前回の記事でNext.jsをセットアップして、ローカル環境で起動しました。 今回は、Vercelを使用してデプロイを行なっていきます。 しまぶーさんが出してくれていた動画を参考にします。 デプロイするサイト ローカル環境で作成した、Next.jsのセットアップ画面をデプロイしていきます。 Vercelのアカウントを作成する 公式サイトの「Sign Up 画面」から、GitHub …
途中でヘッダーの高さが変化して固定される動き
ローカル環境で、スクロールすると途中でヘッダーの高さが変化して固定される動きを作成しました。 作成したヘッダーの動き PCで、スクロール量がヘッダーの高さを超えるとヘッダーがゆっくりと下がって、固定される動きを作成しました。 ヘッダーの動きの作成方法 HTML JS CSS HTML HTMLは、ヘッダーにidを追加しました（後で、JSで使用します）。 JS header-fi …