Web関連 【JavaScript】質問にYes/Noで答えていって結果を表示する
YesとNoの回答によって異なる結果を表示するプログラムを作りましたが、今回も少し似たようなものです。 前回は全質問に答えさせてそのスコアを判定するというものでしたが、今回は1問ずつ表示してその回答によって質問や結果が分岐していくものを作り...
Web関連
Web関連 
Web関連 【JavaScript】質問に答えてスコアに応じた結果を出力するフォーム
質問に答えていったら自分がどういう性格なのかだったり、どういうサービスを利用したらいいかといったことを判定してくれるフォームを作りました。 HTMLとJavaScriptで動かしているので、ローカルに置いてちょっとした演習に使ったり、ウェブ...
Web関連 GWSのGmailと別のメールサービスを同じドメインで併用する設定方法
LINE WORKSのメールサービスと別のメールサービスを同じドメインで運用しようとしてできませんでした。 この運用方法がGoogle Workspace (以下GWS) のGmailであれば可能とのことだったので、こちらでも試してみました...
Web関連 WebサーバーにRoundcubeをインストールする手順
Webメールはインターネット環境さえあればデバイスを問わずにメールをチェックできるのでとても便利です。 契約するWebサーバーによっては標準搭載されていることもありますが、独自のものやサードパーティ製のものまでさまざまです。 例えばロリポッ...
Web関連 LINE WORKSのメールと別のメールサービスを同一ドメインで運用できるか実験
メールサーバーだけでは1人が使えるメール容量がかなり小さいという課題があるため、1人あたり30GBのメール容量が使えるLINE WORKSを検討しました。メールだけでなくおなじみのチャット機能も使えるのでとても便利だと思います。 ただ、メー...
Web関連 【JavaScript】スライドショーにフェード効果とランダム表示アレンジ
こちらの記事の続き、というかアレンジです。 ブラウザ上でBGM付きのスライドショーを作成しましたが、画像の切り替えにフェードの効果がほしいところ。それと画像をランダム順に表示できるのもいいなと考えてアレンジしました。 プログラムの内容 こち...
Web関連 【WordPress】ボタンで表示を切り替えるレスポンシブ対応のナビゲーションメニュー
ウェブサイト運営において、SEO的にもかなり重要なのがナビゲーションメニュー。サイト内にどのようなコンテンツがあり、それらの入り口として機能します。 メニューは結構大きな範囲を占めますので、問題となるのがスマホでの表示、つまりはレスポンシブ...
Web関連 【JavaScript】BGM付きで写真をスライドショー
ブラウザで動作するBGM付きのスライドショーを作ります。 フォルダに写真を入れてHTMLをちょっと書き換えるだけで作れます。動画で作るよりも時間短縮ですし、パワーポイントでやるよりも動作が軽いはずです。 手軽にスライドショーを作れるというア...
Web関連 【JavaScript】二次元配列で所属ごとの勤務カレンダーを表示
勤めている職場で、職員の出勤予定を見られるシステムが欲しいという要望がありました。 タイムカードのシステムを入れ替えたところで、入れ替え以前は誰でも予定を確認できたのが、現行のシステムでは管理者が自分の管理範囲内でしか見られないようになって...
Web関連 XAMPPでローカル環境にWordPressを構築しサーバーにアップするまでの手順
2021年あけましておめでとうございます。 昨年は自身が勤める法人のコーポレートサイトを静的サイトからWordPressサイトへリニューアルさせるという仕事をやってのけました。 作成したWordPressテーマはいろいろ工夫した点がありまし...
Web関連 パスワード付きのHTMLページを作って写真を共有
大きいサイズの写真を複数枚を誰かと共有しようすると、メールだとサイズが大きすぎますし、アップローダを使えばスマホだとファイルの取り扱いができない場合があります。 そんな時にWebサーバーがあれば画像をアップしてHTMLで貼り付ければダウンロ...
Web関連 【JavaScript】チェックを付けて実行したら文章を自動作成
ラジオボタンとチェックボックスの入力から自動的に文章を作成するJavaScriptです。変数に格納した値をテキストボックスへ出力、クリップボードへのコピー、入力した内容のクリアをします。ウェブブラウザで動くので使用環境を問いません。