JavaScript

Programming

PHPとjQueryでカテゴリー毎の記事一覧をタブ切り替えするコンテンツの作成

この記事では、WordPressサイトで、jQueryとPHPを使用して以下のようにカテゴリー毎の記事一覧をタブ切り替えするパーツの作成を紹介します。パーツ化することで複数ページに汎用的に使用出来たり、他のサイトにも同じように使用する事が出来ます。
Programming

GASとTwitter APIを使用してスプレッドシート内のテキストをランダムに自動投稿

この記事では、Twitter APIとGoogle App Script(通称:GAS)を使用して、予め設定しておいたテキストを定期的に自動ツイートするプログラムを紹介します。プログラム自体は初心者でも3時間程度の学習で可能かと思います(APIの取得に関しては英語が出来ない人には難関です。)また、特別難しい環境構築などは一切必要無く、GoogleアカウントとTwitterアカウント(API)とJavascriptの知見があれば可能です。
Programming

【jQuery】トップへ戻るボタンをコピペで超簡単に作成!!

今回は以下のようなトップへ戻るボタンの作成の仕方をわかりやすく説明します。また一部書き換えはありますが基本部分は全てコピペで使えますので活用して下さい。
Programming

jQueryとは?基本的な扱い方を分かりやすく簡潔に解説

今回はWEBサイトの制作でよく聞くjQueryについての説明と、その扱い方について解説します。jQueryは今も今後もWEB制作で必須な要素なので必ず覚えておきましょう。
Programming

スクロール後にヘッダー固定するグロナビメニューの作り方【jQuery】

今回の記事では、jQueryを使って画面を少しスクロールしたらヘッダーに固定されるグローバルナビケーションメニューの作成の仕方を紹介します。(コピペOK)jQueryを使ってヘッダー固定をすると、スクロールした時にカクっとズレが応じる事があります。その対処法も一緒に説明します。更にアンカーリンクをクリックした後に滑らかにスクロールする「スムーススクロール」の実装方法も紹介します。もし悩んでいるのでしたら参考にして下さい。
Programming

jQueryのスライダー「slick」の使い方・オプションを徹底解説

今回は、jQueryのスライダー「slick」の使い方とオプションを徹底的に解説します。インターネット上の解説が細いとこまで行き届いてない感じがしたので、当サイトでは初心者の方でも理解出来るように超基礎の基礎から見ていきます。
Programming

背景を固定してライトボックスを作成する方法(jQuery)

今回はライトボックスの作成時に背景を固定する方法を紹介します。また今回の方法はjQueryを読み込む方法なので非常に簡単に実装できます。背景がスクロールしてしまって困ってる方は参考にして下さい。
IT literacy

【2021年】IEの対応状況をまとめてみました

今回の記事では有名な言語やフレームワークでの2020年以降のIE対応状況についてまとめています。是非参考にして下さい。今回の記事では、有名な言語やフレームワークでのIE対応状況についてまとめみました。是非参考にして下さい。
Programming

JSのみでモーダルウィンドウを作成する方法【jQuery無し】

今回はJaaScriptでモーダルウィンドウ(ライトボックス)を作成する方法を紹介します。今回の方法はjQueryは一切使用せずにJSのみで作成します。
Programming

JavaScriptのみでスムーススクロールを実装する方法

今回はjQueryを一切使わずにJavaScriptのみでスムーススクロールを実装する方法を紹介します。
Programming

ユーザー操作が起こった時に処理する方法【adEventListener】

今回はJavaScriptでユーザーの操作が起こった時に処理を行う方法を紹介します。JavaScriptのメソッドである「adEventListener」を使ってユーザーの操作に応じて処理を行う様にするプログラムの作り方を紹介します。
Programming

JSでフィルター分けをしてタブ切り替え機能を作成する方法

今回はJavaScriptでA、B、Cと振り分けてから、それぞれのフィルター機能で該当した配列が構築されるプログラムを紹介します。今回の記事を理解できれば以下のようなボタンをクリックした時に、それに該当したデータを再配列する事ができる様になります。WEBサイトではタブ切り替え機能でよく使われているプログラムなので実践でもかなり使える技術です。
タイトルとURLをコピーしました