指定文字数改行
※サンプル用に、一部改造しています。 吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所で、「ニャーニャー！」泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。 この書生というのは時々我々を捕つかまえて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられて、「スー」と持ち上げられた時何だかフワフワした感じがあったばかりである。 掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始であろう。 この時妙なものだと思った感じが今でも残っている。第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶だ。その後猫にもだいぶ逢ったがこんな片輪には一度も出会わした事がない。のみならず顔の真
ラクザネット
無料パソコンスクール講座 WordPress・SEO・プログラミング あなたに以下のことで 悩んでないだろうか？ 「フリーランスになりたいけど稼げるか不安だ」 「クラウドソーシングや営業して稼げるか不安だ」 「転職で必要になり困っている」 「スマホはあるけどパソコンが古くて不安だ」 「広告やLINEからの集客を得たい」 「仕事でグラフや資料制作を思うように作れない」 「プログラミングを学習して副業したいけど不安だ」 「副業をはじめたが、いっこうに成果がでない」 「退職してノートパソコンだけで収入を得たい」 「何がわからないかわからない状態が続き何度も挫折した」 「在宅で稼げるようになりたい」 「副業で収入を得たい」 そんなお悩みのあなたにこそ 取得して頂きたい内容です！ このメディアを運営している制作・プログラミング相談のプロが 全て無料で相談と学習できるように 無料スクールのメルマガ講座
CSS3で縦書きにする方法と挙動 - Qiita
div { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } 日本語は縦（vertical）の右から左（Right to Left）なのでこのプロパティを用います。 IEは昔から独自仕様で縦書きが可能だったため、プレフィックス付きで変なプロパティがついています。 その他プロパティや対応ブラウザは下記サイトでご確認ください。 writing-mode - CSS | MDN Can I use ブラウザによる違い ブラウザにより挙動が異なるのですが、最大の違いはwriting-mode: vertical-rl;を指定したとき、Chrome、Safariは右詰め、Firefoxは左詰めで表示されてしまうことです。text-alignでの指定では右詰めになりません。t
エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」
TOP > Design , WebDesign > エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」 Webサイト閲覧時やゲーム画面などでエラー表示を目にしたことがある人は多くいるかと思います。最近では様々な表現があるかと思いますが、今回紹介するのは、エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」です。 テキストにノイズや歪みなどを加えて表現されるエラー表示のエフェクトのセットです。 詳しくは以下 グリッチとは映像などの破損により生じる画像の乱れや、ゲームでバグが起こった時の画面の乱れなどのことを言います。グラフィックデザインにおいては、ビジュアルやテキストにノイズや歪みを加えることでレトロな雰囲気を表現したり、エラー表示などに活用されることが多いです。今回紹介し
jQuery ページや要素の幅に合わせて文字サイズを変更してくれるプラグイン | Stronghold Archive
どうもこんばんは。今回は【jQuery ページや要素の幅に合わせて文字サイズを変更してくれるプラグイン】についてメモしておきます。数行追加するだけで簡単に実装できう上に、iphone等の様々なディバイスにも柔軟に対応してくれます。どこかで試してみても良いかもしれませんね。 SLABTEXT 挙動も安定していて使い勝手も良いです。カスタマイズ性も高そう。パディング等で全体幅からスペースを取ったサイズ調整もできます。span等にはCSSの追加が必要なようです。詳しくはSLABTEXTへ HTML <h1 class="slab">HEADLINES</h1> <script src="jquery-1.X.X.min.js"></script> <script src="jquery.slabtext.min.js"></script> <script type="text/javascrip
テキストを均等割り付けしてくれるjQueryプラグイン「jQuery.justify.js」
Justified / ark 先日仕事で「Webページにおける文字の均等割り付け」を行わなければならない場面がありまして。 「そんなんCSSで簡単にできるでしょ」と思っていたら、text-align:justify;がwebkit系のブラウザだと上手く動かないことが発覚。 無理やりスペースつこうて揃えてやろうかなどと思っていたところ、NxWorldの@nxworld_net さんにテキストの均等割り付けをしてくれるjQueryプラグイン「jQuery.justify.js」を教えて頂きました:) 参考：文字の均等割り付けを行うjQueryプラグイン jQuery.justify.js | php-tips @OZPA 情報古いし試してないので保証はできないんですが、http://t.co/8Efen0aVwGみたいなjustify実装みたいなjQueryプラグイン使うとかですかね…。僕は
ライバルは文房具。原研哉氏が率いるデザイン会社がシンプルすぎるエディタ「stone」をつくったワケ | CAREER HACK
(*)... 2017年12月2週目時点 心地よさにこだわり抜いたエディタ「stone」 日本を代表するグラフィックデザイナー、原研哉さん率いる日本デザインセンター（NDC）が、とてもユニークな自社プロダクトをリリースした。それが『stone』だ。 広義でいえばテキストエディタの類だが、あまりにもシンプルなつくり。アプリを起動し、映し出されるのは真っ白な画面。言われなければエディタだとわからないかもしれない。 「僕らが意識したのは、触感であったり、気持ちよさなんです」 今回お話を伺ったのは、企画からアプリづくりに携わった北本浩之さんと横田泰斗さん。 これまで『MUJI』や『三越伊勢丹』など大手企業のグラフィックデザインのイメージが強かったNDC。なぜ彼らがデジタルで自社プロダクトを？ そしてデジタルの領域において「触感」は表現できる？ 心地よさのデザイン、その本質に迫った。 2017年11
PDF、Word、一太郎などのバイナリ文書から、テキストデータを抜く
いろいろなバイナリファイルからテキストデータを抜けるツールxdoc2txtで遊んでみました。これは、from EBシリーズ via Orbium保護されたPDFからテキストを抜き出すで知りました。これはスゴい！ ポイントは2つ。 PDF、WORD、EXCEL、一太郎などの各種バイナリ文書から、テキスト要素を抽出する汎用テキストコンバータ。高速&強力ナリ 追加DLL(同サイトにあり)を併用することでパスワード無しで暗号化されたPDFから抜くことも可能 いちばんスゴかったのは、Rational Rose モデリングデータ(拡張子mdl)からテキストを抜き出せたこと。どれどれ… UseCase/UseCaseView stereotype superclasses relationshiplist quid , quidu (たぶんRoseモデル内のID) visible/invisible A
文字数カウント
■全角・半角共に1文字として換算した文字数 ■全角＝1文字、半角＝0.5文字として換算した文字数 ■全角・半角共に1文字として換算した文字数(空白は除く) ■全角＝1文字、半角＝0.5文字として換算した文字数(空白は除く) ■行数 ■全角・半角共に1文字として換算した文字数 全角文字・半角文字共に1文字として換算した文字数が表示されます。改行は数えません。 ■全角＝1文字、半角＝0.5文字として換算した文字数 全角文字を1文字、半角文字を0.5文字として換算した文字数が表示されます。改行は数えません。 ■全角・半角共に1文字として換算した文字数(空白は除く) 改行文字と空白文字(全角半角空白)を除いた全角文字・半角文字共に1文字として換算した文字数が表示されます。 ■全角＝1文字、半角＝0.5文字として換算した文字数(空白は除く) 改行文字と空白文字(全角半角空白)を除いた全角文字を1文字
【 文字列を置換する「sed」 】 - シェル・スクリプト・リファレンス：ITpro
文字列の一部を置き換えたい場合はsedを利用する。sedは文字列を置換したり，特定の行を抜き出したりできる。sedは，
Linuxシェルでファイルの中身の一部を書き換えるsed | 三度の飯とエレクトロン
Linuxのシェル上でファイルの一部を書き換えたいときがあります。 たとえば、設定ファイルを書き換えるシェルスクリプトを作りたい、など。 テキスト変換コマンドsed sedは、stream editorの略で、入力されたテキストに何かしらの変換をかけて出力するコマンドです。 テキトーにfruitsなどというテキストファイルを作っておきます。 $ cat << 'EOT' >> fruits > apple > banana > orange > grape > EOT 中身を表示してみます。フルーツ盛り合わせです。 $ cat fruits apple banana orange grape 中身をsedに渡して、バナナをバナナジュースにします。 $ cat fruits | sed "s/banana/banana juice/" apple banana juice orange gr
文法圧縮入門：超高速テキスト処理のためのデータ圧縮（NLP2014チュートリアル）
言語処理学会第２０回年次大会（2014/3）のチュートリアル講義資料です。 - 要旨 - 文法圧縮とは，入力テキストをよりコンパクトな文脈自由文法（CFG）に変換する圧縮法の総称である． 文法圧縮の強みは圧縮テキストを展開すること無く，検索等のテキスト処理を効率よく行える点にある． 驚くべきことにその処理速度は，元テキスト上での同じ処理を理論的に，時には実際にも凌駕する． また近年，ウェブアーカイブやログ，ゲノム配列等の大規模実データを高効率に圧縮できることで注目を集めている． しかしながら，文法圧縮についての初学者向けの解説資料はまだまだ少ない． そこで本チュートリアルでは，文法圧縮の歴史的背景から最新動向までを幅広く紹介する． 具体的には文法変換アルゴリズム，圧縮テキスト上での文字列パターン検索，文法圧縮に基づく省メモリデータ構造等の解説を行う．Read less
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
Useful CSS Text Effects
2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト！ テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ
Androidで文章作成ならこれだ！ 集中できるエディタ『JotterPad X』 | ライフハッカー［日本版］
iOSには、『Byword』や『iA Writer』など文章作成に特化したアプリが多くリリースされているので、原稿書きにはiPadを活用していました。しかし、日本語入力アプリが選べないのと、予測変換候補リストを外付けキーボードから消せず、編集作業をテンポよく進められない難点があります。 Androidは、iPadで感じたような難点はないので、いくどとなく試しているのですが、思うような文章作成アプリがありませんでした。しかし、これならばと思えるアプリに出会いました。ご紹介するアプリは『JotterPad X』で、Playストアから無償でダウンロードできます。ただし、Markdownや世代管理の機能を有効にするには、「Creative Version」と呼ばれるキーを481円で購入します。 JotterPad Xには、いくつかの特徴がありますが、私が気に入っているところを中心に取り上げます。
Google Driveを使ったオンラインコードエディタ·Neutron Drive MOONGIFT
Neutron DriveはGoogle Drive連携のコードエディタです。 Google Driveで気になるのはGoogleドキュメントと完全には連携しておらず、オンラインでのファイル編集ができないことです（一旦エクスポートしないといけないのは不便です）。そんな中注目したいのはNeutron Drive、Google Drive連携型のプログラミングコードエディタです。 インストールします。 Googleアカウントと紐づける必要があります。 Googleドライブ、ドキュメントへのアクセス権限が必要です。 メイン画面です。左側は検索とファイルツリー、右側が編集画面です。ファイルが色々とあるのでファイルツリーはお見せできませんが…。 一気に寄せて編集部を大きく出来ます。 設定ウィンドウです。 複数ファイルを開けます。 https://www.youtube.com/watch?v=Piy
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テキストを切り替える際に面白いアニメーションが使える「jquery-bubble-text」:phpspot開発日誌
Moving Letters
xdoc2txt
Sublime Text 2, 3の使いやすいテーマのまとめ