今回は画像ギャラリーの写真フィルタリング機能を実装していきます．ここでいうフィルタリング機能とは，複数ある画像の中から条件に合致した写真のみを表示する機能のことです．
続きを読むギャラリーのフィルタリング機能をjQueryで実装する–TamoTech–
プログラミング
汎用性大！！リロードするたびに画像をランダムで変更する関数をつくる【jQuery】–TamoTech–
今回はリロードするたびに画像がランダムに変化する関数をjQueryで作っていきます！関数で作り，引数に画像となる要素と画像名の配列を指定することで，汎用性の高い関数を作ります．
続きを読む今流行のダークモードをjQueryで実装する！！–TamoTech–
2020年9月20日にiOS 13のアップデートが行われ，ついに！待望の！ダークモードが実装されました！！このダークモードって見た目がかっこいいだけじゃないんです！ダークモードには，低照度時の目への負担の軽減，消費電力の低減等の利点があります．今回はWebページにおけるダークモードを「jQuery」を用いて実装していきます．
続きを読むすぐ使える！数値をカウントアップさせる関数【jQuery】–TamoTech–
Webページに数値データ（会社の売り上げ，社員数，アンケート結果等）を表示する時に，ただ数値を載せるだけでは，あまり注目されないことが多いと思います．自分が一番注目して欲しいデータは，何かしらの強調表現を付け加えなければいけません！強調方法は，デザインで補ったり，アニメーションをつけて補ったりします．今回は，数値をカウントアップさせ，Webページに動きをつける関数をjQueryで作成します．この関数は，初期値，終了値，アニメーション時間，イージング，要素を指定して使えるようにしています．ぜひコピペで使ってみてください！
続きを読む超重要！!モバイルファーストでレスポンシブ対応なWebサイトを制作する時の5つの重要ポイント【レスポンシブ】–TamoTechBlog–
今回はレスポンシブに対応したWebサイトを作る時の，重要ポイントを解説します．結果から述べると，「レスポンシブ対応のサイトはモバイル版に全力をそそげ！」です．今回はモバイルファーストが以下に重要か，なぜPC版（デスクトップ版）ではないのかをじっくり解説していきます．
続きを読むこれだけは押さえておきたい！on()メソッドの使い方と主要イベント –TamoTechBlog–
jQueryで動的なページを作ろうと考えているこの記事を読んでいる方は，on()メソッドの使い方やイベントの種類にどんなものがあるか知りたくて調べたのではないでしょうか！今回はjQueryでは必須の「on()メソッド」について解説していきます！
続きを読む【CSS】【z-index】ヘッダー画像を背景画像として設定し，スクロールによって画像とタイトルを隠すデザインの実装方法（ヘッダーメニュー等は常に表示させる）
今回はWebページのデザインの記事になります．ヘッダー画像がスクロールで隠れていくデザインをみたことがあるでしょうか．たまに使われていたりしますよね．スクロールで一緒に上にあがっていくのではなく，その場に留まり，コンテンツが上に被さるように隠れていくようなデザインです．今回はヘッダー画像上の文字も一緒に固定して，スクロールで隠していきます．
続きを読む【jQuery】Webページにおける縦方向の現在位置を示すインジケーターをjQueryで実装する
この記事では，Webページにおける縦方向の現在位置を示すインジケーターをjQueryで実装します．ウィンドウのスクロール量に応じてインジケータが指し示す点も上下に移動します．また現在のインジケーター以外のインジケーターをクリックすることで，その高さのウィンドウまで自動スクロールするように実装します．Webページ全長がとても長い場合等に有効な方法です．それではインジケーターの作り方を見ていきましょう．
続きを読む
このサイトを運営している太門です。
技術系のブログを運営しています．
現在はIT系の会社に勤めています！ 不明点などあればお気軽にコメントください！