JavaScript関連のことを調べてみた2023年01月09日

【JavaScript】アコーディオンUIの作成！

# 1日1UI投稿！

2日空いてしまいましたが、UI投稿します！

## アコーディオンUI
本日はアコーディオンUIを作成しました。

See the Pen
アコーディオンUI by ri-tama (@ri-tama)
on

いっぱい読まれる記事を書くために！備忘録

Qiitaの記事作成についてです。

## 記事を書く前におさえておきたい心得
Qiita公式のガイドラインがあるので、まずはこれを読みましょう。情報発信の基礎である、記事の書き方、最低限守るべきルールが記載されています。

https://help.qiita.com/ja/articles/qiita-article-guideline

## Markdown記法
Qiitaの記事は、Markdown記法というエンジニア御用達の特殊な記法で作成します。
慣れないうちは、チートシートを見ながら、記事を作成しましょう。

https://qiita.com/Qiita/items/c686397e4a0f4f11683d

## 記事を書く手順
1. 誰に読んでもらいたいのか考える（ターゲット）
1. その人がクリックしてくれるタイトルを考える
1. シンプルな言葉で、過不足なく内容を書く

Firefox で selenium を実行しながら JavaScript を on/off する方法

# selenium 実行中に about:config の状態を変更する
## 環境
Windows 10 Pro
Firefox 108.0.2 64bit
Python 3.9.13 (Anaconda)
selenium 4.7.2

あるいは
Python 3.7.15
selenium 3.141.0

## 概要
selenium の実行中に about:config を開いて javascript.enabled の値を変更する。

具体的には、次のようなコードを実行する。
“`Python
from selenium import webdriver
from selenium.webdriver.common.by import By

options = Options()
options.binary_location = r’C:/Program Files/Mozilla Firefox/firefox.exe’
browser = webdriver.Firefox(options=options)
browser.get(‘about:config’)

webど素人が鍵付きページを作ってみた

## はじめに

個人間で書類共有するためのページを作る必要があった。
webど素人の自分が簡単な鍵付きページを実装したメモ。

## やりたいこと

– パスワードを入力して、正しければページを開く
– ファイル名を入力して遷移する方法を使用
– 直接リンクを叩かれた場合にパスワード入力ページへリダイレクト
– 検索に引っかからないようにする

## やったこと

#### 0.事前準備

以下のファイルを作成。

“`
├── index.html
├── goal.html
└── js_dir
├── password.js
└── redirect.js
“`

#### 1.パスワード入力の実装

password.jsを実装。

“`javascript:password.js
let pass = prompt(‘パスワードを入力してください’);
location.href = “./” + pass + “.html”;
“`

index.htmlのbodyに以下を追加。

“`html:index.html