Javascript 【javascript】複数あるclassに対して処理を行う
javascriptで要素を取得する時、idで指定すると１つの要素を指定して処理が行われますので簡単なのですが、classは複数存在する可能性があるものですのでループ処理を行う必要があります。
...続きを読む
プログラミング・コーディング
Javascript Javascript 【javascript】クリックでその要素のスタイルを変え、対応する別の要素のスタイルも変える
onclickでその要素のスタイルを変えて、加えて対応する要素をスタイルを変更するコードです。
フィールドをクリックするとその要素の背景を白くして、対応するパンくずを太字にします。
対応す...続きを読む
Javascript スライダーをslick.jsを使用して実装する方法
スライダーを導入する時に全て自作でとなると相当大変な上に変な動きになったりしてしまい、上手くいかないことが多いかと思います。
そんな時はツールを使うと簡単に実装することが出来ます。
ここで...続きを読む
Javascript 【jquery】現在あるメニューをモーダルメニューにする
ハンバーガーメニューを作成する時に現行サイトの修正だとサイトによって記述を変えることがあるので、汎用的なハンバーガーモーダルメニューを作成してみました。
1つのメニュー領域だけでなく複数のメニュ...続きを読む
Javascript 【javascript】画面に表示したらアニメーションで表示する
画面に表示したらアニメーションで表示するｊｓです。
jqueryなしで、IEにも対応しています。
デモ
HTML
fade_boxが対象のクラスで、data-anitypeで動...続きを読む
エクセル selenium chrome VBA chromedriveを更新する方法 windows
seleniumでchrome操作をVBAで行う環境だとchromeブラウザが勝手にバージョンの更新をすることがあります。
その時はseleniumのchromedrive.exeを更新する必要...続きを読む
Javascript 【jQuery】子要素の順番を指定して取得する
複数ある子要素を色々な方法で取得してみます。
主に
eq()⇒数字を指定して何番目かを取得
index()⇒何番目かを取得
を使っていきます。
HTMLソース
ｊｓソース
...続きを読む
エクセル 【VBA】ツイッターAPIを使ってツイートする（外部ソフト無し）
ツイッターAPIを使ってエクセルVBAからツイートをする方法を紹介します。
※自動化などをするときはツイッターAPIの規約に従って運用を行ってください。
規約を違反した場合はアカウントロックや...続きを読む
CSS 【CSS】超簡単にリンク画像にアニメ―ションをつける方法
最近ではリンクのhover（マウスオーバー）で動きをつけるのが当たり前になってきました。
そこで既存のサイトで簡単に動きをつける方法をご紹介します。
今回はサイト全体で一気に設定を変えてし...続きを読む
CSS CSSとJSでページを開いたときにアニメーションのロゴを数秒出す
ページを開いたときに数秒のオープニングを入れるスクリプトを紹介します。
今回はロゴを簡単にアニメーションさせるものおですが、応用すれば色々な演出が可能です。
ファイル構成は
inde...続きを読む
WEBサイト 【wordpress】登録制の記事投稿ができるサイトを作る方法
ユーザーが登録をして自由に記事を投稿できるサイトの作り方です。
しかもセキュリティー面を考えて、会員の投稿はワードプレスの投稿画面からではなく投稿専用のページをサイト側に作成します。
機能...続きを読む