はてブログ

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



タグ フォーム

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

ワークフロービルダーが新登場 : Slack で簡単にタスクを合理化 | The Official Slack Blog

2019/10/15 このエントリーをはてなブックマークに追加 659 users Instapaper Pocket Tweet Facebook Share Evernote Clip Slack ワークフロービルダー オフィスワーカー タスク

ワークフロービルダーが新登場 : Slack で簡単にタスクを合理化 フォームやメッセージなどの自動化で面倒な雑務にさよなら Slack の調べでは、オフィスワーカーの 70% が業務の遂行に他のチームや同僚の助けを必要としていることが分かっています。協力してプロジェクトを進めるには、リアルタイムで適切な担当者に適切... 続きを読む

エラーメッセージはフォームのどこに表示するべきか | UX MILK

2018/08/28 このエントリーをはてなブックマークに追加 599 users Instapaper Pocket Tweet Facebook Share Evernote Clip UX MILK UX Movement 著者 デザインスキル

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか? ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できな... 続きを読む

React基礎 · GitBook

2017/02/10 このエントリーをはてなブックマークに追加 674 users Instapaper Pocket Tweet Facebook Share Evernote Clip 配列 関数型 GitBook ES2015 書き方

React基礎 レッスン Lesson 01 : 環境構築 Lesson 02 : ES2015について Lesson 03 : 関数型の書き方 Lesson 04 : 初めてのコンポーネント Lesson 05 : 初めてのinline style Lesson 06 : 初めてのprops Lesson 07 : 配列からの展開 Lesson 08 : フォームの定義 Lesson 09 : ... 続きを読む

優れたフォームをデザインする – Medium Japan – Medium

2016/11/27 このエントリーをはてなブックマークに追加 567 users Instapaper Pocket Tweet Facebook Share Evernote Clip medium Medium Japan

Never miss a story from Medium Japan , when you sign up for Medium. Learn more 続きを読む

シリコンバレーのIT企業が利用しているA/Bテスト手法まとめ - データ分析エンジニアのブログ

2016/04/18 このエントリーをはてなブックマークに追加 719 users Instapaper Pocket Tweet Facebook Share Evernote Clip シリコンバレー 一方 有効 データ分析エンジニア Bテスト

いま注目すべき シリコンバレー の有名なIT企業は新規のデザインや機能が有効かどうかを検証するためにA/Bテストを行っています。 その一方で、日本の企業も含め、A/Bテストを本番環境で導入している企業は非常に少ないです。 加えて、日本で言われているA/Bテストと海外で言われているA/Bテストは少々異なるものだと感じています。 日本のA/Bテストはフォームの最適化やデザインの修正にとどまっている一方... 続きを読む

ランニングにおすすめの体幹トレーニング 「フォーム崩れと疲労」の悪循環を改善 - スポーツナビDo

2015/08/25 このエントリーをはてなブックマークに追加 813 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウルトラマラソン ランニング 疲労 悪循環 ブランク

三河賢文 中学生の頃から陸上競技を始め、大学では十種競技選手として活動。引退後、約7年のブランクを経て2011年6月よりランニングを開始。同年にハーフマラソン、フルマラソン、翌年には100kmのウルトラマラソン... 三河賢文の記事をもっと見る 続きを読む

そのツイート、どう広まった? Twitterの拡散経路を可視化、“インフルエンサー”分かるツール無料公開 - ITmedia ニュース

2015/08/19 このエントリーをはてなブックマークに追加 624 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitterアカウント ハブ 経路 フォロワー 拡散

各ユーザーのフォロワーとリツイート(RT)した時刻をもとに、どのユーザーの投稿をきっかけにしてツイートやURLが拡散したかを推定し、経路を特定。拡散のハブとなった「インフルエンサー」が分かる。 自分の投稿がどう広まったか調べるには、Twitterアカウントを認証した上で、調べたいツイートを選べばOK。URLの拡散を調べる場合は、フォームに入力するだけで経路を確認できる。 続きを読む

分かりやすいWeb入力フォームのための十戒 | デザイン | POSTD

2015/06/24 このエントリーをはてなブックマークに追加 587 users Instapaper Pocket Tweet Facebook Share Evernote Clip POSTD ユーザフレンドリー ユーザネーム 十戒 デザイン

Web入力フォームを、読みやすく、入力しやすく、ユーザフレンドリーにデザインするために注意すべきことはなんでしょう?本記事は、その問いの答えとなる十戒(+1)について、実際の適用のグラフィカルな例を示しつつ詳しく紹介していきます。1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネーム... 続きを読む

Googleフォームで自動返信(スクリプト不要) | toyoshiの日記

2015/01/24 このエントリーをはてなブックマークに追加 963 users Instapaper Pocket Tweet Facebook Share Evernote Clip Form アドオン Tôyôshi 結論 スクリプト

Google Driveのフォーム機能で、管理者への通知以外にメールを送りたい場合があります。 これを実現するには以前はスクリプトを書く必要があったのですが今はアドオンだけで実現できるようになっているのでその方法を紹介します。 できるようになること 管理者以外の指定したメールアドレスに任意の内容のメールを送信 自動返信(フォームで入力されたメールアドレスに送信) 短いやり方の説明(結論) Form... 続きを読む

そこそこユーザビリティの高いフォームを作った - Liner Note

2014/01/19 このエントリーをはてなブックマークに追加 942 users Instapaper Pocket Tweet Facebook Share Evernote Clip ユーザビリティ Liner Note jQuery 練習 業務

去年末実家に帰省していた時に、jQueryの練習&業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ご覧になれない方はこちらのフォームサンプルリンクからご確認ください ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリテ... 続きを読む

WordPressで会員に更新してもらうサイトを作る方法

2013/07/31 このエントリーをはてなブックマークに追加 562 users Instapaper Pocket Tweet Facebook Share Evernote Clip WordPress 備忘録 会員 各々 方法

知り合いの会員制サイトの作成を手伝っています。 お得意さんのお店専用のページをつくって、各々のお店側が自由に更新できるようにしたいとのこと。 WordPressを導入して個別に更新できるようにしました。条件は 投稿画面をわかりやすく。フォームを埋めていくとページが出来上がるようにする 文章だけでなく、画像もアップロードできる ほかの会員がアップした記事や画像を見たり、修正できない です。備忘録とし... 続きを読む

完璧な腕立て伏せのコツとやり方 : ライフハッカー[日本版]

2013/04/06 このエントリーをはてなブックマークに追加 507 users Instapaper Pocket Tweet Facebook Share Evernote Clip 腕立て伏せ ライフハッカー 身だしなみ 筋力 コツ

オフにやること , スポーツ・運動 , 健康 , 生活術 , 豆知識 , 身だしなみ 完璧な腕立て伏せのコツとやり方 2013.04.06 22:30 腕立て伏せは誰にもおなじみの運動ですが、フォームがあまりきれいでない場合も見受けられます。そこで、「正しい腕立て伏せ」のやり方を紹介しましょう。 腕立て伏せは、体全体を使う機能的運動で、ベンチプレスと同じように筋力をつけるのに適しています。さらに、... 続きを読む

インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | Web担当者Forum

2012/11/27 このエントリーをはてなブックマークに追加 966 users Instapaper Pocket Tweet Facebook Share Evernote Clip Web担当者Forum 安田英久 CMS Web担 万が一

Web担当者ForumサイトのCMSをアップデートしました。万が一、サイトに不具合があった場合は、こちらのフォームまたはメールからお知らせください。 Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった ««オンライン動画、スタートま... 続きを読む

jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com

2012/05/21 このエントリーをはてなブックマークに追加 1011 users Instapaper Pocket Tweet Facebook Share Evernote Clip input要素 jsdo.it jQuery 共通 要素

必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通:要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽... 続きを読む

はてなブックマーク公式iPhoneアプリ タグ検索であなたに合った楽しみ方を!

2011/09/27 このエントリーをはてなブックマークに追加 517 users Instapaper Pocket Tweet Facebook Share Evernote Clip タグ検索 公式iPhone 楽しみ方 あなた アプリケーション

公式iPhone ®アプリケーション「はてなブックマーク」に新たな機能として「タグ検索」が加わりました。 フォームに気になるキーワードを入力して検索すると、そのキーワードのタグがつけられている新着エントリーが表示されます。自分に合った話題をもっと読みたいという方にはぴったりの機能です。 最新の「はてなブックマーク」公式iPhoneアプリケーションをダウンロードして、ぜひお使いください。 続きを読む

[JS]jQuery Mobileでスマフォ対応ページをはじめて作成する際に役立つコード集とつまづきやすいポイント | コリス

2011/05/23 このエントリーをはてなブックマークに追加 632 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 省略 プラットフォーム jQuery Mobile

jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアッ... 続きを読む

9search | 必要なときに、必要なフリー素材を。

2011/04/02 このエントリーをはてなブックマークに追加 1947 users Instapaper Pocket Tweet Facebook Share Evernote Clip フリー素材 サンセリフ アコーディオン スライダー テクスチャ

商用利用可、クレジット表記・バックリンク不要のフリー素材を紹介するサイト。webエレメント (27)アコーディオン (2)カレンダー (2)スライダー (1)ツールチップ (2)ナビゲーション (6)フォーム (5)ボタン (13)アイコン (15)テクスチャ (4)パターン (3)フォント (3)サンセリフ (2)セリフ (1)ブラシ (6)ベクター素材 (1)リボン (5) 続きを読む

フォームで離脱させないためのjQueryプラグイン50選|designaholic -Creative Column-

2011/01/05 このエントリーをはてなブックマークに追加 636 users Instapaper Pocket Tweet Facebook Share Evernote Clip designaholic jQuery EFO 施策 ユーザー

最近では、エントリーフォーム最適化(EFO)という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。   まず、入力フォームを作成する際のポイントは、... 続きを読む

Chrome全体の機能を色々とパワーアップできる拡張機能「Chrome Toolbox」*二十歳街道まっしぐら

2010/11/05 このエントリーをはてなブックマークに追加 654 users Instapaper Pocket Tweet Facebook Share Evernote Clip Chrome Toolbox プレビュー Chrome 前面

Chrome Toolbox Chrome全体を大幅にカスタマイズできる 「Chrome Toolbox」はChromeの全般機能をカスタマイズできる拡張機能です。 この拡張機能をいれると、Chromeがさらに便利に。 たとえば、次のような機能が付け加わります。 ・画像のプレビュー ・画像の拡大 ・画像をその場でデスクトップ背景に ・動画を常に前面に表示 ・全タブで音声OFF ・フォームの保存/入... 続きを読む

CSS3とjQueryでフォームを美しく装飾する方法 | Webクリエイターボックス

2010/10/27 このエントリーをはてなブックマークに追加 862 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webクリエイターボックス CSS3とjQuery 装飾

どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです!そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 フォームの仕様 今回チャレンジするフォームの主な仕様です! グラデーション・ボックスシャドウを使って... 続きを読む

どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509(+1.1)

2010/08/06 このエントリーをはてなブックマークに追加 563 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery フォームバリデーション ドキュメント 前半 仕様

jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジン使ってるので、... 続きを読む

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい | DesignWalker

2010/06/02 このエントリーをはてなブックマークに追加 1363 users Instapaper Pocket Tweet Facebook Share Evernote Clip 過言 ウェブ DesignWalker 方々 フォーム要素

お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。 今回は、フォームのデザインや使い勝手を強化してくれるj... 続きを読む

これでできる! クロスブラウザJavaScript入門:第1回 ウェブブラウザとJavaScriptの未来|gihyo.jp … 技術評論社

2010/03/15 このエントリーをはてなブックマークに追加 629 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブブラウザ クロスブラウザ gihyo.jp 技術評論社

これでできる! クロスブラウザJavaScript入門 第1回 ウェブブラウザとJavaScriptの未来 2010年3月15日 太田昌吾 JavaScript, クロスブラウザ, ブラウザ, フォーム サポート, Safari, バージョン, JavaScript 1 2 3 4 5 こんにちは,id:os0xこと太田昌吾です。今回から,クロスブラウザ対策を中心としたJavaScriptの初級か... 続きを読む

実用的なユーザビリティの10のポイント:ガイドライン編 | コリス

2009/09/30 このエントリーをはてなブックマークに追加 579 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス tumblr ユーザビリティ ウェブページ フィールド

ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント(ガイドライン編)をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされている... 続きを読む

スタイリッシュなフォームを作るときに見るべきエントリまとめ*ホームページを作る人のネタ帳

2009/06/25 このエントリーをはてなブックマークに追加 705 users Instapaper Pocket Tweet Facebook Share Evernote Clip エントリまとめ ネタ帳 インスピレーション ホームページ 焦点

Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは... 続きを読む

 
(1 - 25 / 38件)