タグ テキストエリア
新着順 10 users 50 users 100 users 500 users 1000 usersエキサイト 翻訳
左のテキストエリアに翻訳したい文章を入力します。 翻訳の種類(英→日または日→英)を選択します。 「翻訳」ボタンを押してください。右のテキストエリアに訳文が表示されます。 続きを読む
Vue.js で始めるシングルページアプリケーションの開発 - HDE BLOG
2018 - 03 - 05 Vue.js で始めるシングルページアプリケーションの開発 Vue.js は JavaScript フレームワークです。 ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。 管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。 例えば、テキストエリアに文字を入力... 続きを読む
クックパッドのレシピで分量を自由に変更できるブックマークレット - PARAGRAPHS
Cookpad Recipe Scalable - Hatena::Let最近よく Cookpad のレシピを見て料理を作っているんだけど、作りたい分量が合わないとき頭で分量を計算しなおすのが面倒くさいので作りました。ブックマークレットを起動すると「操作」エリアが追加され、テキストエリアに数字を入れて「倍」ボタンを押すと分量を変更してくれます。あと、おまけで「ヘルシーに」を押すと肉と油を減らしたり... 続きを読む
フォームのテキストエリアをより使いやすくするテクニック集 | コリス
CSSやJavaScript(jQuery)を使用して、フォームのテキストエリアをより使いやすくする9つのトリックを紹介します。 CSS 画像の表示には、スタイルシートを利用します。 textarea { background: url(images/benice.png) center center no-repeat; /* This ruins default border */ borde... 続きを読む
UIが変わる度に文句いう人 - 良いあそなすちゃん
2013-10-11 UIが変わる度に文句いう人 iOSを始め最近あちこちのWebサービスでUIが変わり始めていますね。UIが変わる度に主にTwitterで文句を垂れる人がいるけど、じゃあ、お前の中でどうなったら最適なUIなのかをブログにかいてくれよ。って僕はいつも思ってる。UIが変わる度に条件反射でTwitter開いて「クソUI」の4文字をテキストエリアに叩きこむ余裕があるなら、UIが変わった理... 続きを読む
テキストエリアを外部エディターで編集するためのFirefox拡張『It's All Text! 』 | POP*POP
テキストエリアを外部エディターで編集するためのFirefox拡張『It's All Text! 』 February 26, 2007 9:13 AM written by 100SHIKI Apprentice テキストエリアを任意の外部エディターで編集・・・という技にはいろいろありますね。 » テキストエリア エディター - Google 検索 ただ、以前調べたときはちょっと面倒で挫折した記憶... 続きを読む
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサ... 続きを読む
ブラウザのテキストエリアでNeovimを使う | Developers.IO
はじめに 皆さんNeovim使っていますか!! Vimキーバインドに慣れるとブラウザのテキストエリアにカーソルを入れて、iボタンを押したとき世の中の非情さに涙を流します。なので仕方なく、「Terminalに戻りVimを起動して文章書いてコピー」→「ブラウザのテキストエリアにペースト」という生産的なのかよく分からない行動... 続きを読む
三点リーダが真ん中に表示されない理由: 小粋空間
三点リーダ「…」が「…」という風に真ん中に表示されない問題について調べてみました。 1.三点リーダとは 説明するまでもありませんが、点を3つ横に並べた形をした記号のことで、語尾を省略したり、言葉の余韻を残すときに使う「…」です。 2.問題点 たとえばブログを書いているときに、記事編集画面のテキストエリアでは「…」と表示されているのに、公開したページでは「…」となることがあります。 3.原因 三点リ... 続きを読む
JavaScriptのエラーを見つけやすくしてくれるブックマークレット『Zeon.js』 | 100SHIKI
テキストエリア中のJavaScriptを解析し、エラーっぽいところを見つけてくれるのがZeon.jsだ。 使い方は簡単で、同サイトで配布されているブックマークレットを使うだけだ。 そうするとテキストエリアの右下に「Z」マークが現れる。それをクリックすればエラーの詳細が見れる、という仕組みだ。 テキストエリアにJavaScriptを書く、というシーンがあまり思い浮かばないのでテスト用にちょっとしたペ... 続きを読む
Macで毎分スクリーンショットを撮って手元に貯めておくスクリプト - hitode909の日記
書いてたテキストエリアがどっかいく、みたいなことがたびたびあって、スクショを定期的に取っていればこんなことにならないのに…と思っていた。 先日、Redash用に、がんばって書いたSQLがどっかいってしまい、ものすごく悲しい、という出来事があったのであ、あまりに悲しさに、重い腰を上げてスクリプトを書いた。 き... 続きを読む
Collection & Copy - IE、テキストエリア内の選択範囲/キャレットの位置(文字数)を取得する
JavaScript簡単なようで、とても難しく、情報もあまり見つからなかったので、知らない方はぜひ読んで。 選択範囲の移動でもなく、選択範囲の内容の取得でもありません。選択範囲がテキストエリアの中で何文字目から何文字目に渡っているかをIEで調べる方法です。 まずFirefoxではElement#selectionStart/selectionEndで簡単に取れます。 次に、テキストエリアではなく一... 続きを読む
テキストエリアでタブ入力
<SCRIPT language="javascript" type="text/javascript" src="http://homepage2.nifty.com/lightbox/tabtextarea.js"> </SCRIPT> ★ TAB のみ挿入する場合 ◎ TAB 挿入 TAB キー ◎ TAB 削除 Back Space キー ★ まとめて処理は対象文字列を選択する ◎ TAB... 続きを読む
記事編集画面(PC版)をリニューアルしました。広いテキストエリアと、スッキリした編集サイドバーで執筆に集中できます - はてなブログ開発ブログ
2015-07-27 記事編集画面(PC版)をリニューアルしました。広いテキストエリアと、スッキリした編集サイドバーで執筆に集中できます 新機能 機能変更 はてなブログでは、PC版の記事編集画面をリニューアルしました。広々としたテキストエリアを中心にすっきりしたデザインで、記事を書くことに集中できます。 はてなブログの新しい記事編集画面(PC版) 新しい記事編集画面の特徴 ―― 広いテキストエリア... 続きを読む
Webベースで開発できるレベルのプログラミングエディタ「Ace」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
Webブラウザのテキストエリアレベルでは全く話にならない。プログラマーが開発しやすいエディタになっている必要がある。そんなWebベースの開発環境を目指すIDE、Cloud9で使われているエディタ環境を作っているのがAceになる。 0 AceはJavaScriptベースの独立したエディタ環境になる。そのため外部のソフトウェアに組み込むことも可能だ。10種類以上の言語に対応したハイライター、縦または横... 続きを読む
記事編集画面に「下書きに戻す」ボタンを追加しました。公開済みのエントリーを下書き状態にできます - はてなブログ開発ブログ
2014-09-19 記事編集画面に「下書きに戻す」ボタンを追加しました。公開済みのエントリーを下書き状態にできます 新機能 はてなブログでは、記事編集画面に「下書きに戻す」ボタンを追加しました。公開済みのエントリーを非公開に戻して、下書き状態にできます。公開済みの記事を取り下げるには、その場編集や「記事の管理」画面から該当の記事の編集画面を開きます。テキストエリアの下に「記事を更新する」ボタンと... 続きを読む
Facebookライクにテキストエリアを強調する方法 | Backlogブログ
こんにちは、染田です。 Facebook にハッシュタグが登場しましたね。まだ私の周りではそこまで目にしませんが、皆様は活用してますでしょうか? さて、このハッシュタグを入力するフォーム、一見すると通常のテキストエリアですが、入力した後にハッシュタグの所に強調がかかり、とても分かりやすくなっています。このエントリではこの強調がどうやって実現されているかを紹介したいと思います。 まず全体の構造はとて... 続きを読む
Bootstrapのテキストエリアを拡張する、WYSIWYGエディター | IDEA*IDEA
Bootstrapに対応したWYSIWYGエディターですな。音声入力にも対応している点が素晴らしいですな。 ↑ 必要十分な機能が揃っていますね。 テキストエリアを拡張したいときに覚えておきたいのでメモ的にエントリーしておきます。 » Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup 続きを読む
はてなブログへのフィードバック - Hidden in Plain Sight
アンケートがきたのだけど、欄が狭かったので、こちらに書きます。ひとことでいうなら、「あと一息で完璧」です。まずシンプルで使いやすい。ベースデザインが見やすくなった。字がでかくてHigh DPIな環境で使いやすい。軽快に動く。テキストエリアがでかい。こういう、「ブログを書きたくなる」要素については、大満足です。さらに、はてなブログには、(日本国内の)他社にない、決定的に良い点があります。それは、「は... 続きを読む
テキストエリアをフルスクリーンにして超編集しやすくできるJS「WideArea」:phpspot開発日誌
テキストエリアをフルスクリーンにして超編集しやすくできるJS「WideArea」 2013年06月07日- WideArea - Better Textarea テキストエリアをフルスクリーンにして超編集しやすくできるJS「WideArea」 テキストエリアを自動伸縮するものが多いですが、発想を変えて、フルスクリーンボタンでテキストエリアをフルスクリーン化してしまうものです。 これがかなり便利で、... 続きを読む
ローカルのmarkdownファイルを変更監視しつつSocket.IOでリアルタイムプレビュー - すぎゃーんメモ
Perl, node.jsAmon2::Liteでmarkdownその他のリアルタイムプレビュー - すぎゃーんメモで、markdownとかのリアルタイムプレビューできるものを作って試してみたもの、やっぱりテキストエリアでmarkdownを書くってことはあまりしないなー、と思い。大抵は使い慣れたエディタを使って編集すると思うので、それが変更されたときにブラウザ上で自動更新される方が嬉しいような気が... 続きを読む
jQuery.selection - テキストの選択範囲を自由自在に扱えるjQueryプラグイン|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
おお、これはかなり使えそう! テキストボックスやテキストエリアに入力された文字列に対して何らかの処理を行いたいと思うことは良くあります。さらにキャレットのある場所や選択されている文字に対して処理を行うのも良くある処理ではないかと思います。 例えばWYSIWYGエディタを作ったり、選択文字を別なサービスに飛ばしたりといった使い方が考えられます。意外と選択範囲を取り出すというのは面倒な処理なのですがj... 続きを読む
機械と協調作業で文章を作る - hitode909のダイアリー
文章を書くのがしんどいので,機械と協調作業で文章を作れるようにした.最初に一文くらい書くと,続きを書いてくれる.機械が書いてる途中に,言い回しが気に入らないのが出てきたときは,割り込んで書いたり消したりできる.しばらく書かないとまた機械が書き始める.生成の情報源は上のテキストエリアに貼る,n-gramのnはスライドバーで選べる.マルコフ連鎖が出すのを途中で止めて直したりできるのが面白いと思って作っ... 続きを読む
テキストエリアを動的リサイズ&カスタマイズ可能なjQueryプラグイン:phpspot開発日誌
Expanding Textareas jQuery Plugin テキストエリアを動的リサイズ&カスタマイズ可能なjQueryプラグイン。 文字の量に応じて自動でリサイズするテキストエリアはブラウザ標準でも付けてもらいたいぐらい便利なのですが、最低の高さを設定したり、リサイズ時のコールバックを設定したりできるプラグインのご紹介。 テキストをいれてなくても最小のサイズが指定できるのは便利。 リサイ... 続きを読む
自分に関係するGitHub Issueを一覧できるアプリを書いた | Web Scratch
github-issue-teevという自分に関連するIssueを一覧するアプリをNW.jsで書きました。 機能 自分がAssignedされてるIssue一覧を表示 アプリ内でお気に入り登録したリポジトリのIssue一覧を表示 サイドバーにそのIssue内にある- [ ]のタスク一覧を表示 テキストエリアをCodeMirrorのエディタにすり替える機能 Cmd+e でトグルできます。 テキストエリ... 続きを読む