Image-editorImage-editorWith the UI that is the perfect combination of simple and beautiful, the Image Editor is a Full-Featured one that is perfect for everyday use.
tree.nathanfriend.io
An online tree-like utility for generating ASCII folder structure diagrams. Written in TypeScript and React.
Typora — a markdown editor, 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
PlantUMLでER図を書いて、githubで管理してみた - Qiita
きっかけ 趣味のWebサイト制作で頭の整理のためにシーケンス図等を書きたいなーと思ったので、 PlantUMLを使って書いた後にどうせならドキュメントでPlantUMLにできるところを PlantUMLにしてしまおうと思い立ったのがきっかけです。 PlantUMLとは PlantUMLはシーケンス図やクラス図等のダイアグラムを text形式で記述できる方式です。 メリット text形式だからgit等で差分を取りやすい vscode等のIDEの自動補完機能を使用すればかなりの速度でUML図を書けるようになる 後述のchrome拡張機能もあり、全てをtextで管理したいがちなエンジニアにとっては 良いツールとなっているのではと思います。 スニペットもうまく使っていければ高速で記述できそうです。 デメリット 学習コストが高い(ように感じた) 実際に生成される図を見ながらでないと整った図が書けない
VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック
Visual Studio CodeでWeb制作・開発のコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニックを紹介します。 My Web Development VS Code Settings, theme, Extensions, tips and tricks br lampewebdev(@lampewebdev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私がVSCodeを使用している理由 VSCodeのテーマ・アイコン・フォント VSCodeの機能拡張 VSCodeの設定 VSCodeの便利な使い方 私がVSCodeを使用している理由 私はプログラミングを始めて以来、たくさんのエディタやIDEを使ってきました。Eclipse、Netbeans、Notepade ++、Brackets Ed
TODO: 以外のアノテーションコメントをまとめた - Qiita
VS Codeだと https://github.com/Gruntfuggly/todo-tree ファイルに点在しているTODOなどのメモを一覧で見ることができます。 Todo tree: Add Tagを設定するだけで、タグを追加できます。デフォルトではTODO,FIXMEのみですが、簡単にアレンジすることができます。 Atomだと TODO, FIXME, CHANGED, XXX, IDEA, HACK, NOTE, REVIEW, NB, BUG, QUESTION, COMBAK, TEMP, DEBUG, OPTIMIZE, and WARNINGがアノテーションコメントとして認識されて、ハイライトされます。 さらに、todo-showというパッケージをインストールすると、ファイルに点在しているTODOなどのメモを一覧で表示してくれます。 https://atom.io/p
Visual Studio CodeでJavascriptの開発環境を構築する - Qiita
概要 Visual Studio CodeでJavascript(Node.js)の開発環境を構築したメモです。 環境 Windows7 (64bit) Visual Studio Code 0.10.1 Node.js v4.2.2 参考 Visual Studio Code TSD DefinitelyTyped/tsd - Github ESLint Rules How to Import Intellisense files into vsCode (Visual Studio Code) Visual Studio Code for Node.js Development 準備 Visual Studio Codeよりインストーラをダウンロードしてインストールします。 設定 Visual Studio Codeを起動しメニューバーの"File" → "Preferences" →
【超高機能】Angular6でFroala WYSIWYG Editorを導入する方法
フロントエンド 2486 view 【超高機能】Angular6でFroala WYSIWYG Editorを導入する方法 最終更新日:2018/10/06 Froala WYSIWYG Editorはweekly downloads10,991を誇る最強のeditorで、angularでも簡単に使用することができます（☆∀☆） が、公式通りにやると上手くいかないので記事にしました！ 初めてのgifで取り直しをしている為、予測変換がダサいのには目を瞑って頂けると幸いです。 今回はangular6での導入方法を紹介します！ demoページ いきなり作業 新規アプリケーションの作成 既にプロジェクトがある場合はskipしてください。 npm install -g @angular/cli ng new legend-app cd legend-app angular floara editor
VSCodeのオススメ拡張機能 24選 (とTipsを少し)
1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出ています。 6. Settings Sync どこでも同じ設定で使いたい人には便利。 ⇧ + ⌥ + U/D で設定をアップロ
JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！ - paiza開発日誌
どうも、まさとらん（@0310lan）です！ 今回は、ドラッグ＆ドロップで誰でも簡単にWebサイトを製作できるサービスのご紹介です！ そのままでもWebオーサリングツールとして大変便利なのですが、JavaScriptで好きなようにカスタマイズしてオリジナルのエディタを開発＆公開できるという面白い特徴があります。 現在、オープンソースとして活発に開発が進められているので、ぜひこの機会にみなさんも試してみてください！ 【 GrapesJS 】 ■「GrapesJS」の使い方！ それでは「GrapesJS」を使ったWeb製作エディタがどのようなツールなのかを見ていきましょう！ トップページにある「Webpage Demo」というボタンからアクセスすることができます。 登録なども不要で、すぐにブラウザ上で「エディタ」が表示されます。 この画面上で、自分の好きなようにWebサイトを製作することができ
プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ) – namaraii.com
プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ)Markdownをサポートしたメモアプリは数多くありますが、技術系のメモやスニペットを書き溜めるのに適したものはそれほど多くありません。 個人的な要件としては、 データフォーマットがオープンで好みのクラウドサービスで同期できることMarkdown(GFM)を扱えてプレビューできることコードの取り扱いが簡単なこと(できればシンタクスハイライトも)ファイルを意識しないで使えること(ファイル名を考えたりしなくて良い。オートセーブされる)ノートブック、タグなどでノートを整理・分類できることぐらいなのですが、すべてを満たしたアプリをなかなか見つけられず、Day OneやUlysses、Kobitoなどを併用して凌いでいましたが、最近、知ったQuiverというアプリがこれらの要件をすべて満たしており、これに一本化することに。 あまりに
CodeMirror
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
Download (old) | Inkscape
Previous Versions The prior stable release 0.91 is available from here. A list of all older releases and links to access their downloads can be accessed from here (select version number, then 'All platforms'). Development Versions If you would like to try out and see for yourself what Inkscape developers are currently working on, check out the development and pre-release versions. Extensions and O
軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」:phpspot開発日誌
CLEditor - WYSIWYG HTML Editor 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」。 次のようなすっきりしたデザインのWYSIWYGエディタを実装出来ます。ボタンはデフォルトで多数ありますが、カスタマイズ可能です。 全てダウンロードしても10KB以内という軽量なものになっています。 内容に応じてサイズを自動で変えたりすることも出来るようです。 IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+で動作確認しているそうです。 jQueryプラグインというのもいいですね。 これは覚えておいてよさそう。 関連エントリ WEBフォームをWEB上でWYSIWYG編集して瞬時にダウンロードできる「pForm」 まだまだあったJavaScript製のWYSIWYGエディタコンプリート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://plate.udecode.io/
Redirecting to https://mermaid-js.github.io/mermaid/#/
GitHub - froala/angular-froala-wysiwyg: Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.
TinyMCE Javascript Content Editor by Moxiecode Systems AB
Vim 基本操作まとめ - Archiva