まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
3大イラッとくる入力フォーム
ペースト出来ないID/パスワード欄 4つに分割されてるクレジットカード番号入力欄 入力した後で記号は使えませんとか言ってくるパスワード欄 あと一つは？
「丁目、番地が全角しか入力できない」「何の入力チェックでエラーが出ているのかわからない」みんながネットでイラつく#クソ入力フォーム選手権 開催中
米村歩@日本一残業の少ないIT企業社長 @yonemura2006 ・丁目、番地が全角しか入力できない ・電話番号が全角しか入力できない ・建物名が全角しか入力できない ・生年月日がカレンダーで果てしなきページ送りを要求される ・何の入力チェックでエラーが出ているのかわからない ・入力チェックエラーになると入力内容が全部消える #クソ入力フォーム選手権 2021-09-06 22:44:39
2022年10月25日、ショーケースは同社が提供する複数のサービスが不正アクセスを受けたため、サービスを利用する企業のWebサイトを通じて入力された情報が外部へ流出した可能性があると公表しました。ここでは関連する情報をまとめます。 フォーム入力支援やサイト最適化サービス改ざんで複数社に影響波及 www.showcase-tv.com 不正アクセスによりショーケースが提供するサービスのソースコードの改ざんが行われた。対象サービスが稼働するシステムの一部で脆弱性を悪用されたことが原因。 被害に遭ったのは「フォームアシスト」「サイト・パーソナライザ」「スマートフォン・コンバータ」の3つ。フォームの入力支援やサイト表示最適化を行うサービスで利用企業は同社が公開するJavaScript (formassist.jp、navicast.jp上で公開)を自社サイトより読み込むことで利用する。 改ざん被害
「めちゃくちゃ有用だけど、きつい現実を突きつけられる」──こんな口コミで、あるWebサイトが話題になっている。「データはどのように収集しましたか？」「この論文で検証したいことは何ですか？」など複数の設問に回答することで、論文の骨組みを出力してくれるWebフォームだ。 設問は、データの正確性、研究の正確性、研究の意義、研究の必要性の4種類に分かれており、それぞれのテーマに沿った質問を用意している。入力した後は「論文骨子へ変換」をクリックするだけで、論文タイトルから要旨、実験方法、結論などを表示する。 作成したのは「独学大全」などの書籍で知られる、作家の読書猿（@kurubushi_rm）さん。自身のブログに「論文に何を書くべきか→これだけは埋めろ→論文作成穴埋めシート」と題して2012年2月に投稿したものだ。「穴埋めしたら論文を出力してくれるものが作れないか」という話を受けて、シートを作成し
Google Forms APIが正式リリース。Googleフォームの作成や編集、集計などをプログラミングで制御可能に
Google Forms APIが正式リリース。Googleフォームの作成や編集、集計などをプログラミングで制御可能に アンケートやクイズなどを簡単に制作できるGoogleフォームをAPI経由で作成、編集できる「Google Forms API」が正式版となったことを、Googleが発表しました。 Introducing the new Google Forms API! Developers can now build powerful integrations on top of Forms. Here's how you can use the new Forms API and what’s in it → https://t.co/zLcaEw2ru1 What will you build for Google Workspace? pic.twitter.com/oSkPqx
すもも on Twitter: "男性が異性と恋人関係になる大変さは女性にあまり理解されていなような気がする。 先日Googleフォームアンケートした結果でも、「男性の損だと思うこと」の回答で「恋愛のハードルの高さ」が、「異性嫌悪の原因」の回答で「恋愛場面におけ… https://t.co/ShUVTTSjWX"
男性が異性と恋人関係になる大変さは女性にあまり理解されていなような気がする。 先日Googleフォームアンケートした結果でも、「男性の損だと思うこと」の回答で「恋愛のハードルの高さ」が、「異性嫌悪の原因」の回答で「恋愛場面におけ… https://t.co/ShUVTTSjWX
アンケートなどを簡単に制作できるGoogleフォームをAPI経由で作成、編集できる「Google Forms API」が発表されました。 The #DeveloperCommunity has more power! Thanks to the new Google Forms API, you have the ability to build powerful integrations on top of forms. Check out automation use cases https://t.co/3rwg3qr5Vg — Google Developers (@googledevs) October 12, 2021 Googleフォームは、質問項目や選択肢が並んだフォーム画面を作り、公開すると、自動的に結果がGoogle Spreadsheetに集計され、容易にグラフ化など
「全ての住所フォームがこうなってほしい」 SIerが公開した“使いやすい入力欄”の作り方が話題 ソースコードも掲載
「郵便番号を入れる枠はひとまとまりに」「郵便番号を基にした住所の自動入力を搭載する」といった、使いやすい住所入力フォームを作る知見をまとめたブログ記事が話題だ。「はてなブックマーク」で1000ユーザー以上がブックマークした他、Twitterでも「参考になる」「全ての住所フォームがこうなってほしい」などの反応を集めている。 ブログでは、入力の煩雑さから離脱してしまうユーザーを減らすためにすべきことを大きく4つに分ける。 「郵便番号の枠はひとまとまりに」「郵便番号を入れたら即座に、もしくはユーザーがボタンを押したら住所を自動入力する」に加え「Webブラウザが備える住所の自動入力機能に対応・最適化する」「入力欄は『都道府県』『市区町村』『町名以下』の3欄を基本とし、『建物』欄はオプションとする」といった機能が必要と紹介。それぞれの実装に当たっての注意点などを説明している。 これらの機能を搭載した
共産党赤旗、コンビニで見かけた成人誌の密告フォームを作成「国連に持ち込んで問題にする」ヤングジャンプ、ヤングキング、ヤングアニマルなどが対象
リンク Google Docs コンビニの成人向け雑誌 全国調査 12月末におこなった３日間のプレ調査（517店舗）で、私たちの運動や調査などでなくしたはずのコンビニの成人向け雑誌が各地で復活していることがわかりました。 今回は本格的な全国調査をおこないます。性別や年齢問わずだれもが利用するコンビニに、女性を性的対象として扱う成人向け雑誌が置かれているのか調査し、結果を持ってコンビニ本社へ要請します。 また、国連女性差別撤廃委員会（CEDAW）へのレポートにもり込みます。 ぜひ、ご協力ください。 ※回答は1店舗ずつでお願いします。 〆切：〜４月10日（水） ・・・（１次 8
ゴボウの助 on Twitter: "もう高校やばい。Googleに魂売ってる。授業で全員にGoogleアカウント作らせ、英語はGoogleスライドでプレゼン作りGoogleドライブに提出、世界史ではGoogleフォームを使って質問を募集、生物では先生が動画を撮ってY… https://t.co/ubHJV4Dlxk"
もう高校やばい。Googleに魂売ってる。授業で全員にGoogleアカウント作らせ、英語はGoogleスライドでプレゼン作りGoogleドライブに提出、世界史ではGoogleフォームを使って質問を募集、生物では先生が動画を撮ってY… https://t.co/ubHJV4Dlxk
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
個人情報流出の出会い系アプリ「omiai」、運営会社の問い合わせフォームから更に個人情報流出 : 市況かぶ全力２階建
日刊SPA！に登場の医学生投資家、儲け自慢に熱を入れるあまり「11歳から親の口座で投資を始めた」と借名取引をうっかり告白
すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を
フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for Better Forms by Jim Raptis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 01. ラベルを常に記述する 02. Zパターンを避ける 03. ラベルを入力欄の上に配置する 04. 右揃えのラベルを使用する 05. 関連する入力欄をグループ化する 06. ユーザーフローを尊重する 07. スペースを与える 08. ラベルの繰り返しを避ける 09. エラーメッセージは分かりやすく 10. 必要に応じてドロップダウンを使用する 11. プレースホルダーを活用する 12. ボタンは1つに
Vue.jsを使用して、Webページやスマホアプリでよく使用されるフォームを簡単に実装できるVue Formulateを紹介します。 サインアップ、ログイン、メールアドレス、ファイルのアップロード、アンケートなど、さまざまなフォームをサポートしており、バリデーション機能も備えています。 Vue Formulate Vue Formulate -GitHub Vue Formulateの特徴 Vue Formulateのデモ Vue Formulateの使い方 Vue Formulateの特徴 Vue Formulateは、Vue.jsを使用してフォームを構築する最も簡単な方法です。主な機能は、フォームとフィールドの検証、ファイルのアップロード、フォームの生成、ラベルをサポートする単一要素の入力、ヘルプテキスト、エラーメッセージ、プレースホルダーなど、さまざまなプロジェクトで使用するための包
総務省の研究会が、メタバースの未来像に関する提案書をいわゆる“Excel方眼紙”で公募していることについて、「メタバースとほど遠い、旧時代な形式だ」などとツッコミが殺到している。これを受け、河野太郎デジタル大臣は10月6日、Twitterで「次からちゃんとフォームで対応します」とコメントした。 募集しているのは、総務省の「Web3時代に向けたメタバース等の利活用に関する研究会」の議論の参考にするための提案。メタバース社会の未来像や課題などを、Excelのセルを方眼紙のように整形した用紙に書き込んで、メールに添付して送るよう求めている。 いわゆる“Excel方眼紙”は、官庁などでよく使われているが、画面上で見た目を整えられる一方、データの再利用や編集が面倒になる――などの問題が長く指摘されてきた。 総務省が今回、メタバース社会という未来像の提案を、長く批判されている“旧時代”な形式で求めたこ
使いにくいUI、間違いやすいインタラクション、誤解されるデザインパターンを再現したUser Inyerfaceを紹介します。ベルギーの制作会社「Bagaar」による、使いにくい最悪なユーザインターフェイスを楽しむゲームです。 けっこうイラッとするので、心に余裕がある時にお楽しみください。
白栁隆司@エンジニアカウンセラー @ShirayanagiRyuj @assialiholic すみません。 何故悪いフォームなのかが理解できないのです。 普通のフォームだな、と思ってしまいます。 お手数ですが、解説をお願いできますでしょうか？ 2020-09-11 10:46:09 歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic @ShirayanagiRyuj 主に ・カードのブランドは選択させる必要がない（カード番号から判別できるため） ・カード番号入力欄が4つに分かれている（おまけに4桁入力したら勝手に次に遷移するので、修正が面倒です。入力欄は1つでOK） ・有効期限に独自の並び、形式を使用している（ここでめっちゃハマりました） です！ 2020-09-11 10:50:52 白栁隆司@エンジニアカウンセラー @Shirayanagi
脆弱なAWS S3侵害によるユニクロオーストラリアの入力フォーム改ざんについてまとめてみた - piyolog
Netcraftは、2019年5月13日頃にユニクロのオーストラリア向けオンラインショップが改ざんされ、画面上で入力する様々な情報が外部へ流出する可能性があったと報告しました。データの送信先や改ざんの手口から、RiskIQなども発表していたmagecartによる攻撃を受けたとみられます。 その後レポートは更新され、ファーストリテイリングより提供を受けた情報を元に、実際にはカード情報を含む顧客データが盗まれた可能性は低いと訂正されました。ここでは関連する情報をまとめます。 ユニクロオーストラリアの侵害 2019年8月29日、Netcraftが調査レポートを公開した。 news.netcraft.com Netcraftが事態を認知したのは2019年5月18日。 オンラインショップ利用者の情報が影響を受ける可能性があった。 発表当初はカード情報が必ず窃取される報告だったが、その後その可能性は低
フォームのボタン配置は、多くの場合無視されるか、見映えに基づいて優先順位がつけられます。しかし、ボタン配置は非常に重要で、フォームを使いづらくする要因の一つであるため、正しく配置することが不可欠です。 フォームのボタン配置は、対象のボタンとフォームのタイプに依存されます。 さまざまなタイプのフォームを総合的に調査・分析し、それぞれのタイプでどこにボタンを配置するかについて解説します。 Where to put buttons on forms by Adam Silver 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 プライマリボタンは入力欄の左端に揃える 「戻る」ボタンはフォームの上に配置 分岐するアクションはフォームの上に配置 機能に応じて追加のボタンを配置 一部の単一フィールドのフォームでは、入力欄の横にボタンを配置 マ
CSSの新しいプロパティ「field-sizing: content;」が便利！ フォームのサイズを入力された文字量に合わせて自動変更
今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは
このシステムの利用者として想定しているのは「著作物の創作や演技・演奏等の実演を職業としない者」と「その利用を職業としない者」、つまり個人同士が契約を結ぶ場合の利用を想定しているという。 文化庁は「著作物の利用形態は多様化し、一次利用の他に、電子媒体などでの二次利用で用いられる場面が増えている」とし「しかしその一方で、一般の人同士は口頭による契約が多く、その後の多様な著作物などの利用に際してトラブルが発生する場合も見られる」と指摘。 一方で、「著作権に関する法律や契約実務の知識がない人にとって、契約書を作るのは容易ではないのが実情」（同）とも説明。このシステムを通して、契約書締結のハードルを下げて文書による契約を推進し、著作物などの利用に関するトラブルを減らす狙いがある。 作ったひな型を使う場合は、作成した内容をよく理解した上で、当事者間で条件を確認、手直しした上で使ってほしいとしている。
Ruby on Rails を用いたシステム上で入力フォームを実現する際、Rails が提供しているフォームヘルパーを利用した実装や、React や Vue によるコンポーネントの自前での実装が一般的に行われます。 ここで、職業で学生を選択した場合は学校名と学年、会社員を選択した場合は役職と年収を入力する...といった、条件分岐が大量に生まれる入力フォームを想像しましょう。 一般的な実装手法では、あるフォームの入力値が他のフォームに影響を与えるような、複雑で動的な入力フォームの実現をするために、大量の if 文を書く必要があります。 また、ユーザから送信された入力値の正しさをバリデーションするために、バックエンド側に同様の if 文を大量に書く必要が出てきます。 そこで私は、複雑な仕様の入力フォームの実装のための JSON Schema 活用方法および事例について紹介します。入力フォームの
S3 静的ウェブサイトにサーバーレスなお問い合わせフォームを実装してみた（Amazon SES + AWS Lambda + API Gateway） | DevelopersIO
S3 静的ウェブサイトにサーバーレスなお問い合わせフォームを実装してみた（Amazon SES + AWS Lambda + API Gateway） はじめに みんなが大好きな Amazon S3 の「静的ウェブサイトホスティング」で公開した HTML ウェブサイトに、メールフォーム付きのお問い合わせページが欲しくなるケースも多いと思います。 そこで今回は AWS のクラウドサービスをフル活用し、完全にサーバーレスで動作するメールフォームを構築してみました。 1時間ほどの作業でお問い合わせフォームを実装でき、AWS に触れることで「サーバーレス構成」の基本を理解するのにも役立ったので、備忘を兼ねて構築方法をご紹介します！ 今回の構成（概略図） サーバーレスだと何が嬉しいの？ おサイフに優しい メール送信のバックエンドに利用するAWSサービス（Amazon SES、Lambda、API G
こんにちは。転職ドラフトでWebアプリケーションエンジニアをやっている@iwtnです。 転職ドラフトでは自社開発企業に特化したエージェントサービスを始めました。 agent.job-draft.jp そこでサービスの申し込みフォームを作ったのですが、その中に生年月日の入力がありました。 生年月日ということは日付の入力。 ブラウザの実装もリッチになってきて、デフォルトでinputタグの type="date" を使うだけでカレンダーまで表示されます。素晴らしいですね！ しかしこの実装の問題は多くの人が指摘しています。実際あまりよいUIとは言えません。 動作はバラバラ、特にスマホでは入力しにくい 実装はブラウザに依存します。なので統一したUIをユーザーに提供できません。 caniuse.com もちろん普段使っているブラウザで慣れていればそれがその人にとってのベストのUIにはなりえます。 しか
注意事項 かなり高度なGASの使い方なのである程度GWS（Googleフォームやスプレッドシート）やGASをわかってる方前提で書いていますので結構省略しているとこも多いです。 あと作った後に手順を書いているのでなにか抜け漏れあったらごめんなさい。 まだ作ってみただけで実際に運用はしてないのでテスト等も不十分かも。運用してからまた追記します。 コードは直接スクリプトエディタでサクッと作ったサンプルです、実際はローカルでLintかけたりするのでインデントおかしかったりしても許してください。 背景 GWSを使う際にマイドライブで外部共有可能にするとやりたい放題なのでセキュアな環境とは言い難くなる。 また組織のファイルをマイドライブにおいてしまうとファイルオーナーが退職したときの扱いに困る。上長に移管したり、退職者アカウントに移管するのが一般的かと思うが、移管するということはマイドライブのファイル
スクウェア・エニックス、新中期経営計画で「マルチプラットフォーム戦略」「量から質」への転換を掲げる - AUTOMATON
スクウェア・エニックス・ホールディングスは5月13日、2024年3月期の連結決算を発表。この中で、2025年3月期から2027年3月期にかけての新中期経営計画を策定したことを明らかにした。 前中期経営計画においては、海外スタジオや一部IPの売却を含む、HDゲーム・スマートデバイス・PCブラウザなどのポートフォリオの再構築に着手したほか、MMO事業拡大による収益基盤強化などを実施。その結果、HD開発の収益性改善や、会社全体としてのタイトルポートフォリオ管理が不十分などの課題が見えてきたという。 今回発表された新中期経営計画は「Square Enix Reboots and Awakens〜さらなる成長に向けた再起動の3年間〜」と題され、「デジタルエンタテインメント事業の開発体制最適化による生産性向上」「コンタクトポイント（顧客接点）強化による収益獲得機会の多様化」「経営基盤の更なる安定化に向
巨人・オコエ瑠偉が「暴力反社」の宴会に出席 「打撃フォームまで見せてくれた」出席者が証言【証拠写真あり】（デイリー新潮） - Yahoo!ニュース
2015年にドラフト外れ1位で楽天入りしたオコエ瑠偉。将来を嘱望されて1年目から1軍出場を果たしたが、結局レギュラーに定着することなく、昨季は6試合出場に終わっていた。オコエは昨年末、「現役ドラフト」で巨人への移籍が決まり再出発かと思われたが、そんな矢先、「暴力反社」が開いた宴会に出席していたことが週刊新潮の取材で分かった。 【証拠写真を見る】“反社”主催の宴会で笑顔を見せるオコエ瑠偉 バッティングフォームまで披露 *** 問題となっている宴会に出席した都内の男性自営業者（40）は、昨年12月17日20時ごろ、友人の誘いで東京・月島のもんじゃ焼き店を訪れたという。会の主催者は彼がかつて建築会社で働いていた頃に現場で知り合った5歳年上の先輩で、当時は鳶（とび）の仕事に就いていたという。 この“先輩”を、仮に田中氏とすると、 「友人からは、田中さんは鳶を辞めたのち、アウトローの人たちとの交流も
フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェックボックス・ラジオボタンとテキストを揃えるのは簡単に実装できます。複数行のテキストにも対応します。 <div class="flex-demo --start checkbox-input"> <label for="demo"><b>flex-start</b> 複数行の長いテキストでも大丈夫</label> <input type="checkbox" id="demo"> </div> <div class="flex-demo --center checkbox-input"> <label for="demo2"><b>center</b> 複数行の長いテキストでも大丈
メディアクエリはなし、同じHTMLとCSSで、親コンテナの幅に応じて4つの異なるレイアウトに対応したフォームを実装するFlexboxの最新テクニックを紹介します。 もちろんコンテナクエリもなしです。 同じコードでフォームをどこにでも配置でき、コンテンツでもサイドバーでもフォームは最適にレイアウトされます。Flexboxの最新のテクニックを使用すると、CSSで明示的に定義しなくても、レイアウトの柔軟性を得られます。 まずは、実際の動作をデモページでご覧ください。 サイズを変更して見るには、右上「Edit on CodePen」をクリックして別タブでご覧ください。 See the Pen Flexbox Responsive Form by Adam Argyle (@argyleink) on CodePen. ラベルが付いているデモページはこちら。 See the Pen Flexbox
新入社員たちに社内システムで「フォームに適当に文字を打ってみて」と言ったら「おまんじゅう」って打ち込んでる子がいてかわいかった。
砂川 @kaonai_ 新入社員たちに社内システムの使い方を説明するのに「ここまでできた？じゃあ次はその下のフォームに適当に文字を打ってみて」と言ったら「おまんじゅう」って打ち込んでる子がいてかわいかった。 2022-04-04 19:53:09
和服から洋服にトランスフォームできる服を作りたい
1995年、海の近く生まれ。映画と動物とバーベキューが好きです。オレンジジュースを飲んでいたコップに麦茶を注いでもらう時でも「コップこのままでいいよー！」と言えます。 前の記事：一目惚れしたタイルのテーブルをDIYしたら良すぎたので見てほしい ＞ 個人サイト たびっこ動物 デザインを描く まずは、これがあればそう見える！という和服と洋服の特徴を書き出してみた。 和服の特徴は袖と帯とえり。洋服の特徴も袖とえりだと思う。シルエットの線も特徴的だ。 ここからデザイン設計を練り、通勤中も食事中も寝る前も、ささやかな恋のようにデザインのことを考えた。 そして、決まった！ 和服からジャケットとマーメイドスカートの現代トレンドファッションへトランスフォームさせよう！ 設計図はこちら。 10年以上使ってたペンタブが壊れたので手書きです。 帯でかくして和服に見せるが、上下を分離させて作る。 上着は袖を付け替
『新型コロナワクチン接種中止』の嘆願書の同意フォームを載せている医師が経営する医院を調べてみた｜猫淵明（びょう・えんめい）
2021/6/24、新型コロナワクチンに警鐘を鳴らす医師と議員の会が、WEB上で署名を集め、ワクチン接種中止を求めて嘆願書を提出したというニュースを見ました。 これに署名した医師のプロフィール調査したかったのですが、名簿が出ていないため、この嘆願書の同意フォームのURL「https://docs.google.com/forms/d/1xpfnWRvgqc3cTr5JecQK6dxzGIHFiX3DrRBmK0jXXGs/」ないし、その短縮URL「https://bit.ly/2T2Fvb1」をブログ、ツイッター、フェイスブック等に貼って拡散・署名を求めている医師を調べてみました。 なお、これら医師を列挙しているだけであり、このNOTEでは批判も同意もしておりません。 ※末尾に、追記を２つ行いました。特に追記２の「文責」についてお読みいただき、このNOTEを紹介した方に非難をぶつけることは
【読売新聞】 賃貸集合住宅向けＬＰガス（プロパンガス）を巡り、経済産業省は２２日、ガス会社からオーナーへの利益供与を見つけた際の「通報フォーム」を年内に設ける方針を有識者会議で示した。行き過ぎた営業行為を是正し、料金の透明化を図る。
カルロス2世のWikipedia、競走馬用の血統フォームが使われてる→ハプスブルク家の近親婚は馬でもやらないヤバい血の濃さなのか...
リンク Wikipedia カルロス2世 (スペイン王) カルロス2世（Carlos II, 1661年11月6日 - 1700年11月1日）は、ハプスブルク（アブスブルゴ）家最後のスペイン国王（在位：1665年 - 1700年）。 フェリペ4世とマリアナ王妃の息子である。フランス王ルイ14世妃マリア・テレサは異母姉、神聖ローマ皇帝レオポルト1世の最初の皇后マルガリータ・テレサは同母姉に当たる。庶出の異母兄にオニャテ伯フアン・ホセ・デ・アウストリアがいる。 カルロス2世はスペイン王であると共にナポリ王国、シチリア王国などの南イタリアのほぼ全土の王であった。スペイ 13 users 37 G.B.遠藤(5G) @EndWorld318 PS4/HoI2/Stellaris。FEPKMOD共同作者もしくはFEPK-DHSA作者。Wikipediaは友達。アイコンはFullkaiの人に描いていた
フォームはウェブサイトの中でもインタラクションの多い箇所です。ユーザー側にきちんと情報を伝え、そして正しく入力してもらう必要があるのでアクセシビリティーには気をつけたいです。アクセシビリティー対応といえばWAI-ARIAによる支援がありますが、この記事ではWAI-ARIAに限らずどう対応するべきなのか、デモを用いて紹介します。 バリデーションに関してシンプルに実現できるものと、ちょっと凝ったリアルタイムバリデーションのものと2例用意しています。後者は動的に変化するコンテンツへのアクセシビリティー対応について解説しています。 サンプルを別ウィンドウで開く（シンプル版） サンプルを別ウィンドウで開く（リアルタイム版） コードを確認する ▼シンプルなバリデーション ▼ちょっと凝ったバリデーション まずはセマンティックなマークアップを WAI-ARIAを使ったコーディングというと、とにかくrole
Google, Slackなどの最先端のサービスのログインフォームで、メールアドレス欄とパスワード欄をわけるようになったのはなぜですか？
回答 (3件中の1件目) SAMLやOpenID Connectを使った認証連携や、FIDOをはじめとしたパスワードレス認証に対応するためですね。昔と違ってIDとパスワードが単純に紐付いているとは限りません。メールアドレスの入力とパスワードの入力で画面を分けていれば、そのメールアドレスのユーザーが例えばIdPとしてG SuiteやActive Directoryを利用している場合、メールアドレス入力後にパスワードの入力画面ではなく、IdPのログイン画面に遷移させることができます。またFIDOなどパスワードレス認証を使っている場合も、パスワード入力欄ではなく、生体認証の画面を出すことができ...
アプリケーションをデザインする際、ほとんどのデザイナーはコンテンツページには労力を費やしますが、登録フォームは見過ごしがちです。ユーザーが辿り着くのは、視覚的に魅力がなく、無味で事務的なフォームです。白いバックグラウンド、まっさらなテキストフィールド、煩雑な文章、不快な黒のアウトラインがあちこちに散らばった、登録のモチベーションを掻き立てないフォームです。もしあなたのフォームがそんな状態であれば、改善の余地ありです。 あなたのアプリを使いたいユーザーはフォームの見た目に関わらず登録はしてくれるでしょう。しかし、まだ決めかねているユーザーは事務的なフォームを見て辞めてしまうでしょう。第一印象で多くの見込み顧客を失っている可能性があるということです。もっと機能的で魅力的なフォームにすることで、ギリギリで決めかねているユーザーの背中を押すことができます。 ビジュアルがユーザーを後押しする ある調
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
フォーム入力支援やサイト最適化サービスの改ざんについてまとめてみた - piyolog
穴埋めするだけで論文を作れるWebフォーム 便利すぎて無情な現実を突きつけてくると話題に
Google Forms API登場。プログラミングでGoogleフォームの作成や編集が可能に
リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA
2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ
Vue.jsを使用してさまざまなフォームを簡単に実装できる -Vue Formulate
総務省の「Excel方眼紙で意見募集」にツッコミ殺到 河野太郎氏「次からフォームで対応」
UIの使いづらさにイラッとする！これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface
「よくあるクソフォームだ！」このクレジットカード入力フォーム、どこが悪いのかわかりますか？
デスクトップ版「Power Automate」の独自フォーム機能が一般提供に／すべてのマウスボタン操作をサポート、PDFの表データをそのまま抽出するなどの改善も
フォームのボタン配置はどこが最適か、左揃え・横並び・上下など、フォームのタイプごとに詳しく解説
質問に答えるだけで著作権契約書が作れるWebフォームが話題 文化庁が作成、その狙いは？
JSON Schema で複雑な仕様の入力フォームの実装に立ち向かった話
最速の生年月日入力フォームを求めて - LIVESENSE ENGINEER BLOG
GoogleフォームとGASを使って利便性高くセキュアな共有ドライブ運用を作る
このCSSなら簡単！フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置
Flexboxの最新テクニック！ メディアクエリはなし、同じCSSで4つの異なるレイアウトに対応したフォームを実装
入居者に負担上乗せのＬＰガス商慣習、匿名の通報フォームを経産省が新設へ
お問い合わせフォームのウェブアクセシビリティー対応の方法 - ICS MEDIA
登録フォームのテキストフィールドにはオフホワイトを