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