matchMediaでメディアクエリのブレイクポイントで条件分岐してみよう！
メディアクエリと言えばCSSでよく使います。今回はヘッダーを固定させたので、コンテンツが隠れてしまうのを防ぐ為にヘッダーの高さ分の余白をブレイクポイント事に取得する必要がありました。 よくwindow の&nb…
javascriptjavascriptjavascript
javascriptjavascriptWordPressのカスタムフィールドの値をJavasScriptで取得みてよう
さて、前回WordPressの投稿内容をWP REST API でJSONを出力してJavaScriptで取得するという記事を書きました。 だたWP REST APIだけだとカスタムフィールドの値を取得することはできませ…
javascriptWordPressの投稿内容をJavascriptで取得してみた
例えば、企業の制作実績とかを更新する方法として、JSONで管理したり直接htmlを弄ったりすることもあると思いますが、ふとWordPressの投稿をカスタム投稿タイプとカスタムフィールドを使って実績一覧みたいな記事を作っ…
javascriptVuexのインストールからストアの設定までの流れ
Vuexとは、状態管理ライブラリで、いろんなデータを様々なコンポーネントから参照したい事が多々あるかと思うので、そのデータを一元管理するライブラリです。 そのVuexをインストールしてから使えるようにするまでの流れを忘れ…
javascriptNuxt.jsを始めてみよう！
以前、JavaScriptフレームワークのVueのプロジェクトの流れを記事にしまいした。 ただVueには全体のデータ管理やルーティングの仕組みないのですが、そういった機能がもともとあり、あとは作るだけ！！となったほうが便…
javascript2つの配列が同じがどうか判別してみよう
ちょっとクイズをJavascriptで作っていた時に、２つの配列を一致してるかどうか判別する必要がありました。クイズの正解と解答を配列で管理することにしました。 どういった配列になるのか 実際の処理はもともと質問の正解を…
vue【Vue】Vue CLIのセットアップからプロジェクト作成までの流れ
最初にVueを勉強しようとすると大抵、jQuery同様にhtmlの中にscriptタグでVue.jsまでのリンクを設定して実行することが多いかと思います。 ただ、本格的にVueのアプリケーションを作成するとなるともっと効…
javascript【JavaScript】脱JQuery！？メソッドを比べてみた！要素取得編
前回、jQueryでのクラス操作をJavascriptで書いてみましたが、割とjQueryってDOMの操作が簡単だったりすると思うんですよね。なので今回はDOM要素をどの取得するかにフォーカスしてみます。 Javasc…
javascript【JavaScript】脱JQuery！？メソッドを比べてみた！Class操作編
さて、JQueryと言えばJavascriptを簡単な記述で処理できるライブラリで今や多くのサイトで使用されているかと思います。ただ逆を言えばJQueryしか書けなくなってしまうのも事実。自分としては簡単に実現できるので…
javascript【JavaScript】Fetch APIでJSONデータの取得してみよう
さて、先日はFile APIを使ってCSVのファイルを読み込んで見ましたが、今度はJavascriptでFetch APIを使って JSONデータを読み込んでみようかと思います。 JSONデータは最近、実務でもちょくちょ…
