最近のフロントエンドのエディタ事情 - mizchi's blog
これは、個人でどんなエディタを使うべきか、ではなく、「チームとして」新しいものを採用するとき、あるツールがエディタ横断で便利かどうかを考える必要がある。 自分個人としては、基本はAtomを使って、TypeScriptを書くときだけVS Code を使っている。ターミナルでは Vim。 環境でエディタを選ぶ 最近の新規プロジェクトでは、とくにブロッカーがなければ TypeScript を使っていいと思う。TypeScript を使うなら当然 VS Code を使うことになる。Atom や Vim でもいいが、TypeScriptのエディタとしては、流石に完成度が頭一つ抜けてる。JavaならJetBrains 的なノリで、TSならVSCode、そういうものと思ったほうが楽。 TS以外なら、エディタはなんでもいいが、ある程度流行ってるものでないとエコシステムに追いついてくれない。 prettie
Typora — simple yet powerful Markdown reader.
Readable & WritableTypora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview feature to help you concentrate on the content itself. Distractions Free Seamless Live Preview What You See Is What You Mean
Flowを使ってアプリケーション開発するためのエディタ環境いろいろ｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
これはフロントエンドエンジニア Advent Calendar 2016の第7日目の記事です。 今年はほぼずっとTypeScriptでコードを書いていたので、気分を変えてFlowでコードを書く時の環境について調べてみました。 私は普段Visual Studio Codeでコードを書いているのですが、特に助かっているこの辺りの機能を踏襲した環境を基準にしてみます。 エディタ内で型エラーを表示 何か間違いを起こしてしまったことを知るのは早ければ早いほど良いと思っているので、型エラーは常時エディタに表示されるようにしたいです。 (若干エディタの画面がうるさくなり過ぎる時もありますが...) 変数の型情報をツールチップとして表示 開発中に「あれ、この変数ってどんな型だっけな」と忘れることがよくあります。できるだけ簡単な操作で任意の変数の型を確認できると、ストレス無く開発できます。 型定義へのジャン
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
Draft.js
Extensible and CustomizableWe provide the building blocks to enable the creation of a broad variety of rich text composition experiences, from basic text styles to embedded media. Declarative Rich TextDraft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API. Immutable Editor StateThe Draft.js model is
Quiver でメモ管理改善
Quiver: The Programmer’s Notebook Twitter のタイムラインで こちらのエントリ を見かけて、これはよさそうと思って衝動買いしてちょっと試してみたところ、自分のニーズを全て満たしていると言っても過言ではないくらいよかった。ので、この感動を同じニーズを持った人達に伝えるべく、軽くレポートしてみようと思う。 Quiver 移行前のメモ管理 Dropbox に markdown 形式で保存 emacs で編集 Marked 2 を emacs から起動して閲覧 という感じで落ち着いていた。 が、いまいちしっくりきてなかったというか。メモ管理に最適化されてる感じは薄かった。シェルの世界から出ないでよいのでラクだなあというくらい。 Quiver の特徴 最たる特徴は以下。 1つの Note は複数の Cell で構成されている 現状、Cell は以下の5種類 T
Marxico - Markdown Editor for Evernote
Marxico The Missing Markdown Editor for Evernote Loading... View the demo # Welcome to Marxico @(Sample notebook)[Marxico|Manual|Markdown] **Marxico** is a delicate Markdown editor for Evernote. With reliable storage and sync powered by Evernote, **Marxico** offers greate writing experience. - **Versatile** - supporting code highlight, *LaTeX* & flow charts, inserting images & attachments by all m
Pixlr.com
Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi
GitHubのようなtextareaの補完機能を実装する - カーソル位置の取得 - Qiita
続編 JavaScript - Qiitaのtextarea自動補完がOSSになりました GitHubのコメントでは@と入力するとカーソルの下に入力補完が出現する。さらっとやっているが、実はこれが結構難しい。なぜ難しいのかというと、JavaScriptではカーソルが何文字目にいるかは分かるが、 カーソルのXY座標を取得するAPIが存在しない からだ。カーソル位置が分からなければ、適切な位置に補完候補を表示することができない。では一体どうすればいいのか？ 今回Qiitaではコメント欄でのメンションの補完機能を実装した。本稿では前述の問題を解決するために用いたテクニックを解説する。 ちなみにこのメンション補完機能はチーム用プライベートQiitaである「Qiita:Team」でも勿論使える。現在絶賛無料トライアル実施中なので、興味を持たれた方はそちらも使ってみて欲しい。 要約 textarea内
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
NAVERフォトエディター
インストール不要、完全無料のNAVERフォトエディター。簡単操作で多彩な演出が可能な写真編集ソフトです。
ツールが充実しているオンライン画像編集サイト「SUMO Paint」 - ネタフル
ツールが充実している「SUMO Paint」というオンライン画像編集サイトを試してみました。 デモを動画を見るとけっこう衝撃的なのですが「これがウェブサービスなのっ！？」て感じですね。ものすごく強力。 ユーザインターフェースがMac OS Xぽいので、Macユーザは馴染みやすいのではないでしょうか。 ブラシなどのツール群の数も豊富なようで、かなりこれもまた強力です。オンラインかローカルか、要は慣れの問題のような気がしてきました。 いやいやいや「SUMO Paint」を使いこなせたら、かなりブログとか楽しくなるんじゃ‥‥とか思ってきましたよ。 トップページが他の人の作品が見られるのですが、それも良いのでぜひどんなことができるか参考にしてください。 ■関連エントリー ▼オンラインで画像編集できる「Aviary Image Editor Phoenix」 ▼超パワフルなオンライン写真編集サイト「
複数文書をマージし、コラボレーションを加速する TextFlow
TextFlow Gets Online Collaboration Tools | Read Write Web SubEthaEdit のようにリアルタイムで複数の人が一つの文章を編集できるツールが出現したときには「すごい！」と思ったものでしたが、実際のところ利用したことはほとんどありません。 というのは、ペア・プログラミングをしていたとしても二人の人が同じ物を編集していると、どうしても意向の違いや、片方の人が編集するつもりだったところを別の人が意に沿わない形で編集してしまったり、なんだか面倒だったからです。 実際に必要だったのは、「リアルタイムに文章を一致させる」という解ではなくて、ほぼ同時期にコメントや、修正が行われた複数の文章をマージするためのツールでした。 TextFlow はまさにこうしたニーズに応える、ちょっと変わったサービスです。 たとえば論文のような、一つの Word
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSON Schema Generator
GitHub - facebookarchive/draft-js: A React framework for building text editors.
Haroopad - The Next Document processor based on Markdown
StackEdit – Editor
リアルタイムにコード編集、チャットもできるオンラインエディター『SquadEdit』 | 100SHIKI
30+ Amazing Mac Apps for Developers
