CSS

プログラミング

【JavaScript】チェックボックスに連動するボタンで回答する麻雀得点計算機を作ってみた

以前にも麻雀得点計算機を作りまして、今回はその改良版です。 前回は一問ずつ画面に表示され、回答に基づいて最終的に得点を表示するというシステムでした。 これはこれで良いのですが、別にいちいち画面遷移しなくてもいいなと思った次第です。 そのため...
プログラミング

【JavaScript】順番に回答していくと結果が表示される麻雀得点計算機をつくってみた

僕が勤めるのは介護福祉の事業を複数展開する会社なのですが、Webサイト上で選択肢を選んでいくだけでサービスの利用料金がわかるサイトをつくってくれと言われました。 既に似たようなことをやっているサイトもあって二番煎じ感があったり、そもそも使う...
プログラミング

量産型ランディングページの雛形を改良

前回にランディングページを量産するための雛形を作成しました。 これをベースに、僕の勤め先の事業所のランディングページを作るべく作業をしていたのですが、いろいろ不具合があったりより良い表示方法を思いついたりと結構改善ポイントがありました。 今...
プログラミング

量産用のランディングページの雛形を考えてみた

僕の勤める会社は複数事業を展開しており、母体となる法人のコーポレートサイトはあるものの、各事業ごとのページはありません。そのため事業名でググってもオフィシャルなサイトは出てこないという課題がありました。 かと言って、現在Webを担当している...
プログラミング

【JavaScript】質問にYes/Noで答えていって結果を表示する

YesとNoの回答によって異なる結果を表示するプログラムを作りましたが、今回も少し似たようなものです。 前回は全質問に答えさせてそのスコアを判定するというものでしたが、今回は1問ずつ表示してその回答によって質問や結果が分岐していくものを作り...
プログラミング

【JavaScript】質問に答えてスコアに応じた結果を出力するフォーム

質問に答えていったら自分がどういう性格なのかだったり、どういうサービスを利用したらいいかといったことを判定してくれるフォームを作りました。 HTMLとJavaScriptで動かしているので、ローカルに置いてちょっとした演習に使ったり、ウェブ...
プログラミング

【JavaScript】スライドショーにフェード効果とランダム表示アレンジ

こちらの記事の続き、というかアレンジです。 ブラウザ上でBGM付きのスライドショーを作成しましたが、画像の切り替えにフェードの効果がほしいところ。それと画像をランダム順に表示できるのもいいなと考えてアレンジしました。 プログラムの内容 こち...
プログラミング

【WordPress】ボタンで表示を切り替えるレスポンシブ対応のナビゲーションメニュー

ウェブサイト運営において、SEO的にもかなり重要なのがナビゲーションメニュー。サイト内にどのようなコンテンツがあり、それらの入り口として機能します。 メニューは結構大きな範囲を占めますので、問題となるのがスマホでの表示、つまりはレスポンシブ...
プログラミング

【JavaScript】BGM付きで写真をスライドショー

ブラウザで動作するBGM付きのスライドショーを作ります。 フォルダに写真を入れてHTMLをちょっと書き換えるだけで作れます。動画で作るよりも時間短縮ですし、パワーポイントでやるよりも動作が軽いはずです。 手軽にスライドショーを作れるというア...
プログラミング

【JavaScript】二次元配列で所属ごとの勤務カレンダーを表示

勤めている職場で、職員の出勤予定を見られるシステムが欲しいという要望がありました。 タイムカードのシステムを入れ替えたところで、入れ替え以前は誰でも予定を確認できたのが、現行のシステムでは管理者が自分の管理範囲内でしか見られないようになって...
スポンサーリンク