CSS【CSS、JS】付箋をはがすようなアニメーション 付箋やポストイットをはがすようなアニメーションです。 See the Pen メモはがし by 3rdcom (@3rdcom) on CodePen. クリックではがしたり戻したりできるようになって...続きを読むCSSJavascriptWEBサイトプログラミング・コーディング
CSS【CSS】見出しの見本 色々な見出しのCSSです。 見出し001 .css_001{ color: #333; border-left: 3px solid transparent; } シンプルに左ラインを...続きを読むCSSWEBサイトプログラミング・コーディング
VBA【VBA】デバックをするために処理を一時停止する方法 VBAで処理の確認、デバックをするために処理を途中で止めたい時があります。 VBAには処理を止めるための機能があります。 処理を止めたい箇所で、画像の赤い部分をクリックしてください。 そうすると のよ...続きを読むVBAエクセルプログラミング・コーディング
Javascript【javascript】パラメータ付きの同一ページ遷移するリンクでアンカーリンクを設定する方法 パラメータ付きの同一ページ遷移するリンクでアンカーリンクを設定する方法です。 別ページですとパラメータ+アンカーリンクで問題ないのですが、下記のように <a href="./?id=111#secti...続きを読むJavascriptWEBサイトプログラミング・コーディング初心者
Javascript【JS、HTML】「前」「次」ボタンでページ内にコンテンツを切り替えるエリアを作成する 「前」「次」ボタンでページ内にコンテンツを切り替えるエリアを作成する方法です。 スライダーのようなものですが、表示の切り替わりかたは表示、非表示で切り替える方法です。 各コンテンツ内を自由に変えられる...続きを読むJavascriptWEBサイトプログラミング・コーディング初心者
CSS【コーディング】overflowでスクロールするようにした要素のスクロールできることを知らせるテキストを挿入する(スクロールすると消える) レスポンシブ時にoverflowでスクロースできるようにしたテーブルやブロックを作成することがあるかと思います。 ただ、そのままだとスクロールできることが分かりにくい場合があります。 そこでスクロール...続きを読むCSSJavascriptWEBサイトプログラミング・コーディング
VBAselenium chrome VBA chromedriveを更新する方法 windows seleniumでchrome操作をVBAで行う環境だとchromeブラウザが勝手にバージョンの更新をすることがあります。 その時はseleniumのchromedrive.exeを更新する必要があり...続きを読むVBAエクセルプログラミング・コーディング
エクセル【エクセルVBA】シートの入力範囲(データがある範囲)を取得する エクセルで入力されているセル範囲を取得する方法です。 データが入っているセル範囲のmax列とmax行を数値で取得します。 ループ処理などで範囲を指定している場合、あてずっぽうでセル範囲を指定すると、後...続きを読むエクセルプログラミング・コーディング
CSS【CSS】CSSだけでアコーディンオン目次をアニメーション付きで作成する SEO対策などを考えて、目次を導入するサイトが増えてきているようです。 一か所のアコーディオンのお為にわざわざjavascriptやjqueryを使うのも面倒な時にcssだけでアコーディオンを実装する...続きを読むCSSWEBサイトプログラミング・コーディング初心者
Javascript【javascript】複数あるclassに対して処理を行う javascriptで要素を取得する時、idで指定すると1つの要素を指定して処理が行われますので簡単なのですが、classは複数存在する可能性があるものですのでループ処理を行う必要があります。 idの...続きを読むJavascriptWEBサイトプログラミング・コーディング
Javascript【javascript】クリックでその要素のスタイルを変え、対応する別の要素のスタイルも変える onclickでその要素のスタイルを変えて、加えて対応する要素をスタイルを変更するコードです。 フィールドをクリックするとその要素の背景を白くして、対応するパンくずを太字にします。 対応する要素に関し...続きを読むJavascriptWEBサイトプログラミング・コーディング