＜お知らせ＞ この記事は移転しました。約5秒後に新記事へ移動します。 株式会社HAPPY ANALYTICS 公式サイトよりお読みください。 ウェブサイトの改善施策を出すには３つの方法があります。セミナー等で良くお話ししているのですが １：データを元に「良い」と「悪い」を見つけ、自社サイト内で改善案を出す ２：データを元に課題を見つけ、「仮説」をもって同業他社を比較する ３：自分が良いなと思った施策のスクリーンショットを撮って施策をためる この3番について、セミナーで紹介しているいくつかの事例はこんな感じです。 ■男女お互い選びやすいように「価格を隠す」機能を入れる ■メールマガジンを「受け取らない」を選ぶと、メールマガジンの詳細を表示するバナーが案内される こういった施策を私は貯めているのですが、それらをまとめたサイトをリリースしました。それが「施策掲示板」になります！ 施策掲示板とは
Uncontrolled Components でシンプル且つ高パフォーマンスなフォームの実装 - React Hook Form - Qiita
Uncontrolled Components でシンプル且つ高パフォーマンスなフォームの実装 - React Hook FormJavaScriptTypeScriptReactreact-hooksreact-hook-form この記事は READYFOR Advent Calendar 2020の13日目の記事です。 はじめに こんにちは。今年の11月から READYFOR でフロントエンドエンジニアとして働いている菅原（@kotarella1110）です！ React と TypeScript が好きで、React Hook Form のメンバーだったりもします。React Hook Form は TypeScript で記述されているのですが、型の改善を中心にコントリビュートしております。 そこで、本記事では React Hook Form に関連した内容をお話しできればと思い
Announcing SWR 1.0 – SWR
Almost 2 years ago we open sourced (opens in a new tab) SWR, the tiny data-fetching React library that people love. Today we are reaching another milestone: the 1.0 version of SWR! What’s New Smaller Size Performance is one of the most important features of SWR. In 1.0, we made the library significantly smaller without removing any existing features: 41% smaller core (24% smaller when gzipped, 3.9
Zodとの比較 公式サイトで、Valibot は、Zod と比較して、バンドルサイズが最大98%削減できると記述されています。今回作成した問い合わせフォームでも、92.2%の削減を確認できました。 VSCode 上で Zod で作成した Schema ファイルのサイズは gzipped 圧縮で12.8kです（Zod を利用した Schema はこちらを参照ください）。 ZodのSchema実装 import { z } from "zod"; const email: z.ZodString = z .string({ required_error: "入力が必須の項目です" }) .min(1, { message: "入力が必須の項目です" }) .max(255, { message: "255文字以内で入力してください" }) .email({ message: "メールアドレスの
New in Chrome 119 Chrome 119 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 Chrome 119で追加された4つの新しいCSSの機能 CSSの疑似クラス「:user-valid」「:user-invalid」 CSSの相対カラー構文(RCS) CSSのclip-pathで「geometry-box」値 CSSのclip-pathで「xywh()」と「rect()」値 Chrome 119で追加された4つの新しいCSSの機能 11/1にリリースされたChrome 119で4つの新しいCSSの機能が追加されました。対象となるChrome 119は、Android、ChromeOS、Linux、macOS、Windowsに適用されます。 以下、その4つの新
（受付終了）【「AIタイトルアシスト」機能リリース記念】年末年始に特別お題「買ってよかった2023」で記事を書きませんか？ 新機能を使って応募するとお年玉プレゼントのチャンスも！ - 週刊はてなブログ
あなたの1年を変えた商品を教えて！ ごきげんよう！ 週刊はてなブログ編集部の大藤です。気づけば、2023年も終わりが近づいています。いや〜、1年って本当に早い！ 皆さま本年も大変お世話になりました。 はてなブログでは、これまで、クローズドβとして提供していた「AIタイトルアシスト」機能を2023年12月20日（水）に正式リリースしました。それを記念して、年末年始「買ってよかった2023」をテーマに特別お題キャンペーンを開催します。「AIタイトルアシスト」機能を活用して記事を書くとAmazonギフトカードがもらえるチャンスも！ ぜひ最後までお読みください。 あなたの「買ってよかった2023」を教えて！ 新機能「AIタイトルアシスト」を活用した「第1回はてなブログタイトルコンテスト」概要はこちら！ 「AIタイトルアシスト」機能の使い方 注意事項 応募要項 あなたの「買ってよかった2023」を教
Sailboat UI - Modern UI component library for Tailwind CSS
Build your website quickly with Sailboat UISailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open-source Tailwind CSS components, and make it easy to build your products.
新潟市に本社がある民間放送の「テレビ新潟」はサイバー攻撃を受けて、社内のネットワークに接続されているサーバーや端末に不具合が生じたと発表しました。 放送への影響はなく、これまでのところ、個人情報の漏えいなども確認されていないとしています。 「テレビ新潟」によりますと、11日、社内のネットワークに接続されているサーバーや複数の端末が内部データが暗号化され、正常に動かなくなっていることが確認されました。 社内で調査した結果、外部からサイバー攻撃を受けたと判断し、警察などに相談したということです。 サーバーや端末の不具合は11日午後7時の時点で復旧していませんが、社内のネットワークからは隔離する対応をとっているということです。 番組制作に関わる端末やサーバーもありましたが、放送への影響はなく、これまでのところ、個人情報の漏えいなども確認されていないとしています。 「テレビ新潟」は今後、システムの
デスクトップからの画像ファイルはもちろん、PCのカメラで今撮影した写真のアップロード、写真サイトからのアップロード、Twitter、Instagramからのアップロードにも対応したJavaScriptの画像アップローダーを紹介します。 Vue.js、Reactなどのフレームワークも完全にサポートしており、オープンソースで利用できます。 Uppload Uppload -GitHub Upploadの特徴 Upploadのデモ Upploadの使い方 Upploadの特徴 Upploadはカスタマイズにも対応した、JavaScriptの画像アップローダーです。 写真画像をドラッグアンドドロップでアップロード。 PCのカメラで撮影した写真画像をアップロード。 写真画像をサイト（Unsplash、Pexels、Pyramidなど）から検索してアップロード。 写真画像をWebサービス（Twitte
ボタンやアイコン、ナビゲーション、サイドバーなど、さまざまなUI要素に適したクリック・タップ可能な領域のサイズを拡張する実装方法を紹介します。 Enhancing The Clickable Area Size by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ユーザーエクスペリエンスの観点 ボタンのクリック可能な領域を拡張する リンクのクリック可能な領域を拡張する アイコンのクリック可能な領域を拡張する チェックボックスとラジオボタンのクリック可能な領域を拡張する サイドバーのクリック可能な領域を拡張する セクションヘッダのクリック可能な領域を拡張する 疑似要素を使用してクリック可能な領域を拡張する 終わりに はじめに 例えば、ボタンやリンクなどの要素をクリック・タップしようとした時に
React Hook Form を使うと、useStateを使う制御フォームにありがちな「頻繁な再描画」を手短かに防ぐことができます。しかし、使い方によっては、その利点を崩してしまうことがあります。それが、useFormの戻り値に含まれるwatchの使用です。 watch は頻繁な再描画の原因になる 次のコンポーネントは、よくあるサインアップフォームです。emailに入力された文字数をカウントし、インタラクティブに「何文字入力されているか」を表示します。watchは、このような値の購読に利用できる API です。しかしコメントにあるとおり、emailに文字が入力されるたび、このフォーム全体が再描画されてしまします。これは、多くの要素を含むコンポーネントで避けたい実装例です。 const defaultValues: Form = { email: "", password: "", };
タッチデバイスの「input type=”range”」の挙動を改善してくれるJavaScript「Rangetouch」 | DevelopersIO
タッチデバイスでinput type="range"を使った場合、スライダーのバー部分をタップしてもなんの反応もありません。これをタップした位置へツマミを移動したり値を取得したりと、OSネイティブのスライダーのように挙動を改善してくれるMITライセンスのJSライブラリを紹介します。 デモページ（要タッチデバイス）：https://rangetouch.com/ リポジトリ：RangeTouch - GitHub 使い方 npmなら npm i rangetouch -D CDNから読み込むなら <script src="https://cdn.rangetouch.com/2.0.0/rangetouch.js"></script> です。 input（type="range"）要素が1つなら、次のようにCSSセレクタまたは要素で指定します。（npmの人はimport RangeTouch
Blitz.jsの議論から学ぶ，formik vs react-final-form vs react-hook-form - Qiita
const { register, handleSubmit } = useForm(); const firstNameRef = useRef(); const onSubmit = data => console.log(data); return ( <form onSubmit={handleSubmit(onSubmit)}> <input name="firstName" ref={(e) => { register(e) // hook-form register firstNameRef.current = e // manually assign your ref }} /> ref={ref}で渡したいのに…。 react-final-formのデメリット render propsが初心者には難しいのではないか？というコメントがいくつかあった。 基本的にrender
ホーム | React Hook Form - Simple React forms validation
import React from "react"; import { useForm } from "react-hook-form"; const Example = () => { const { handleSubmit, register, formState: { errors } } = useForm(); const onSubmit = values => console.log(values); return ( <form onSubmit={handleSubmit(onSubmit)}> <input type="email" {...register("email", { required: "Required", pattern: { value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i, message: "i
PICK UP A8フェスティバルオンラインセミナーで「売れるサイトmakerに聞く！サイト作成スタートアップガイド」というテーマでセミナー講師としてお話しさせていただきました。 個別指導Webスクール 個人事業主様・経営者様・起業副業など自分のビジネスのためにホームページの作り方を習得するスクール
実務で使った React-Hook-Form × Zod の事例紹介 - バイセル Tech Blog
はじめに こちらはバイセルテクノロジーズ Advent Calendar 2022の 24 日目の記事です。 前日の記事は田中さんの「環境構築をコマンドでまとめてみた」の記事でした。 こんにちは！ テクノロジー戦略本部 開発二部の小林です。 自分が担当したプロジェクトでは、弊社で初めてバリデーションライブラリとして Zod を使用し、React-Hook-Form × Zod の構成でフォームを作成しました。 本記事では、実際にプロジェクトで実装した事例を紹介したいと思います。 React-Hook-Form × バリデーションライブラリの技術選定に迷っている方がいましたら、ご参考になれば幸いです。 はじめに 対象読者 React-Hook-Form とは Zod とは なぜ React-Hook-Form とバリデーションライブラリを組み合わせるのか バリデーションライブラ
PDFを無料で編集、アプリやサービスの便利な使い方PDF無料編集の極意（1）2022 / 11 / 10ビジネススキル PDFは仕事でもプライベートでも欠かせない存在になってきました。利用する機会が多いだけに、Acrobat Reader DCを使いやすく設定したり、知られざる便利機能を活用したりすると作業効率が大幅にアップします。さらにPDFを編集するためのフリーソフトや無料のウェブサービスも充実しています。しかもWordでもPDFを編集できます。手軽に編集できる仕組みがこんなにあったのかと驚くこと請け合いです。7回にわたって徹底解説します。 ◇ ◇ ◇ インターネットなどで提供されるデジタル資料は、汎用性の高いPDF形式のファイルになっていることが多い。申込書のような入力フォームも、PDFファイルで配布されるのが一般的だ。また、ExcelやWordのファイルをPDF化して保存したり
Forms have existed for a significant amount of time, greatly simplifying the task of drafting complaints and various other legal pleadings. With the advance of information and its processing, means to gather the data are also evolving. As printed forms were here for years we can learn a few tips from their design. Text field anatomyText fields allow users to enter text into a UI. They typically ap
入力フォームがあるページの設計をする際はフロントエンドでもバリデーションを実装することが多くあります。代表的なバリデーションは例えば以下のようなものです。 必須の入力欄に値が入力されていなければエラーとする メールアドレス入力欄に入力された値がメールアドレス形式でなければエラーとする パスワードとして使用できない文字が入力されればエラーとする 入力内容が不適切な場合は、入力欄に装飾を施すために:validと:invalidの2つの擬似クラスを利用してきました。 :validと:invalidは、主にフォームコントロール要素に関連する擬似クラスで、以下のような基準にしたがって各要素の状態がマッチするかどうかを判定します。 required属性付きの入力欄が空でなければ:valid、空であれば:invalid type属性がemailである入力欄に入力された値がメールアドレス形式であれば:va
Googleフォームの埋め込み機能を使えば簡単に、機能するフォームを設置できる。 しかし、デザインはGoogleフォームのデフォルトから変わらないので、サイトの雰囲気は大きく損なわれる。 見た目を思い通りにカスタマイズできるgoogleフォームを、埋め込みと同じくらい簡単に実装できる手段を見つけたので、覚え書き程度に書いておく 完成イメージ これ、実はGoogleFormなんです。 ↑こちらは株式会社スマートルアーのむかしのホームページ。IoTルアーの開発をしています。釣り好きの方は是非チェックを！！(現在はバージョンが変わっておりフォームのテストはできません) フォーム送信後の画面については、こちらの記事で深掘りされております。ありがたい！ https://qiita.com/sugitata/items/182173c01e0470a3a4a8#_reference-a3a8c18aa
Form Validation Using JavaScript's Constraint Validation API
Form validation is one of the primary reasons to use client-side JavaScript. It can prevent user entry errors before your app attempts to submit data to the server. But… client-side validation is not a substitute for server-side validation! Always check incoming user data on the server. Not every request will come from a browser nor will every browser run validation code. Client-side validation is
React Hooksに対応した複数のonChangeハンドラを処理する書き方 Functional Componentにおける複数のonChangeハンドラを一元的に処理するコールバック関数をお伝えしたい。 まずフォーム項目の操作は、onChangeハンドラが必要で、記述がなければwarningが発生するケースもある。input要素を有するコンテンツに限れば、必須イベントハンドラといえる。 そしてinput要素がひとつということも考えにくく、複数のinput要素から構成されることが予想される。たとえばログインフォームにしても、メールアドレスとパスワード、ログイン保持などが考えられるが、そのどれもstate変化によって成り立つ。 すなわちonChangeハンドラが必要となるが、それぞれでコールバック関数を定義していては効率が悪い。複数input要素があっても、ひとつのコールバック関数が処理
The Best Form Builder for Notion Create beautiful forms and surveys without writing code. Receive submissions straight into Notion. Easy.
WP908
WP908 อีกหนึ่งเว็บไซต์ที่ถูกครอบครองโดย PGZEED.BEST โดยเว็บไซต์ WP908.com ถูกเข้าซื้อกิจการเมื่อวันที่ 8 สิงหาคม 2566 WP908.com เป็นเว็บไซต์เกมสล็อตออนไลน์ที่ได้รับความนิยมเป็นอย่างยิ่งตั้งแต่ปี 2020-2023 ซึ่งเว็บไซต์ที่รวมเกมสล็อตหลากหลายรูปแบบ ทั้งเก่าและใหม่ ค่ายชั้นนำจากต่างประเทศหรือค่ายเกมดังที่คนไทยทุกคนรู้จักอย่าง PGSLOT, Askmebet และ SLOT XO ยกระดับเกมสล็อตให้มีมาตรฐานยิ่งกว่าเดิมด้วย WP9
入力フォームがあって、Enterを押して入力したテキストをリストに追加したいとしましょう。↓こちらでお試しできます。 ここに追加されるよ こういう感じで実装できます。簡単ですね。 (() => { const list = document.querySelector("#list_1"); const input = document.querySelector("#input_1"); input.addEventListener("keydown", (e) => { if (e.key !== "Enter") { return; } e.preventDefault(); const text = e.target.value; const li = document.createElement("li"); li.textContent = text; list.appendC
Safari 17.4 adds vertical writing mode support for form control elements across macOS, iOS, iPadOS, and visionOS. Setting written text vertically is commonly observed in East Asian languages. For example, Chinese, Japanese, and Korean (CJK) may be written vertically and read top-to-bottom, flowing in lines from right to left. Similarly, Traditional Mongolian is a vertical script that flows in line
TypeScript-first schema validation with static type inference
本日はAmplifyでちょこっとアプリを作ってみました。 タイトル通り、お問い合わせフォームをちょこっと作ってみました。 Amplifyとは 私の中でのAmplifyの解釈はこんな感じです AWSでのモバイル/ウェブアプリの開発を簡単にするためのもの AWS側である程度バックエンドをよしなにやってくれるので設計が楽になる それで公式には以下のように書かれています。 AWS Amplify は、AWS を使用したスケーラブルなモバイルアプリおよびウェブアプリの作成、設定、実装を容易にします。Amplify はモバイルバックエンドをシームレスにプロビジョニングして管理し、バックエンドを iOS、Android、ウェブ、React Native のフロントエンドと簡単に統合するためのシンプルなフレームワークを提供します。また、Amplify は、フロントエンドとバックエンドの両方のアプリケーショ
hCaptcha EnterpriseSolve your fraud and abuse problem today Instantly detect and deter human and automated threats.Get Started with hCaptcha EnterpriseLooking for hCaptcha Free or Pro? Compare plans.
WordPressでホームページ作成講座ワードプレスを使えば、ウェブサイトの構築は簡単に出来ますが、インストールをした直後というのは、どこから手を付けて良いのか分らないという初心者の方も多く見受けられます。テーマのインストールや設定などを中心とした情報配信をしてます。 WordPressでフォームを作成すると言えばContact Form 7が定番ですが、初心者に優しいフォーム作成プラグインもあります。 ただし、共存できないのであまりオススメはしません。 また、ファイルを送信できたりするのでセキュリティのことも考えていく必要がありますね。 今回は、できるだけセキュリティを意識してContact Form 7でフォームを作成するためのまとめ記事として順番に解説していきます。 フォーム作成のヒントに使っていただけると幸いです。
react-hook-formとモーダルの設計原則
reactでformを作る時、react-hook-formを使う方も多いと思います。react-hook-fomで実装すると、非制御コンポーネントベースなためレンダリングコストを減らすことが期待でき（実装にもよります）、また、zodとの連携によるバリデーション実装の容易さなど、実装や設計面においても多くのメリットが得られます。 一方で、チームでreact-hook-fomを使って実装を進めていくには設計的難しさを伴うことがあります。筆者は実際にform内におけるモーダルの実装で設計の見直しを迫られました。 本稿は実際に設計を見直すことで筆者が感じた、react-hook-fomの実装における設計の勘所の紹介記事になります。 2つのformの実装原則 先に結論です。react-hook-fomを使ったform実装においては以下の2つの原則を守ることが設計上重要になってきます。 form実装
この記事はlocation-stateをconformに対応させるために開発した、@location-state/conformの紹介記事です。 location-stateとは location-stateは履歴位置に同期する状態管理ライブラリです。主にNext.jsをサポートしています。 Next.jsなどを採用している場合、ページ内のuseStateは遷移時のunmountで状態が破棄され、ブラウザバック時には復元されません。そのため、アコーディオンやform要素の状態はブラウザバック時にはリセットされてしまいます。これはNext.jsに限らず、ReactやVueなどをベースにしたモダンなフロントエンドフレームワークを採用して、クライアントサイドルーティングが発生する場合に起きがちな挙動です。クライアントサイドルーティングが不在なMPAでは、bfcacheやブラウザ側の復元処理によっ
Contact Form 7は、お問い合わせやアンケートなどのフォームを作成できるプラグインですが、ガッツリ使うにはちょっと使い方を覚えていただく必要がありますね Contact Form 7の機能の拡張方法や使い方について今回は知っていただければと思います。 目次-OPEN Contact Form 7でのフォーム作成 Contact Form 7 との連携プラグイン Contact Form 7で確認画面を出す方法 お問い合わせページをつくる ContactForm7でファイル送信やテキストエリアで初期値を表示 Contact Form 7でのフォーム作成 WordPressでフォーム作成すると言えばContact Form 7は、定番のプラグインになります。 ただ単体では多くの機能がないのでプラグインの数が増えることになるのですが・・・ 基本的な作成方法は、下記の記事を参考にしていた
問題を明確に特定し、エラーのある入力欄にユーザーがアクセスして、すぐに修正できるようにすることで、ユーザーがエラーから復帰できる手助けをしよう。 How to Report Errors in Forms: 10 Design Guidelines by Rachel Krause on February 3, 2019 日本語版2019年9月3日公開 フォームは、多くのアプリケーションやWebサイトに必要なコンポーネントで、ログインや商品の購入、フィードバックの送信、個人情報の入力に利用される。自分が使っているWebサイトで、情報の入力を何回おこなっているかを考えてみてほしい。その結果、それがエラーになる頻度はどのくらいあるだろうか。また、そうしたエラーをうまく切り抜けるのにイライラすることはないか。 エラーメッセージとは、システムの状態表示の1つだ。すなわち、ユーザーに彼らが直面してい
１ はじめに加古川市が５月13日より開始した新型コロナワクチンWeb予約抽選申込フォーム（以下「抽選申込フォーム」）に関し、多くの関心・問い合わせが寄せられましたので整理するものです。 加古川市オープンデータカタログサイトには、フォームと受け皿となるアプリを掲載していますので、実際にどのように抽選を行っているかについて、こちらのページにおいて説明したいと思います。 単なるロジックの整理となりますので、あらかじめご了承いただいた上でお読みください。 ２ ワクチン予約オペレーションとは２月中旬から医療従事者をはじめとする新型コロナウイルスワクチン接種が開始され、３月ごろから65歳以上の高齢者を対象としたワクチン接種が開始されるにあたり、接種券を配布された高齢者に対するワクチン予約が各自治体において開始されました。 ワクチンの需給バランスが整っていない中、少ないワクチンを無駄なく接種するための方
お問い合わせフォームの入力を完遂し、送信してもらうために改善しておきたい16のポイントを紹介します。サイトリニューアルの要望でよくある「お問い合わせ数を増やしたい」に応えるために最低限おさえておきたい情報をまとめました。ぜひ参考にしてみてください。 問い合わせ時に必要な項目のみに限定する 「この項目は本当に必要か？」いつも疑うようにしています。お問い合わせ時に必要な情報なのか？その後の打ち合わせで電話番号や住所など聞くことはできないのか？不要な項目を削除し、本当に必要な情報のみに限定することでユーザーも入力しやすくなります。 郵送で資料を送る資料請求フォームは住所は必要です。しかし、質問などメールだけでのやりとりのためのお問い合わせフォームであれば住所の情報は不要なので削除します。クライアントと相談しながら常に減らす意識は持つようにし、ユーザーの手間を省くようにします。 入力欄の数は最低限
WP908
WP908 อีกหนึ่งเว็บไซต์ที่ถูกครอบครองโดย PGZEED.BEST โดยเว็บไซต์ WP908.com ถูกเข้าซื้อกิจการเมื่อวันที่ 8 สิงหาคม 2566 WP908.com เป็นเว็บไซต์เกมสล็อตออนไลน์ที่ได้รับความนิยมเป็นอย่างยิ่งตั้งแต่ปี 2020-2023 ซึ่งเว็บไซต์ที่รวมเกมสล็อตหลากหลายรูปแบบ ทั้งเก่าและใหม่ ค่ายชั้นนำจากต่างประเทศหรือค่ายเกมดังที่คนไทยทุกคนรู้จักอย่าง PGSLOT, Askmebet และ SLOT XO ยกระดับเกมสล็อตให้มีมาตรฐานยิ่งกว่าเดิมด้วย WP9
【Excel（エクセル）】カード型データベース風にできる「フォーム」機能で入力効率・データ閲覧性をアップ
【Excel（エクセル）】カード型データベース風にできる「フォーム」機能で入力効率・データ閲覧性をアップ：Tech TIPS 住所録や顧客名簿などを「Microsoft Excel（エクセル）」を使って管理しているところも多いのではないだろう。こうしたデータは、Excelの「フォーム」機能を使うと、データの追加や検索が容易に行える。ただ、フォーム機能はデフォルトではリボンなどに登録されていない。そこで、「フォーム」機能を利用できるようにしよう。
WP908
WP908 อีกหนึ่งเว็บไซต์ที่ถูกครอบครองโดย PGZEED.BEST โดยเว็บไซต์ WP908.com ถูกเข้าซื้อกิจการเมื่อวันที่ 8 สิงหาคม 2566 WP908.com เป็นเว็บไซต์เกมสล็อตออนไลน์ที่ได้รับความนิยมเป็นอย่างยิ่งตั้งแต่ปี 2020-2023 ซึ่งเว็บไซต์ที่รวมเกมสล็อตหลากหลายรูปแบบ ทั้งเก่าและใหม่ ค่ายชั้นนำจากต่างประเทศหรือค่ายเกมดังที่คนไทยทุกคนรู้จักอย่าง PGSLOT, Askmebet และ SLOT XO ยกระดับเกมสล็อตให้มีมาตรฐานยิ่งกว่าเดิมด้วย WP9
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「施策掲示板」をリリースしました - Real Analytics （リアルアナリティクス）
react-hook-form が Valibot に対応、Zod比較でバンドルサイズが92%削減
Web制作者は要チェック！ Chrome 119で追加された、疑似クラス、相対カラー構文など4つの新しいCSSの機能
テレビ新潟にサイバー攻撃 社内ネット接続のサーバーに不具合 | NHK
ローカルファイル・カメラ・SNSなど、さまざまな画像に対応したJavaScriptの画像アップローダー -Uppload
ボタンやアイコンやナビゲーションなど、クリック・タップ可能な領域のサイズを広くする実装方法のまとめ
React Hook Form でも再描画に気を付ける
【スパム対策】Contact Form 7のreCAPTCHA設定方法
PDFを無料で編集、アプリやサービスの便利な使い方 | NIKKEIリスキリング
Text fields & Forms design — UI components series
:user-validと:user-invalid擬似クラス | フロントエンドBlog | ミツエーリンクス
Googleフォームを自在にカスタマイズする - Qiita
Google フォームで「すぐに使える回答用ウェブページ」を作成・集計する方法。社内申請やアンケート、理解度テストも簡単設置 ～小ワザ集＜4＞【「G Suite」時短＆コラボ仕事術】
React Hooksに対応した複数のonChangeハンドラを処理する書き方
Create beautiful forms to fill your Notion databases
入力フォームに対してIMEの確定を待ってからEnterでなんかするやつ - 私が歌川です
Implementing Vertical Form Controls
TypeScript-first schema validation with static type inference
Amplify で お問い合わせフォーム を作ってみた | DevelopersIO
hCaptcha - Stop bots and human abuse.
『フォーム作成プラグインの定番 Contact Form 7 使い方 まとめ』
@location-state/conformをリリースした
フォーム作成プラグインの定番Contact Form 7の使い方 - くまはちのWordPressの使い方
フォームにおけるエラーの通知方法： 10のデザインガイドライン
新型コロナワクチンWeb予約抽選申込フォームについて｜tdism
お問い合わせフォーム最適化。改善しておきたい16の項目 | BUILD Journal