ここでは、過去の新人エンジニアの皆さんから相談のあった技術をご紹介しています。主としてJavaScriptやCSSを使った解決策です。リンクになっていますので、下記の見出しをクリックしてください。サンプルページがあるものには(Sample)というリンクがあり、別窓で開きます。

MySQLを使うネタ

  1. データベースのエクスポートとインポート
  2. JavaのLocalDateTime型をMySQLのDATETIME型で扱う
  3. auto_incrementの連番をリセットする
  4. view表を作る
  5. 日付関数を知りたい
  6. ストアドプロシージャを作る
  7. ストアドプロシージャをJavaから呼び出す
  8. MySQL WorkbenchのLimitを外す
  9. MySQL WorkbenchのSafe Updatesを外す
  10. ユーザーを作成し権限を付与する
  11. テーブルの自己結合
  12. テーブルのデータを定期的に更新したい
  13. データの矛盾が起こらないように排他制御したい
  14. トランザクションを使いデータの不整合を防ぐ
  15. 開始終了時間を指定してレンタル予約可能なものを知りたい
  16. MySQLに入っている誕生日をJavaで扱いたい

Javaを使うネタ

  1. 日本語文字化け対策のFilter
  2. JavaScriptのサニタイズをするFilter
  3. ログインチェックのFilter
  4. jspの直打ちを禁止するFilter
  5. エラーが起こった場合にエラーページに遷移させるFilter
  6. ブラウザキャッシュを無効化するFilter
  7. 定型コードを書かないで済むようにLombokを使いたい
  8. コードを書いていて行き詰まったらFIXMEで後日チャレンジする
  9. パスワードをハッシュ化したい
  10. 画像などのファイルをサーバーにアップロードできるようにしたい
  11. Fileクラスを使ってディレクトリやファイルを操作したい
  12. 大量のデータを表示するためにページネーションを使いたい
  13. キーによる高速なアクセスが可能なHashMapを使いたい
  14. 2重送信を防止したい
  15. QRコードを扱いたい
  16. APIを使い天気の情報を入手したい
  17. Eclipseの使い方で疑問がある(FAQ)

BootStrap5を使うネタ

  1. 画像を使ったスライドショーを作りたい(Sample)
  2. アラートボックスを閉じるボタンで閉じたい(Sample)
  3. アコーディオンを使って開閉できるようにしたい(Sample)
  4. バッジを使ってユーザーの注意を引きたい(Sample)
  5. プログレスバーを使って進捗を示したい(Sample)
  6. パンくずリストを使ってユーザー回遊を促したい(Sample)
  7. モーダルウィンドウを使ってユーザーの注目を集めたい(Sample)
  8. ドロップダウンメニューを使って小さな面積で選択肢を示したい(Sample)

HTML/CSSを使うネタ

  1. 様々なフォーム部品を使いたい
  2. Font Awesome 5を使いたい (Sample)
  3. モーダルウィンドウを作りたい (Sample)
  4. 背景画像を1枚の写真で覆いたい(Sample)
  5. 背景を動画で覆いたい(Sample)
  6. ラジオボタンのラベルの色を変化させて押しやすくしたい(Sample)
  7. ラジオボタンを選択した際の色を変えたい(Sample)
  8. フォーム部品をグループ化して分かりやすくしたい(Sample)
  9. スピナーを表示してユーザーの処理待ちのストレスを軽減したい (Sample)
  10. グーグルウェブフォントを使いたい (Sample)
  11. 画像を丸く切り抜きたい(Sample)
  12. ビデオを再生したい(Sample)
  13. ページ内リンクでゆっくりスクロールさせたい(Sample)
  14. マウスではなくショートカットキーで操作したい(Sample)
  15. 選択できる日時を制限したい。今日から3ヶ月間で15分刻みの時間を指定したい(Sample)
  16. 「必須」などの文字を項目の後ろにつけたい(Sample)
  17. 画像の中央揃えをまとめてほしい(Sample)
  18. テキストの中央揃えをまとめてほしい(Sample)
  19. 入力フォーム側で様々な入力チェック(バリデーション)をしたい(Sample)
  20. 入力欄で予測変換(入力候補)を出したい(Sample)
  21. 音楽ファイルを扱いたい(Sample)

JavaScriptを使うネタ

  1. データ送信を確認するダイアログを出したい(Sample)
  2. モーダルウィンドウを作りたい(Sample)
  3. 下にスクロールしたら「ページトップへ戻る」を表示させたい(Sample)
  4. リアルタイムにインクリメンタルサーチをしたい(Sample)
  5. 進捗バーをアニメーションで動かしたい(Sample)
  6. リアルタイムバリデーション付きユーザー登録フォームを作りたい(Sample)
  7. オンラインショールームを作りたい(Sample)
  8. タブで表示を切り替えたい(Sample)
  9. トースト通知を作りたい(Sample)
  10. 郵便番号から住所を自動入力したい(Sample)
  11. OKとキャンセルが選べるダイアログを表示したい(Sample)
  12. データが入力できるダイアログを表示したい(Sample)[
  13. 「同意する」をチェックしないと押せないボタンを作りたい(Sample)
  14. 更新中を表示するボタンでユーザーのストレスを軽減したい(Sample)
  15. アップロードする画像をプレビュー表示させたい(Sample)
  16. 画像をスライドさせたい(Sample)
  17. 折れ線グラフを表示したい(Sample)
  18. 円グラフを表示したい(Sample)
  19. 棒グラフを表示したい(Sample)
  20. 一定時間経過後に処理を実行させたい(Sample)
  21. マウスイベントを検知したい(Sample)
  22. 自ウィンドウを閉じたい(Sample)
  23. リンクを新しいウィンドウで開きたい(Sample)
  24. テキストエリアに入力された文字数を数えたい(Sample)
  25. モーダルウィンドウの画像のギャラリーを作りたい(Sample)
  26. パスワードを表示するチェックボックスをつけたい(Sample)
  27. ページネーションでページ送りしたい(Sample)
  28. サイドバー(ドロワー)メニューを作りたい(Sample)
  29. テキスト読み上げ機能を実装したい(Sample)
  30. ツールチップで詳細情報を表示したい(Sample)
  31. トランプのカードをダブルクリックでめくる効果を表現したい(Sample)
  32. Google Map APIを使いたい(Sample)
  33. Ajaxを使いページを更新することなくページの内容を入れ替えたい(非同期通信を行いたい)
  34. Ajaxを使いバリデーションをしたい
  35. Ajaxを使いリアルタイムチャットを実現したい
  36. Ajaxを使いJSON形式のデータを取得したい
  37. デフォルトで選択できる日時を過去の日付にしたい。20年前をデフォルトにしたい(Sample)
  38. 過去の日付を選択できないようにしたい。(Sample)
  39. 日時選択で開始日時以前の終了日時を選択できなくしたい。(Sample)

その他外部リンク

  1. Bootstrap5のコンポーネント一覧
  2. Bootstrap5のチートシート
  3. 写真のフリー素材
  4. 画像の形式変換(PNG、WEBP等をJPG形式に変換)とサイズ変換
  5. codic: プログラマーのためのネーミング辞書
  6. 疑似個人情報データ生成サービス
  7. ダミーテキストジェネレータ
  8. 開発者向けのウェブ技術 MDN

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