まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効

指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ

Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 お茶の水女子大学と東京工科大学、ヤフー、東京大学による研究チームが開発した「CircWood: Laser Printed Circuit Boards and Sensors for Affordable DIY Woodworking」は、レーザー加工機で木材にレーザーを照射し、一部を炭にすることで木材表面に直接電子回路を作成する手法だ。炭化部分は、一般的なプリント基板（PCB）の配線と同様に電気が流れる配線として機能する。 既存の類似手法では、フェムト秒（fs）レーザー加工機によるラスタスキャン方式（主に彫刻に用いられる方式）のレーザーを用いてグラフェンを生成し、これを利用した電子回

俺もその春になると湧くおかしいやつだった。4年前まで。 【更に追記→『背景はそれぞれだろうが、こういうケースもあるんだな』という話だ。 『花粉症がここまで問題になる前から〜』に星入れる前に、『木の芽時知らんのか』とかコメする前に、ちゃんと読もう。 なにぶんただの日記がホッテントリになるとは思ってなかったので、見落としやすい書き方にはなっていたのだろうが、春におかしいやつが湧く理由は様々あろう中で、こういうケースがあった、そして解決できたんだという主旨の日記だ。】 毎年春にはなんかしら発狂していた。そして、夏になる頃に後悔する。けど次の春にはまた何かやらかすというループだった。 さすがにいくらなんでもおかしいと思っていたんだが、精神科とかにかかるのは怖いというか世間体やらで気が引けて、「次こそは気をしっかり持つぞ！」と意気込んで、結局毎年何かやらかしていた。 だが、4年前の春に警察の厄介にな

カッコつけたタイトルを付けてしまった。中二っぽい。 強がりと言うか、自分に言い聞かせている部分もあるのだと思う。 有り体に言うと、新しい環境にまだ苦しんでいて、上手く動けていない。こんなことを書くと同僚に心配されてしまいそうだが、同僚には現状を伝えていて、その上で信頼してくれているとも感じている。会社に不満があるわけではなくて満足している。 少し精神的に参っていたので、今週前半は少し休ませてもらった。これは休んだほうが良いな、と思ってyoshioriさんに相談したところ、こちらから休みについては何も言わずとも「休んだほうが良いよ」と言ってくれた。話が早くてありがたかった。 現状意識していることや感じていることについて書き留めておく。 成果を完璧に出せてはいないが淡々とやる 現状、社内では成果目標を定めて、達成度を振り返るというのを毎月やっているが、1月に関しては100%をつけることができた

// CommonJS Modules の場合 const fs = require("fs"); const fs = require("node:fs"); // ES Modules の場合 import fs from "fs"; import fs from "node:fs"; process のように、グローバル変数としても組み込みモジュールとしても提供されているAPIもあります。 global globalThisの別名です。Webブラウザでは window と self がglobalThisの別名として定義されていますが、Node.jsには window や self はなく、かわりに global が定義されています。 Buffer ArrayBuffer, TypedArray (Uint8Arrayなど), DataView はJavaScriptの標準機能です。

Linux Daily Topics 2022年2月22日「FreeDOS 1.3」がリリース、オープンソースのMS-DOS互換OSが5年ぶりにアップデート FreeDOSプロジェクトは2月20日、「⁠FreeDOS 1.3」のリリースを発表した。前バージョンの「FreeDOS 1.2」がリリースされた2016年12月以来、約5年ぶりのメジャーアップデートとなる。 The FreeDOS Project FreeDOS 1.3 report FreeDOS Archive / OS / builder -GitLab FreeDOSはオープンソース（GPL）のMS-DOS互換OSで、クラシカルなDOS画面とコンパクトなサイズに惹かれるファンも多く、レガシーアプリの動作環境や組込みシステムの開発環境としても根強い人気をもっている。1994年6月にプロジェクト（当初は"PD-DOS"）が開始さ

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

パソコンの無線接続などに使う機器「ルーター」についてセキュリティー会社が調査したところ、国内にあるおよそ19万の機器がインターネットを通じて外部からアクセスできる状態になっていて、このうち14万台近くがすでにサポートが終了していたり最新のソフトウエアに更新されていないことが分かりました。セキュリティー会社はサイバー攻撃を受けるリスクが高い状態にあるとして注意を呼びかけています。 東京のセキュリティー会社「ゼロゼロワン」が今月中旬、国内の家庭用のルーターを対象に調査したところ、およそ19万台が外部からアクセスできる状態になっていました。 アクセスを試みたときの通信の反応から機器の種類やソフトウエアのバージョンを判別し分析したところ、メーカーがサポートを終了している、またはソフトウエアの提供が1年以上行われていない機器が6万6757台、ソフトウエアが最新の状態にアップデートされていない機器が9

ハードウェアやモニターのサイズ、ユーザーとの位置関係にも依存するが、4Kの液晶モニターなどを導入した際に、Windowsで文字が小さくてストレスを感じることがある。このときWindowsにはいくつか対応する設定がある。今回はこれを整理して解説する。 Windows 11では、表示を拡大するカスタムスケーリングに目立つ警告が表示されるようになった。Windows 10でも簡単な警告はあったが、よほどトラブルが多かったのであろう。とにかくWindowsでは、カスタムスケーリング設定は触らないのが吉だ Windowsにおける解像度、dpi、画面サイズの簡単な理解 設定する際にまず理解しておくべきことは、「解像度」「dpi」「画面サイズ」の関係だ。解像度とは、ディスプレイに表示される縦横のドット数で、基本的にはディスプレイアダプター（GPU）とディスプレイモニター（以下、モニターと表記）の関係で決