コラムカテゴリーWeb制作/システム開発

WebサイトやLP、バナー、ボタン、カードUIなどを制作する際、背景にグラデーションを使いたい場面があります。 グラデーションを使うことで、単色背景よりも奥行きや動きのある印象を作りやすくなります。 一方で、CSSのグラ […]

Web制作やデザイン制作では、カラーコードを変換したい場面がよくあります。 たとえば、デザインカンプで指定されたHEXカラーをCSSのRGBやHSL形式に変換したいとき、Tailwind CSSで近い色クラスを確認したい […]

Webサイトや店舗運営、チラシ、名刺、パンフレット、営業資料などで、QRコードを使う場面は多くあります。 たとえば、WebサイトのURLを案内したいとき、問い合わせフォームへ誘導したいとき、店舗のWi-Fi情報を共有した […]

Webサービスや管理画面、サーバー、外部ツールのアカウントを利用する際に重要なのが、強力なパスワードの設定です。 短いパスワード、推測されやすい単語、使い回しているパスワードは、不正ログインや情報漏えいのリスクを高めます […]

Web制作やシステム開発では、ハッシュ値を確認したい場面があります。 たとえば、ダウンロードしたファイルが改ざんされていないか確認したいとき、API連携で使用する署名の元データを確認したいとき、テスト用のハッシュ値を生成 […]

システム開発やWeb制作では、変数名、関数名、CSSクラス名、ファイル名、APIのキー名などを命名する場面が多くあります。 その際に重要になるのが、命名規則の統一です。 たとえば、JavaScriptではcamelCas […]

Web制作やシステム開発では、正規表現を使う場面が多くあります。 たとえば、メールアドレスや電話番号のバリデーション、ログファイルからの文字列抽出、URLや日付の検出、テキスト置換、フォーム入力値のチェックなどです。 正 […]

技術記事、README、仕様書、メモ、ドキュメント作成では、Markdownを使う場面が多くあります。 Markdownは、見出し、箇条書き、リンク、コードブロック、表などをシンプルな記法で書けるため、エンジニアやライタ […]

文章やコードを修正したあと、どこが変わったのかを確認したい場面はよくあります。 たとえば、原稿の修正前後を比較したいとき、HTMLやCSSの変更箇所を確認したいとき、CMSに反映した文章が元原稿と一致しているか確認したい […]

Webサイトの原稿作成、SEO記事制作、SNS投稿、フォーム入力内容の確認では、文字数をチェックしたい場面がよくあります。 たとえば、記事タイトルやメタディスクリプションの文字数を確認したいとき、SNS投稿を文字数制限内 […]