はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ フォーム

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 597件)

Findyの名物企画のコントリビューション・オブ・ザ・イヤー2024中間発表の裏側を大公開! - Findy Tech Blog

2024/08/26 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip Findy 栁沢 エンジニア 名物企画 中間発表

Findyでエンジニアをしている栁沢(@nipe0324)です。 今回は、Findyの名物企画である「コントリビューション・オブ・ザ・イヤー2024中間発表」の裏側を公開します。裏側を知り、キャンペーンをより楽しんでもらえたら嬉しいです。 キャンペーン期間中にXでシェア後にフォームから応募することで「Anker充電器(Findyオ... 続きを読む

フォームのテキストエリアにCSSのfield-sizingとlh単位を使用すると便利、入力された文字量に合わせてサイズを自動変更

2024/08/20 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip content CSS テキストエリア JavaScript

CSSはどんどん便利になっていますね! これまではJavaScriptを使用しないとできなかったことがCSSで簡単に実装できるようになっています。 CSSのfield-sizing: content;でフォームのテキストエリアのサイズを入力された文字量に合わせて自動変更したり、テキストエリアの高さを行の高さで設定するlh単位を使ったCSSのテ... 続きを読む

「住所は英数字もすべて全角で入力してください」はなぜそうなったのか - Qiita

2024/08/03 このエントリーをはてなブックマークに追加 441 users Instapaper Pocket Tweet Facebook Share Evernote Clip ハイフン 番地 エラー 丁目 数字

Webサービスのフォームに住所を入力するとき、丁目や番地などを入れる欄について、数字やハイフンを全角で書かなければいけない「全角縛り」をやっているフォームをよく見ます。半角文字を入力してしまってエラーになったり、咄嗟に変換方法を思い出せなかったり、全角と半角の見分けが付きづらかったり、「全角縛り」で... 続きを読む

Google フォームの共同編集設定に起因して発生していた情報流出についてまとめてみた - piyolog

2024/07/07 このエントリーをはてなブックマークに追加 350 users Instapaper Pocket Tweet Facebook Share Evernote Clip 複数 影響 実際 設定 組織

2024年6月以降、Google フォームの設定に起因する情報流出が生じたとして複数の組織より公表されました。ここでは関連する情報をまとめます。 回答情報を第三者に参照される恐れのあった共同編集設定 Google フォームの設定次第で外部から回答者の情報を閲覧することが可能な状態が発生し、実際に影響を受けたとして複数... 続きを読む

Googleフォームの設定ミスによる情報漏えいが多発~あなたのフォームは大丈夫? 原因となる設定について解説~ - ラック・セキュリティごった煮ブログ

2024/06/27 このエントリーをはてなブックマークに追加 173 users Instapaper Pocket Tweet Facebook Share Evernote Clip ラック 多発 セキュリティごった煮ブログ 情報漏えい 設定ミス

デジタルペンテスト部の山崎です。 4月から「セキュリティ診断」の部署が「ペネトレーションテスト(ペンテスト)」の部署に吸収合併されまして、ペンテストのペの字も知らない私も晴れてペンテスターと名乗れる日がやってまいりました!(そんな日は来ていない😇) そんなわけで、新しい部署が開設しているブログのネタ... 続きを読む

「卵使用していません」クッキー食べた娘に異変 後絶たぬ企業のミス | 毎日新聞

2024/06/03 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip 毎日新聞 異変 記者 クッキー 窓口

「つながる毎日新聞」は記者に取材してほしいテーマや疑問、情報をお寄せいただく 窓口です。専用のフォームとLINE公式アカウントを用意しています。郵便でも構いません。内容によっては記者がご連絡を差し上げます。情報提供者の秘密は必ずお守りします。すべてのご要望にお応えはできませんが、その場合も必ず目を通し... 続きを読む

2024年版 HTMLで作るフォームバリデーション - ICS MEDIA

2024/04/19 このエントリーをはてなブックマークに追加 257 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォームバリデーション ユーザビリティ ICS MEDIA

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があり... 続きを読む

「就業中の眠気問題」、アンケート結果発表!

2024/04/09 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip 就業中 アンケート結果発表 DPZライター陣 眠気 沢山

「就業中に眠くなると、トイレで寝てる人もいる」。一度も会社員経験のない自営業の私は、長年会社勤めだった妻からそんな話を聞いて衝撃を受けた。 そこで先月、DPZライター陣に就業中の眠気について色々と話を伺い、記事にした。記事の最後に「読者の皆様の体験談もお寄せください」とフォームを設けたら、本当に沢山... 続きを読む

ついにChromeで使えるようになったCSSの便利機能! light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ

2024/03/26 このエントリーをはてなブックマークに追加 92 users Instapaper Pocket Tweet Facebook Share Evernote Clip プロパティ カーニング 垂直方向 ダークモード ライトモード

今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカ... 続きを読む

バーガーキングが入れそうな空き物件を見つけて、実際に入居できたら報奨金10万円という天才キャンペーンやってる

2024/01/28 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip バーガーキング あらいちゅー 前代未聞 空き物件 ジャパン

あらいちゅー🐴🏠🔮 @araichuu バーガーキングが入れそうな空き物件を見つけてフォームで送信、実際に入居契約できたら報奨金10万円という前代未聞のキャンペーンwwwwww app.burgerking.co.jp/bkad/createyou… 2024-01-28 17:30:21 バーガーキング・ジャパン @BURGERKINGJAPAN バーガーキング・ジャパンの公式アカウント... 続きを読む

Reactで実装したフォームのパフォーマンスが問題になるのはなぜか

2024/01/15 このエントリーをはてなブックマークに追加 30 users Instapaper Pocket Tweet Facebook Share Evernote Clip React 久保田光則 Form 枠組み React Hook

RelayHub合同会社の久保田光則です。 Reactでフォームを効率よく実装するためのライブラリとして、React Hook FormやReact Final Form、TanStack Formなどがあります。これらのライブラリは、フォームを効率よく実装できる枠組みを提供してくれるだけではなく、高速なフォームを実装するための方法も提供してくれます。 ... 続きを読む

役所の市民の声みたいなページが面白い

2023/12/27 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip 役所 市民 やり取り 文句 態度

最近のマイブーム 適当な知らない役所のホームページで、市民の声的な自由に意見を出せるフォームの過去の意見と回答のページを見ること 真面目な意見と回答のやり取りもあるのだが、態度が悪いと文句言いたいだけとか、長文持論展開(支離滅裂)とか、勝手な想像で適当なこと書いてる(回答でやんわり論破される)とか... 続きを読む

JavaScript なしで動作するモダンなコードの書き方

2023/11/19 このエントリーをはてなブックマークに追加 209 users Instapaper Pocket Tweet Facebook Share Evernote Clip コード JavaScript 書き方 SvelteKit 近年

Next.js、Remix、SvelteKit といった近年のフレームワークは、JavaScript がなくても動作することを一つの価値として提供しています。 例えばSvelteKit のフォームではプログレッシブエンハンスメントとして、JavaScript が利用できる環境ではリッチなユーザー体験を提供しつつ、JavaScript が使えない環境においては HT... 続きを読む

地味だけど嬉しい新機能! フォームのセレクトボックスで区切り線にhrを使用できるようになりました

2023/11/14 このエントリーをはてなブックマークに追加 46 users Instapaper Pocket Tweet Facebook Share Evernote Clip セレクトボックス Chorme HR Edge Safari

先日リリースされたChrome 119に地味だけど嬉しい新機能が実装されていたので、紹介します。 フォームのセレクトボックスで区切り線にhrを使用できるようになりました。すでにSafariでもサポートされており、これでChorme, Edgeでも使用できます。 Select element: now with horizontal rules by Una Kravets 下記は各ポ... 続きを読む

ビッグモーターに不正アクセス、個人情報漏えいか フォームからの問い合わせ、約7年分

2023/10/30 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip ビッグモーター 第三者 不正アクセス 東京都多摩市 お問い

ビッグモーターは30日、自社Webサイトが第三者による不正アクセスを受け、「お問い合わせフォーム」から同社に連絡していた人達の個人情報の一部が漏えいした可能性があると発表した。 中古車販売などを手がけるビッグモーター(東京都多摩市)は10月30日、自社Webサイトが第三者による不正アクセスを受け、「お問い合わ... 続きを読む

そういうとこやぞ? EdgeでChromeをダウンロードすると理由を尋ねるフォームが出現【やじうまWatch】

2023/10/30 このエントリーをはてなブックマークに追加 29 users Instapaper Pocket Tweet Facebook Share Evernote Clip やじうまWatch Edge Chrome 出現 理由

続きを読む

行動変容 自分と世界を変える技術 / Behavior change techniques

2023/10/19 このエントリーをはてなブックマークに追加 221 users Instapaper Pocket Tweet Facebook Share Evernote Clip 行動変容 サステナビリティ 技術 ディスカッション 世界

<Ver.1.0> 社会の変化や、サステナビリティの観点で注目されている「行動変容」についてまとめています。 <シェア・共有歓迎です> ■解説&ディスカッション会 こちらの資料をベースに、簡単な解説&皆さんとのディスカッションをしました。 10/18(水) 上のイベントはすでに終了しましたが、今後も様々な形で機会を作... 続きを読む

CSSの新しいプロパティ「form-sizing: content;」が便利! フォームのサイズを入力された文字量に合わせて自動変更

2023/10/10 このエントリーをはてなブックマークに追加 149 users Instapaper Pocket Tweet Facebook Share Evernote Clip content textarea CSS 新しいプロパティ

今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-h... 続きを読む

1Password のオートコンプリート機能をサービス提供側で無効化する

2023/09/01 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip オートコンプリート機能 1Password dialog

Leaner Technologies の @corocn です。 最近フォームを作っていて、意図しないタイミングで 1Password のオートコンプリートが表示されてしまい困っていたので解決法を残しておきます。 画像はshadcn/ui - dialogから拝借 結論 input に data-1p-ignore 属性を付与する autocomplete="off" しても空気読んで無効化して... 続きを読む

Meta、生成AIトレーニングからユーザーがデータ(の一部)を削除できるように

2023/09/01 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip Meta 生成AI サードパーティ 生成AIモデル 削除

Metaは、プライバシーセンターに生成AIモデルのトレーニングデータに関する説明を追加した。また、「生成AIで使用されるサードパーティからの個人情報を削除」するためのフォームの提供を開始した。 上の画像の「Metaによる生成AIモデルの情報の利用について」を選択すると、「生成AIモデルに関連する、Metaによる情報の... 続きを読む

無料で商用可、ChatGPT(3.5)に匹敵する生成AI「Llama 2」 Metaが発表、Microsoftと優先連携

2023/07/18 このエントリーをはてなブックマークに追加 234 users Instapaper Pocket Tweet Facebook Share Evernote Clip Meta chatgpt 米Meta 生成AI 商用可

米Metaは7月18日(現地時間)、大規模言語モデル「Llama 2」を発表した。利用は無料で商用利用も可能としている。最大サイズの70億パラメーターモデルは「ChatGPT(の3月1日版)と互角」(同社)という。 ダウンロードには、Metaが用意するフォームから名前とメールアドレス、国、組織名を入れ、利用規約に同意した旨を... 続きを読む

コピペで簡単! CSSのみで、フォームの入力時にフロートする入力欄のラベルを実装するテクニック

2023/07/09 このエントリーをはてなブックマークに追加 28 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS コピペ ラベル span テクニック

フォームの入力欄のラベルが入力時にふわりとフロートして移動するのをCSSのみで実装するテクニックを紹介します。 HTMLはinputとlabelで非常にシンプル、余計なspanなどはありません。ラベルのフロートはCSSで...記事の続きを読む 続きを読む

Threads人気ランキング

2023/07/07 このエントリーをはてなブックマークに追加 253 users Instapaper Pocket Tweet Facebook Share Evernote Clip threads 申請 アカウント 総フォロワー数 以下

Threads人気ランキング いま話題になっているThreadsの人気ユーザーをランキング調査。 総フォロワー数,前日からのフォロワー増加数でランキングを掲載しています。 ユーザー登録申請 自分のアカウントがランキングに掲載されていなかった場合、以下のフォームから登録の申請ができます。 申請してから掲載されるまで、... 続きを読む

イラスト不正利用をAmazonへ申告する方法

2023/06/02 このエントリーをはてなブックマークに追加 48 users Instapaper Pocket Tweet Facebook Share Evernote Clip Amazon 方法 ASIN report 侵害

イラストを不正利用されてグッズを作られてAmazonで販売された時、Amazonへ申告するとそのグッズを取り下げてもらえます。 知的財産権の侵害を申告するフォームを入力&送信しよう! 知的財産権の侵害を申告するページを開き記入します。 https://www.amazon.co.jp/report/infringement (↑上記はFire TV StickのASINで... 続きを読む

ほしいアプリを入力すると、ChatGPTが爆速で作るサービス「GPTApp」

2023/04/07 このエントリーをはてなブックマークに追加 289 users Instapaper Pocket Tweet Facebook Share Evernote Clip chatgpt ゲームアプリ 爆速 GPT-3.5 テキスト

ほしいWebアプリの説明を書くだけで、ChatGPTが作って即Web公開してくれるサービス「GPTApp」を、ゲームアプリの企画・開発を手掛けるミリオンダウト代表のTakayuki Fukudaさんが公開した。 アプリのイメージを考えてフォームにテキストで入力すると、ChatGPT(GPT-3.5)がコードを出力してWebに実装する。開発にかかる... 続きを読む

 
(1 - 25 / 597件)