作ってみた 【JavaScript】チェックボックスに連動するボタンで回答する麻雀得点計算機を作ってみた
以前にも麻雀得点計算機を作りまして、今回はその改良版です。前回は一問ずつ画面に表示され、回答に基づいて最終的に得点を表示するというシステムでした。これはこれで良いのですが、別にいちいち画面遷移しなくてもいいなと思った次第です。そのためにはチ...
CSS
作ってみた 
作ってみた 【JavaScript】順番に回答していくと結果が表示される麻雀得点計算機をつくってみた
僕が勤めるのは介護福祉の事業を複数展開する会社なのですが、Webサイト上で選択肢を選んでいくだけでサービスの利用料金がわかるサイトをつくってくれと言われました。既に似たようなことをやっているサイトもあって二番煎じ感があったり、そもそも使う人...
作ってみた 量産型ランディングページの雛形を改良
前回にランディングページを量産するための雛形を作成しました。これをベースに、僕の勤め先の事業所のランディングページを作るべく作業をしていたのですが、いろいろ不具合があったりより良い表示方法を思いついたりと結構改善ポイントがありました。今回は...
作ってみた 量産用のランディングページの雛形を考えてみた
僕の勤める会社は複数事業を展開しており、母体となる法人のコーポレートサイトはあるものの、各事業ごとのページはありません。そのため事業名でググってもオフィシャルなサイトは出てこないという課題がありました。かと言って、現在Webを担当しているの...
作ってみた 【JavaScript】質問にYes/Noで答えていって結果を表示する
YesとNoの回答によって異なる結果を表示するプログラムを作りましたが、今回も少し似たようなものです。前回は全質問に答えさせてそのスコアを判定するというものでしたが、今回は1問ずつ表示してその回答によって質問や結果が分岐していくものを作りま...
作ってみた 【JavaScript】質問に答えてスコアに応じた結果を出力するフォーム
質問に答えていったら自分がどういう性格なのかだったり、どういうサービスを利用したらいいかといったことを判定してくれるフォームを作りました。HTMLとJavaScriptで動かしているので、ローカルに置いてちょっとした演習に使ったり、ウェブ上...
作ってみた 【JavaScript】スライドショーにフェード効果とランダム表示アレンジ
こちらの記事の続き、というかアレンジです。ブラウザ上でBGM付きのスライドショーを作成しましたが、画像の切り替えにフェードの効果がほしいところ。それと画像をランダム順に表示できるのもいいなと考えてアレンジしました。プログラムの内容こちらがサ...
作ってみた 【WordPress】ボタンで表示を切り替えるレスポンシブ対応のナビゲーションメニュー
ウェブサイト運営において、SEO的にもかなり重要なのがナビゲーションメニュー。サイト内にどのようなコンテンツがあり、それらの入り口として機能します。メニューは結構大きな範囲を占めますので、問題となるのがスマホでの表示、つまりはレスポンシブ対...
作ってみた 【JavaScript】BGM付きで写真をスライドショー
ブラウザで動作するBGM付きのスライドショーを作ります。フォルダに写真を入れてHTMLをちょっと書き換えるだけで作れます。動画で作るよりも時間短縮ですし、パワーポイントでやるよりも動作が軽いはずです。手軽にスライドショーを作れるというアイデ...
作ってみた 【JavaScript】二次元配列で所属ごとの勤務カレンダーを表示
勤めている職場で、職員の出勤予定を見られるシステムが欲しいという要望がありました。タイムカードのシステムを入れ替えたところで、入れ替え以前は誰でも予定を確認できたのが、現行のシステムでは管理者が自分の管理範囲内でしか見られないようになってし...