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

MySQLを使うネタ

  1. データベースのエクスポートとインポート
  2. JavaのLocalDateTimeとMySQLのDATETIME型を連携させる方法
  3. AUTO_INCREMENTをリセットしたいときの対処法と注意点
  4. オートコミットモードのオンオフを切り替えたい
  5. ビュー（View）の使い方とメリット
  6. MySQLの日付操作まとめ＆使い方ガイド
  7. クエリ結果の行数を制限したい
  8. MySQL Workbenchでセーフモードを解除する方法
  9. 外部キー制約を一時的に無効にしたい
  10. ユーザー権限を安全に扱うための基本ガイド
  11. MySQLで自己結合（Self Join）を使いこなす
  12. テーブルのデータを定期的に更新したい
  13. データの矛盾が起こらないように排他制御したい
  14. MySQLのストアドプロシージャをJavaから呼び出す方法
  15. 開始終了時間を指定してレンタル予約可能なものを知りたい

Javaを使うネタ(共通)

  1. パスワードを安全にハッシュ化する方法
  2. キーによる高速なアクセスが可能なHashMapを使いたい
  3. コードを書いていて行き詰まったらFIXMEで後日チャレンジする
  4. Eclipseの使い方で疑問がある（FAQ）

Java Servletを使うネタ

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

Spring Bootを使うネタ

  1. パスワードを安全にハッシュ化する方法
  2. 存在しないURLにアクセスされたときにエラーページを表示したい
  3. チェックボックスの値をListや配列で受け取る方法
  4. セレクトボックスを使ったフォーム送信
  5. フォームからコントローラーに渡したいデータが多すぎるときの対応方法
  6. LINEのように複数人でチャットできるようにしたい
  7. 検索条件を動的に変更できるDAOを作りたい
  8. Thymeleafで入れ子のリストにアクセスする方法を知りたい

HTML/CSSを使うネタ

  1. 背景を動画で覆いたい (Sample)
  2. 背景画像を1枚の写真で覆いたい (Sample)
  3. 様々な要素を中央ぞろえや右寄せにしたい (Sample)
  4. Font Awesome を使いたい (Sample)
  5. グーグルウェブフォントを使いたい (Sample)
  6. モーダルウィンドウを作りたい (Sample)
  7. ラジオボタンのラベルの色を変化させて押しやすくしたい (Sample)
  8. ラジオボタンを選択した際の色を変えたい (Sample)
  9. フォーム部品をグループ化して分かりやすくしたい (Sample)
  10. 画像を丸く切り抜きたい (Sample)
  11. ビデオを再生したい (Sample)
  12. ページ内リンクでゆっくりスクロールさせたい (Sample)
  13. 「必須」などの文字を項目の後ろにつけたい (Sample)
  14. 入力フォーム側で様々な入力チェック（バリデーション）をしたい (Sample)
  15. datalistを使って入力欄で予測変換（入力候補）を出したい (Sample)
  16. 音楽ファイルを扱いたい (Sample)
  17. floatを使って写真と文字を横に並べたい (Sample)
  18. flexboxを使って写真と文字を横に並べたい (Sample)
  19. gridを使って写真と文字を横に並べたい (Sample)
  20. メールアドレス等を指定してメールを送れるリンクを作成したい (Sample)
  21. 吹き出しにタイプライター効果で文字列を表示したい (Sample)
  22. 最大値と最小値の制限のある数値入力フォームを作りたい (Sample)
  23. ボタンにホバーした際の様々な効果を知りたい (Sample)
  24. GoogleMapを使って現在地から目的地までのルートを表示したい (Sample)
  25. ツールチップで詳細情報を表示したい (Sample)

BootStrap5を使うネタ

  1. アラートボックスの通知を閉じるボタンで閉じたい (Sample)
  2. アコーディオンを使って開閉できるようにしたい (Sample)
  3. バッジを使ってユーザーの注意を引きたい (Sample)
  4. プログレスバーを使って進捗を示したい (Sample)
  5. パンくずリストを使ってユーザー回遊を促したい (Sample)
  6. モーダルウィンドウを使ってユーザーの注目を集めたい (Sample)
  7. ドロップダウンメニューを使って小さな面積で選択肢を示したい (Sample)
  8. 写真とテキストを横に並べたい (Sample)
  9. トースト通知を表示して一定時間が経過したら非表示にしたい (Sample)

JavaScriptを使うネタ

フォーム

画像

動き

アニメーション

  1. 数値をカウントアップするアニメーションを作成したい (Sample)
  2. 進捗バーをアニメーションで動かしたい (Sample)
  3. トランプのカードをダブルクリックでめくる効果を表現したい (Sample)
  4. 瞑想のアプリを作りたい (Sample)

日時

その他

  1. テキスト読み上げ機能を実装したい (Sample)
  2. 車の画像をクリックしてエンジン音を再生したい (Sample)
  3. ２択質問ゲームを作りたい (Sample)
  4. 1枚のHTMLをボタンで切り替えて複数枚のように見せたい (Sample)
  5. Google Map APIを使いたい (Sample)
  6. JavaScriptで簡易的に見積もりをしたい (Sample)
  7. 遅延読み込みと慣性ローディングを実現したい (Sample)
  8. X(旧Twitter)、Facebook、LINE等に投稿したい (Sample)
  9. 日本語だけでなく英語などの多言語に対応したサイトを作りたい (Sample)
  10. バッテリーの状態を表示したい (Sample)
  11. webカメラを起動したい (Sample)
  12. 音声チャットを実現したい (Sample)
  13. 現在のページをPDFやCSVにしてダウンロードしたい (Sample)
  14. コピーできないWebページを作成したい (Sample)
  15. 〇〇診断のような調査ページを作成したい (Sample)
  16. JavaScriptを使ったゲームアイディア集
  17. Ajaxを使いJSON形式のデータを取得したい
  18. Ajaxを使いページを更新することなくページの内容を入れ替えたい（非同期通信を行いたい）
  19. Ajaxを使いバリデーションをしたい
  20. Ajaxを使いリアルタイムチャットを実現したい

JavaScriptのライブラリを使うネタ

コピペできるCSSのスニペット集

その他外部リンク

  1. Bootstrap5のコンポーネント一覧
  2. Bootstrap5のチートシート
  3. 写真のフリー素材
  4. 画像の形式変換（PNG、WEBP等をJPG形式に変換）とサイズ変換
  5. codic: プログラマーのためのネーミング辞書
  6. 疑似個人情報データ生成サービス
  7. ダミーテキストジェネレータ
  8. faviconジェネレータ
  9. 開発者向けのウェブ技術　MDN
  10. 画像をクリックしてリンク先に飛ぶようにできるクリッカブルマップ
JavaWebアプリケーション目次に戻る

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

研修のカリキュラムを見てみる