コラムカテゴリーWebサービス

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

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

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

画像や写真をピクセル化するには？ 画像を大きな色のセルに分割すると、ドット絵やレトロゲーム、モザイクアートのようなデザインに加工できます。 この加工は一般的に「ピクセル化」と呼ばれ、写真の細かな情報をあえて省略することで […]

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

画像をサーモグラフィ風に加工するには？ サーモグラフィでは、温度の違いを赤、黄色、青、紫などの色へ置き換えて表示します。 この特徴的な配色を通常の写真や動画へ適用すると、赤外線カメラで撮影したような、科学的でインパクトの […]

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

写真をハーフトーン・ドット化するには？ 写真を小さな点の集合で表現すると、漫画のスクリーントーンや新聞印刷のようなデザインに加工できます。 このように、ドットの大きさや密度によって画像の明るさや色を表現する手法を「ハーフ […]

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

画像が無限に続く「ドロステ効果」とは？ 画像の中に同じ画像があり、その中にもさらに同じ画像が続いているように見える表現を「ドロステ効果」と呼びます。 画像を繰り返し縮小して配置することで、中心へ向かって無限に続いているよ […]