matchMediaでメディアクエリのブレイクポイントで条件分岐してみよう！
メディアクエリと言えばCSSでよく使います。今回はヘッダーを固定させたので、コンテンツが隠れてしまうのを防ぐ為にヘッダーの高さ分の余白をブレイクポイント事に取得する必要がありました。 よくwindow の&nb…
画面外に配置した要素が横スクロールで表示されてしまう。
スマホでよくあるハンバーガーメニューをクリックするとメニューがスライドインしてくるUIがあるかと思います。 よくメニュー要素をabsoluteの絶対配置でアニメーションさせる事があるかと思いますが、今回translate…
【WordPress】個別記事で同じカテゴリーやタグの関連記事を出力してみる
WordPressで個別記事（single.php）で同じカテゴリーや同じタグをもった記事を関連ページとして出力したい時ってあるかと思うので、それを忘備録として記事にしてみた。ただし今回はプラグインを使わない方法です。 …
CSSでコンテンツが少ない時にフッターを最下部に表示させる
コンテンツが少ない時、普通フッターはコンテンツ量に影響されるので、フッターとウインドウの下部に隙間ができてしまい、中途半端な位置に設置されてるような感じになってしまいます。 これをコンテンツ量が少ない時はウィンドウの最下…
WordPressのカスタムフィールドの値をJavasScriptで取得みてよう
さて、前回WordPressの投稿内容をWP REST API でJSONを出力してJavaScriptで取得するという記事を書きました。 だたWP REST APIだけだとカスタムフィールドの値を取得することはできませ…
WordPressの投稿内容をJavascriptで取得してみた
例えば、企業の制作実績とかを更新する方法として、JSONで管理したり直接htmlを弄ったりすることもあると思いますが、ふとWordPressの投稿をカスタム投稿タイプとカスタムフィールドを使って実績一覧みたいな記事を作っ…
Vuexのインストールからストアの設定までの流れ
Vuexとは、状態管理ライブラリで、いろんなデータを様々なコンポーネントから参照したい事が多々あるかと思うので、そのデータを一元管理するライブラリです。 そのVuexをインストールしてから使えるようにするまでの流れを忘れ…
Nuxt.jsを始めてみよう！
以前、JavaScriptフレームワークのVueのプロジェクトの流れを記事にしまいした。 ただVueには全体のデータ管理やルーティングの仕組みないのですが、そういった機能がもともとあり、あとは作るだけ！！となったほうが便…
【MySQL】2つのテーブルをJOINで結合した例
よくPHPでログインしてメッセージを投稿する簡単なアプリケーションを見ることがあります。その際はMySqlで登録したユーザーを管理する為のテーブルと投稿されたメッセージを管理する為のテーブルを作成するかと思います。今回は…
2つの配列が同じがどうか判別してみよう
ちょっとクイズをJavascriptで作っていた時に、２つの配列を一致してるかどうか判別する必要がありました。クイズの正解と解答を配列で管理することにしました。 どういった配列になるのか 実際の処理はもともと質問の正解を…
