matchMediaでメディアクエリのブレイクポイントで条件分岐してみよう！
メディアクエリと言えばCSSでよく使います。今回はヘッダーを固定させたので、コンテンツが隠れてしまうのを防ぐ為にヘッダーの高さ分の余白をブレイクポイント事に取得する必要がありました。 よくwindow の&nb…
javascriptjavascriptjavascript
javascriptjavascriptWordPressのカスタムフィールドの値をJavasScriptで取得みてよう
さて、前回WordPressの投稿内容をWP REST API でJSONを出力してJavaScriptで取得するという記事を書きました。 だたWP REST APIだけだとカスタムフィールドの値を取得することはできませ…
javascriptWordPressの投稿内容をJavascriptで取得してみた
例えば、企業の制作実績とかを更新する方法として、JSONで管理したり直接htmlを弄ったりすることもあると思いますが、ふとWordPressの投稿をカスタム投稿タイプとカスタムフィールドを使って実績一覧みたいな記事を作っ…
javascript2つの配列が同じがどうか判別してみよう
ちょっとクイズをJavascriptで作っていた時に、２つの配列を一致してるかどうか判別する必要がありました。クイズの正解と解答を配列で管理することにしました。 どういった配列になるのか 実際の処理はもともと質問の正解を…
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データは最近、実務でもちょくちょ…
html5【JavaScript】FileAPIからCSVを読み込んでみる
CSVファイルとかよく扱ったりすることもありますよね。今回はHTML5から追加されたFilleAPIというのがあって、もともとサーバーにあるファイルを読みにいくのではなく、フォームのアップロードみたいなボタンでCSVファ…
javascript【JavaScript】 ES6のimportとexportについて簡単にまとめてみた
さて、javascriptもES6になり、クラスの設計もできるようになったんですが、いろんなクラスを使う時に他の言語でもimport文も使っていましたがjavascriptではどう使うのか忘備録としてメモ。 １つのモジュ…
javascript【jQuery】スクロールしてヘッダーやナビを上部に固定するには？
スマホサイトのリニューアルでスクロールしたらヘッダーが上部に固定させるようにしたいとの事で久々にjQueryを触ったのでせっかくなのでメモします。サンプルを作りましたのでスクロールしてみてください。 サンプルを見ると背景…
