Fig
Dear Fig users, Effective September 1, 2024 we will be ending access to Fig. We encourage users to migrate to Amazon CodeWhisperer for command line. It’s free on the Individual tier and is designed to be faster and more reliable than Fig. To make this transition as easy as possible, users can upgrade to CodeWhisperer for command line directly from the Fig dashboard. To learn more about the changes
autoComplete.js - 簡単に使える入力補完ライブラリ MOONGIFT
ユーザにテキストを入力してもらう際に何らかの入力規則を設けることがあります。面倒なのは文字数チェックなどではなく、データベースに入っているものから選んで欲しい場合です。入力が終わってからデータベースと付け合わせるのでは面倒であり、入力しながら候補をリストアップできると便利です。 そこで使いたいのがautoComplete.jsです。Webベースの入力補完ライブラリです。 autoComplete.jsの使い方 実際に使っているところです。文字を入力するたびに候補が絞り込まれます。 autoComplete.jsでは入力した文字がちゃんと繋がって意味をなすStrictモードの他、文字が離れていてもいいFuzzyモードが用意されています。より多くの候補を出したい場合にはFuzzyモードが便利です。他のライブラリへの依存はなく、逆に別なフレームワークとも自由に組み合わせられるでしょう。 auto
Yal - Windows用の検索型ランチャー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 今時のランチャーは手作業でアプリケーションを登録するような手間はなく、自動的にストレージを検索してインデックスを作り上げてくれます。その結果、新しく追加されたファイルや実行ファイルがすぐにランチャーから呼び出せるようになります。 今回紹介するYalもそんな検索型ランチャーの一つになります。プラグイン機能などが特徴です。 Yalの使い方 Alt-Spaceで呼び出します。こんな四角い枠だけが表示されます。 文字を入力するとインクリメンタルに候補が絞り込まれていきます。 設定画面です。 インデックスする場所の指定もできます。 プラグインとしてはブックマークを対象にしたり、クリップボード履歴、コントロールパネル、コマンド実行、プロセス管理、Web検索、計算などがあります。多くの処理がYa
EmojiOne Area - jQuery製の絵文字ピッカー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 絵文字はここ数年で一気に使われるようになってきました。チャットサービスはもちろん、コメントで使われたり、iOS/Androidのようにキーボードの中で提供されるようにもなっています。コミュニケーションの基本にさえなっていると言えそうです。 そんな絵文字をWeb上で使いやすくするのがEmojiOne Areaです。ぜひ自分のサイトに組み込んでみましょう。 EmojiOne Areaの使い方 デモです。テキストエリア、テキストボックスに絵文字アイコンが表示できます。 右上のアイコンをタップすると一覧が出ますので、ここからアイコンを選択できます。 オートコンプリートもあります。 EmojiOne Areaでは自動補完はしないようにしたり、特定のカテゴリを非表示するようなオプションも指定で
Tern - JavaScriptコード解析エンジン
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラミングする上で必須の機能と言えるのがコード補完です。そのためにはまずコードの解析が行われなければなりません。正しくコードが解析されることで、既にある変数やライブラリ名を補完できるようになります。 JavaScriptをコーディングする際に使えるコード解析ライブラリがTernです。Web上はもちろん、Emacs/Vimなどのプラグインも提供されているソフトウェアです。 Ternの使い方 Ternを使うとこんな感じにIDE的な入力補完ができます。 関数に対する引数の表示も。 定義元に飛ぶこともできます。 jQueryやunderscoreにも対応しています。 TernはWeb、Emacs、Vim、Sublime Text、Brackets、Light Table、Eclipse
Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou
2KB minified & gzipped! Ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. Because <datalist> still doesn’t cut it. Demo (no JS, minimal options) Pick a programming language: Note that by default you need to type at least 2 characters for the popup to show up, though that’s super easy to customize. With Awesomplete,
オンライン フォームを入力しやすくするために
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Autocomplete-Table by vyasrao
Autocomplete - Table One major challenge we faced in autocomplete was to display the data in a tabular format. When there are many rows of information available, it was difficult to display the relevant data of a row next to each other. This forced to develop a JQuery plugin which can display the relevant information in a table format. Advantages Display details in n number of columns Filter by ke
flexselect: a jQuery plugin
What? Flexselect is a jQuery plugin that turns select boxes into flex-matching incremental-finding controls. Think of it as Quicksilver squished into a select box. Download, view the examples, and enjoy. It uses the LiquidMetal scoring algorithm to narrow the selection. Examples On the left is a traditional select box. On the right is a flexselect control. Just start typing to narrow the selection
任意のテキストを手軽にオートコンプリートとして実装できるjQueryプラグイン・Completer
送信フォーム等で任意のテキストを手軽にオートコンプリートとして出せるようにする、というスクリプトのご紹介です。手軽さが気に入ったのでメモ。 簡単にオートコンプリート機能を付与できるスクリプトです。ファイルサイズは非圧縮で10KBほど。jQueryに依存しています。 文字を入力すると、いくつかのメールアドレスが候補として表示されます。 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="completer.min.js"></script>本体とプラグインを読み込みます。 <input type="text" completer data-separator="@" data-source="['gmail.com', 'live.com', 'yahoo.ne.jp', 'i.so
Googleマップを、オートコンプリート機能付きで検索出来るようにするシンプルなjQueryプラグイン・Geocomplete
Googleマップをオートコンプリート機能付きで検索出来るようにする、というスクリプトのご紹介。シンプルで良さそうですね。jQueryに依存します。 検索可能なGoogleマップをWebサイトに設置した際に、オートコンプリート機能を付けたもの。情報量の多い地図コンテンツとは相性ピッタリですね。 検索出来るGoogleマップ向けのキーワード補完スクリプトです。便利。 上記のように入力中に該当キーワードが表示されます。 <script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <scri
textareaでオートコンプリート機能を実装するjQueryプラグイン・jQuery.textcomplete
textareaでオートコンプリート機能を実装するスクリプト・jQuery.textcompleteのご紹介。デモではコメント投稿で絵文字を使う、みたいなケースが紹介されています。 textareaでオートコンプリート機能を実装する、というもの。使いどころは限られそうですが、コンテンツ次第では便利なスクリプトですね。 こういうの。上記例では絵文字を打つのにコロンで括るので、コロンを打つとオートコンプリートで候補を出してくれるようになっています。 jQueryは1.7以降を使うように、との事。 $('textarea').textcomplete(strategies);セレクタを指定して呼びだすテキストを作っていきます。 デモではコロンを正規表現で判別して事前に作ってあったテキストをオートコンプリートとして実装、アイコン付きに置換してるみたいですね。詳細はGithubに書かれています。 ラ
http://jautochecklist.googlecode.com/svn/doc/index.html
jAutochecklist is a jQuery plugin that help you to create an user-friendly HTML list which can be used to replace the old tradition select list Copyright ©2013 Thanh Trung NGUYEN <flyingangel1987@gmail.com> Released under MIT License Changelog Why use jAutochecklist User-friendly UI and interaction Fast searching with autocomplete HTML support for contents No limitation for nested group of values
typeahead.js
typeahead.js a flexible JavaScript library that provides a strong foundation for building robust typeaheads
フォームのオートコンプリートについて
フォームのオートコンプリートについて調べたので、本エントリーにて紹介します。HTMLビギナー向けの記事です。 １．オートコンプリートとは？ オートコンプリートとは、フォームに入力した値を次回入力時に候補値として表示する機能です。 例えば、次のようにフォームに「hoge」を設定して送信したとします。 別の機会に、同じフォームに値を入力する場合、該当のフィールドをフォーカスしてクリックすれば、前回（それ以前を含む）入力時の値が候補として表示されます。候補に合致する先頭文字を入力しても同様に表示されます。 ときどき候補が表示されないサイトに出会いますが、理由はオートコンプリート機能を無効にしているためです。 余談ですが、フォームに前回の値を表示する仕組みは、name属性やid属性を使っているようです。おそらくブラウザがURLとname属性またはid属性をキーにした入力値のリストを保持していると思
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)
Text Caret Position - テキスト入力時のキャレットの位置情報を取得 MOONGIFT
Google Maps Javascript APIでフォームでの住所入力を自動補完する・「Autocomplete for Addresses and Search Terms」
textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
コマンドプロンプト派なら入れておくべき機能改善ツール『Clink』 | ライフハッカー・ジャパン
GitHub - devbridge/jQuery-Autocomplete: Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields
