JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io

2017/03/02 740 users jxck.io 数え方 JavaScript 文字コード 理由

created_at: 2017-03-02 updated_at: 2017-03-02 tags: [ utf-16 , unicode , javascript ] Intro <textarea> などに入力された文字数を、 JS で数えたい場合がある。 ここで .length を数えるだけではダメな理由は、文字コードや JS の内部表現の話を理解する必要がある。 多言語や絵文字対応なども... 続きを読む

TrelloのDescription欄だけでUIを超えた手触りが良すぎて学びしかない - Make組ブログ

2021/02/27 373 users Trello Description 手触り ToDoリスト

TrelloのUI（UX）が素晴らしすぎます。UIと言っても表面上のデザインだけでなくて、基本的な要素の手触りが良すぎます。 とくに上の写真にあるDescriptionがすごい。ここだけで作り込みがすごすぎてビックリする。 これはカード（Todoリストでいうタスク）の説明欄です。入力はtextareaででき、URLなどが入力されると表... 続きを読む

404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節

2008/05/20 367 users 添削 JavaScript 自動調節

function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var lines = 1; for (var i = 0, l = value.length; i < l; i++){ if (v... 続きを読む

フォームのテキストエリアをより使いやすくするテクニック集 | コリス

2010/07/19 302 users コリス background borde images URL

CSSやJavaScript（jQuery）を使用して、フォームのテキストエリアをより使いやすくする9つのトリックを紹介します。 CSS 画像の表示には、スタイルシートを利用します。 textarea { background: url(images/benice.png) center center no-repeat; /* This ruins default border */ borde... 続きを読む

ウノウラボ Unoh Labs: 携帯サイト作成時の注意点(au編)

2006/11/16 277 users ウノウラボ Unoh Labs メーラ mailto au編

こんばんは。harukです。 前回のSoftBank編に続き、今回はau編です。 なお、HDMLに関しては扱ったことがないため、含まれていません。 mailtoに半角カタカナは使えない 半角カタカナを受け付けない端末があり、その端末ではメーラが起動してくれません。 テキストボックスに改行が入力できる auはテキストボックスでもtextareaと同じように改行が普通に入力できます。 テキストボックス... 続きを読む

JavaScript - Qiitaのtextarea自動補完がOSSになりました - Qiita [キータ]

2013/09/02 266 users 人伝 GitHub キータ Qiita OSS

jQuery.textcomplete（デモ） GitHubのようなtextareaの補完機能を実装する - カーソル位置の取得 を書いたのも今は昔、いつか続きを書こう書こうと思いながら気がつけば5ヶ月が過ぎました なんか続きを書くのが面倒くさくなったのと、某日本最大レシピ共有サイトの技術部長の人から「OSSにして欲しい」という要請を人伝に受け取ったこともあって、OSS化した次第です。 ライセンス... 続きを読む

テキストエリアとかリサイズ可能にする JavaScript

2006/08/25 211 users リサイズ テキストエリア JavaScript スクリプト

■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサ... 続きを読む

Rubyによる形態素解析エンジンokura 0.0.1をリリースしました - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥

2012/03/19 167 users Marquee gnarl Ruby 技術メモ

12月にさくさくテキストマイニングで発表したpure Rubyによる形態素解析エンジンをgem化しました｡まだ発展途上で機能が少なかったりパフォーマンスが悪かったりしますが､いちおう動くレベル*1になったので公開します｡ 注意事項バージョン0.0.xのうちは､インタフェースや辞書フォーマットは頻繁に変更される予定です｡ある程度安定したら0.1.0出します｡今のところ､Ruby1.9系専用です｡ 取... 続きを読む

Ajax IME ブックマークレット

2006/10/16 157 users Ajax IME 経由 ブックマーク 2秒ほど 入力

Ajax IME ブックマークレットを作ってみました．右クリックしてブックマークに登録してみてください． Ajax IME ブックマークにアクセスするだけで現在表示しているページにある textarea と inputbox が Ajax IME 経由で入力可能になるはずです．成功すれば2秒ほどで textarea の色が変わって Ajax IME 入力状態になります．Alt-O で元に戻ります．... 続きを読む

フォームのtextareaをより使いやすくすることが出来る「Textarea tools」:phpspot開発日誌

2006/10/04 152 users CSS phpspot開発日誌 アニメーション 実装 フォーム

CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」 次の記事 »：OPMLアイコンプロジェクト Textarea tools Small collection of tools for use with textareas (or input fields). フォームのtextareaをより使いやすくすることが出来る「Textarea too... 続きを読む

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

2023/10/10 149 users content CSS 新しいプロパティ フォーム 文字量

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

HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elements | コリス

2013/04/16 101 users コリス Disable Button Option input

HTML5のform要素、input, textarea, select, option, fieldset, legend, label, buttonの各要素とさまざまなタイプをまとめたサイトを紹介します Native form elements 各要素は余計な装飾がない状態で、上がデフォルト、下が入力不可のdisableです。 下記は、Chrome26 for OS XでのHTML5の各フォ... 続きを読む

textarea のリサイズ機能を止めてみる - CSS HappyLife

2011/07/24 97 users resize None プロパティ Firefox 要素

Firefoxや、Google Chrome、Safari辺りでいつの間にやら実装された、textarea のリサイズ機能はとても便利で良いなーとは思ってますが、止めたい時も有りますよね。 なので、止める方法を。 CSS3にそれっぽいプロパティが有るので、1行書くだけです。 textarea { resize: none; } こんな感じですね。 これは、ユーザー側で要素のリサイズ機能を許可するか... 続きを読む

テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」:phpspot開発日誌

2011/11/14 93 users phpspot開発日誌 jQueryプラグイン テキスト

テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 2011年11月14日- jQuery Autosize for textarea elements テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 次のようにテキストを入... 続きを読む

モナドという言葉を使うことなく､純粋関数型言語の入出力を解説する｡Rubyで｡ - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥

2011/12/21 85 users Marquee モナド gnarl Ruby 純粋関数型言語

これはRuby Advent Calendarの21日目の記事です*1｡20日目は@sasata299さんのHerokuって便利だし利用までたった3ステップですお！！でした｡ はじめに本当は「Pure Rubyで動くかっこいい形態素解析エンジンができた!!!」みたいな記事を書く予定でしたが､目標のクオリティに達しなかったのでリリースは延期されました｡クリスマスごろにリリースされるといいですね｡さて... 続きを読む

おもてなしの空間 - firefoxのキーバインドをemacs風にしてみる

2005/03/27 83 users キーバインド Firefox amt emacs ひと

3/18 日(http://d.hatena.ne.jp/amt/20050318/firefox)に、firefox のtextarea のキーバインドのみ emacs 風にしてみたのだが、これをやるとfirefox 上の他の操作も、emacs を意識したキーバインドにしたくなってくる。Google ってみると、vi-like なキーバインドを公開しているヒト(http://www.calmar... 続きを読む

転職しました - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥

2012/04/06 77 users Marquee gnarl 技術メモ

4年弱勤務していたチームラボ株式会社を退職し､3月末から株式会社ドリコムで働いています｡転職のきっかけは､受託開発との関わり方に悩んだことでした｡ソフトウェアの美しさというのは､工具の美しさと似ています｡何らかの目的を達成するために作られ､経験によって磨き上げられた機能美こそがその本質です｡明確な目的のために作られ､常に改善され､価値を生み出す｡私はそのような美しいソフトウェアに奉仕したいと思って... 続きを読む

JavaScriptの挙動は仕様を見ればだいたい書いてある - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥

2012/02/23 56 users Marquee gnarl 挙動 仕様 技術メモ

http://d.hatena.ne.jp/gfx/20120223/1329996834(o.f=o.f)()はglobalになったこれの解釈はどうすれば…。こういうのは仕様書見ればだいたい解決する｡ECMAScript - Documentation今回は3rdを参照しましたが5thでも同じであろう｡ メソッド呼び出しは11.2.3のFunction callsなので､それを見る｡ => 最初... 続きを読む

GitHubのコード表示部分はtextareaとbefore疑似要素でできている - hogashi.*

2023/04/10 55 users シンタックスハイライト GitHub hogashi div

ここのことです*1。 真ん中のカラムがコードの表示 (開発者ツールで見ると textarea にコードが入っている 目次 目次 シンタックスハイライトはどうしているのか？ 上に表示されている div ならその文字もマウスカーソルで選択できるはずでは？ なぜこうしたのか？ 困ることはないのか？ たしかこないだまでは普通に div... 続きを読む

placeholder 属性と jQuery で IE にもプレースホルダを | WWW WATCH

2012/03/12 52 users プレースホルダ placeholder jQuery 属性

フォームの入力コントロール （input とか textarea） に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用する （プレースホルダ） なんてことはよくやります。 プレースホルダ HTML5 では、プレースホルダを指定する属性として、まさにそのままの名前が付いた、placeholder 属性が新たに追加され、ブラウザさえ対応していればとても簡単に実現可能になって... 続きを読む

超立体的！text-shadowの意外な使い方 | CSS-EBLOG

2011/02/01 52 users text-shadow CSS-EBLOG コピペ 超立体的

超立体的！text-shadowの意外な使い方カテゴリ：CSS3関連2011年2月 1日 09:32手軽に立体文字を作る今回は、とあるサイトで見かけた面白い表現を紹介したいと思います。 右にある画像が、その表現を拡大したものです。これはテキストに対してtext-shadowを指定しただけです。もちろんテキストなのでコピペもできるし、textareaに指定すれば入力した文字がこのような立体的な文字に... 続きを読む

Going My Way: Hotkeyを利用してTextareaを外部エディターで開くFirefox用エクステンション Mozex 1.93

2006/06/18 52 users スポンサード エディター ブラウザー 外部エディター 表示

Hotkeyを利用してTextareaを外部エディターで開くFirefox用エクステンション Mozex 1.93 スポンサード　リンク Weblogのエントリーを書く際には、保存しながら書くので、ブラウザーのtextareaからエディターをmozexというエクステンション経由で開いて利用しています。ずっと1.07というバージョンを使っていたのですが、エクステンションリストに表示はされませんが、p... 続きを読む

JavaScript - inputやtextareaの値が変わったらイベント発火（IME入力中を除く） - Qiita

2015/09/17 51 users focus 発火 Qiita input 検証

※IE11ではFocus取得・喪失時に入力エリアが空の場合にイベントが発火します。 ※IE9ではIME入力中にFocusを喪失すると2回イベントが発火します。これは通常のIME入力確定のイベントと下記の入力値が変わった時のFocus喪失によるイベントの発火が起こるためです。 ※IE9では入力値が変わったときにFocusを喪失するとイベントが発火します。 ※上記の検証には含まれていませんが、IE9で... 続きを読む

LL PlanetsあるいはJS Planetsに行ってきた/node.jsやCoffeeScriptはなぜ生まれたか/プラットフォームとしてのJavaScript - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥

2011/08/20 50 users Marquee gnarl CoffeeScript

雑記午前中のメタプログラミング話とLTを除いてはほぼJavaScriptの話だという､時代を象徴するようなLLイベントであった｡ 面白かったのが､nodeがjsである理由のひとつに「I/Oについての標準的ライブラリがなかったから」というのが挙げられていたこと｡スタンダードがないため､イベント駆動&ノンブロッキングを前提とするI/Oインタフェースを一から構築することができたのだという｡たしかにJSは... 続きを読む

第5回さくさくテキストマイニングで､形態素解析アルゴリズムについて発表しました - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥

2011/12/17 48 users todesking github.com Marquee

今やってる仕事の関係で､形態素解析アルゴリズムについてちょっと調べる必要があったので､ついでにRubyで形態素解析ライブラリを作ってみた｡という内容の発表です(のはずだが､Rubyのコードが一文字も書いてないですね……)｡スタート形態素解析 View more presentations from todeskingソースは https://github.com/todesking/okura に... 続きを読む