ここでは、Webアプリケーション研修で新人エンジニアの皆さんからよく聞くやりたいことやお困りごとの解決策を紹介しております。JavaScriptやCSSも扱います。リンクになっていますので、下記の見出しをクリックしてください。

JSP/Servletを使うネタ

サーブレットでXSS対策をしたい

パスワードをハッシュ化したい

パスワードジェネレータを作りたい(Sample)

HTML/CSSを使うネタ

ラジオボタンのラベルの色を変化させて押しやすくする

radio

フォーム部品をグループ化してわかりやすくする

fieldsetAndLegendpng

スピナーを表示してユーザーの処理待ちのストレスを軽減したい (Sample)

Font Awesome 5を使いたい (Sample)

グーグルウェブフォントを使いたい (Sample)

モーダルウィンドウを作る (Sample)

沈み込むような視覚効果のあるボタンにしたい

中央ぞろえにしたい

Webページで前回アクセス時のキャッシュが残り、次回アクセス時のフォームデータにデータが自動で入力されることを防ぐ

ページ内リンクでゆっくりスクロールさせたい

マウスを載せたら画像を変化させたい

画像を丸く切り抜きたい

JavaScriptを使うネタ

OKとキャンセルが選べるダイアログを表示したい

時計を表示させたい

日付を表示させたい

データ送信を確認するダイアログを出したい

ブラウザバックのリンクを作成したい

戻る

ブラウザバックを禁止したい

データをクッキーを使って読み書きしたい

下にスクロールしたら「ページトップへ戻る」を表示させたい

画像をスライドさせたい(Sample)

折れ線グラフを表示したい(Sample)

円グラフを表示したい(Sample)

棒グラフを表示したい(Sample)

Webアプリケーション制作のための小ネタ集 最後までお読みいただきありがとうございます。