Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
WordPressでキーワード検索を作成する方法
本日、当サイトのサイドバーに検索ボックスを作成したので、その方法をまとめていきます。 本日作成した検索機能 キーワードを入力して、Enterキーまたは検索ボタンをクリックすると、そのキーワードが本文中やタイトルに含まれる記事が表示されます。 例えば、「vue」というキーワードで検索すると、「vue」が含まれる記事が検索結果に表示されます。 作成手順 以下のような手順で検索機能を …
Next.jsで学ぶReact講座 #1 Next.jsで重要な部分
しまぶーさんが、以下のような動画を出してくれていました。 今後WEBエンジニアとして活躍していくのに、Next.jsを学んでおいておいた方がいいと思うので、まずは、この動画に沿って学んでいきます。 Next.jsで重要な部分 太字の部分は、最初のうちから特に重要な部分です。 Zero Config 素のReactだと自分で設定ファイルをいじらなければいけないところを、Next. …
SPAのToDoアプリ
Vue.jsで、SPA（Single Page Application）のToDoアプリを作ってみました。 今回作成したもの See the Pen Untitled by Shibata Hiroki (@khiro-enginner) on CodePen. 動き ソースコード HTML・JavaScript（JS）・CSSが関連し合って、ToDoアプリが実現しています。 …
ローディングアニメーションを作成してみた
年末あたりに、知り合いのWEBデザイナーさんからコーディングの依頼が来ると思います。 事前準備として、jQueryを使用したローディングアニメーションの学習ブログを書いておきます。 ローディングアニメーションとは？ こちらのユナイテッドアローズを開いたときに表示されるような、画面読み込み時に発生するアニメーションのことです。 今回やってみたこと 当サイトで、画面読み込み時にロー …