jQueryでページ送りを実装する
jsonなどの情報を使って一覧表示をした際に、ページを分割してページャーで切り替えられるようにする処理をjQueryで実...
flexboxで横並びにした要素内でheight 100%がiOSで効かない
flexboxで横並びにした要素内でheight 100%を指定した際、iOS10で効かないということがあったので対応方...
pタグの中にdivタグは入れられない
pタグの中にdivタグを入れられないのは把握していたのですが、きちんと確認したことがなかったので試してみました。...
data属性のうち特定の値を持たない要素のみを対象にする
jQueryを使って、特定のdata属性のうち特定の値を持たない要素にclassを付けるという処理を実装していたのですが...
Google Apps Scriptで取得した日付をフォーマットする
Google Apps ScriptでGoogleスプレッドシートから日付を取得して処理をしようとした際、フォーマットが...
CSSで一方方向に進むアニメーションを実装する
オンマウス時にラインを左から右に表示、マウスアウト時にラインを右から左に非表示にするようなアニメーションを実装してみます...
Movable Typeのlimitとlastnの違い
表示する記事の上限数を設定できるlimitとlastnの違いについて試してみました。...
Google Maps APIで表示しているマーカーを切り替える
昨日jsonのデータを使ってGoogle Mapsにマーカーを設置する記事を掲載しましたが、このマーカーをカテゴリ毎に絞...
Google Maps APIでjsonのデータからマーカーを設置する
CMSで入力した内容をjsonで出力してGoogle Mapsに表示するということがたまにあるので、jsonの内容使って...
Movable Typeで日付をファイル名に設定している時の注意点
ニュースやイベント情報など、日々更新するコンテンツを日付ベースのURLにすることがあります。 Movable Typeの...
video要素にsetAttributeで追加したmutedがFirefoxとchromeで効かない
setAttributeでmutedを指定した際に、Firefoxとchromeでミュートにならない現象に遭遇したのでメ...
WordPressのローカル環境を作成できる「Local by Flywheel」を使ってみる
WordPressのローカル環境を簡単に作成できる「Local by Flywheel」を使ってみたのでメモ。 今回はW...
Google Apps Scriptでカスタムメニューを作成する
GoogleスプレッドシートからGoogle Apps Scriptのスクリプトを実行できるように、カスタムメニューを作...
jQueryでキーワード検索の機能を実装する
CMSの記事情報をjsonで出力する前提で、json内の情報を検索する処理をjQueryで実装してみます。...
Media Queriesの状態をJavaScriptで取得する
Media QueriesのブレークポイントとJavaScriptの実行タイミングを合わせる方法として、過去に以下の記事...
Movable Typeで記事の投稿されていないカテゴリを表示しないようにする
カテゴリ名の一覧を出す際に、記事を投稿されていないカテゴリを除外する方法をメモ。...
コンテンツタイプの年アーカイブ一覧でsort_orderが効かない
以前にコンテンツタイプで年のアーカイブ一覧を表示する方法の記事を掲載しましたが、sort_orderで降順にしようとした...
コンテンツタイプをコンテンツフィールドの値で絞り込む
Movable Typeでコンテンツタイプを絞り込む際、コンテンツフィールドを使う方法がわからず少し悩んだので、設定方法...
コンテンツタイプで年のアーカイブ一覧を表示する
MovableTypeのコンテンツタイプで年のアーカイブ一覧を表示する際に少し迷ったので、実装方法をメモ。...
Movable Typeのカテゴリセットで親子で同じ名前をつける
Movable Typeのカテゴリで親子で同じ名前をつけたいことがあったので、やり方をメモ。...