VSCodeおすすめ設定大公開！！おすすめ拡張機能も - Qiita
はじめに 皆さんVisual Studio Code(以下VSCode)使ってますか？ 私はメインで使っているのですが、自分なりにしっくりくる設定や拡張機能がある程度揃ってきたので公開しちゃいます。 おすすめ設定だけではなく、おすすめの機能もできる限り紹介したいと思いますので、最後までぜひお付き合いください。 ※プログラミング言語固有の設定の解説は軽めですのでご了承ください。 GIF画像が小さい場合は、クリックして頂けると拡大して表示が可能です デフォルト機能編 Local History機能 Gitは非常に便利なので、皆さん使われていると思います。 Gitはコミット単位で履歴が管理できますが、保存単位で履歴が見れると嬉しいな、保存単位で復元できると嬉しいな、と思うことはないでしょうか。 私はVSCodeは自動保存をオフにして、手動で保存するので、保存単位で履歴が見れると嬉しいなと思うこと
Meta の新しいリッチテキストエディターフレームワーク Lexical を調べる
Brand-new Rich Text Editor Framework! 先日 Meta から新しいリッチテキストエディターのフレームワーク Lexical の OSS 化が発表されました。 一方で、 Meta が開発していた既存の React 用リッチテキストエディターフレームワーク Draft.js はアーカイブが決定されました。 実は自分は業務で Draft.js をめちゃくちゃ使っていて、発展に期待しつつウォッチしていたので開発が終了してしまうのが非常に残念ではあるのですが、代わりにより高度に抽象化されたフレームワークが公開されたのでこれはマスターするしかありません。 ということで調べたことをまとめていこうと思います。 執筆時点(2022 年 4 月)では正式リリースされていないので、本稿のサンプルコードは参考にならなくなる可能性があります。 概要 エディターを作るためのフレーム
Meta、JavaScript Webテキストエディターフレームワーク「Lexical」をOSS
Metaは現在、JavaScript Webテキストエディターフレームワークの「Lexical」をリリースしている。軽快さや拡張性、アクセシビリティを重視し、開発者は必要に応じた機能を持つテキストエディターが利用可能。基本的な雰囲気はWebで確認できるが、ローカル環境に導入する場合は、「npm install --save lexical @lexical/react」を実行する。 Webブラウザー上で動作するLexical Lexicalは編集要素に取り付くエディターインスタンス、エディターの状態を示すセット、セット情報を受け取り、状態に応じてDOMを更新するリコンサイラーの3要素で構成されている。そのため、UIコンポーネントやツールバー、リッチテキスト機能、マークダウンなどの機能はプラグイン経由で実装・拡張する仕組みだ。公式サイトのプラグインページでは、Lexicalの状態更新時に呼び
Blog
明示的 意味 แพลตฟอร์มการเรียนรู้และพัฒนาทักษะด้วยเทคโนโลยี https://suin.io เป็นแพลตฟอร์มที่ให้คุณเรียนรู้และพัฒนาทักษะทางเทคโนโลยีอย่างสะดวกสบาย เรามุ่งมั่นในการให้ความรู้และประสบการณ์ที่มีคุณค่าในการพัฒนาตนเอง pascalcase
無料なのに高機能で軽い！ブラウザで動くデザイン作成ツール「Canva（キャンバ）」を早速使ってみたら凄かった！ | 株式会社WEB企画
無料なのに高機能で軽い！ブラウザで動くデザイン作成ツール「Canva（キャンバ）」を早速使ってみたら凄かった！ シェア つぶやく ブックマーク LINE Pocket オーストラリア発のクラウドベースのデザイン作成ツール「Canva」がKDDIウェブコミュニケーションさんと組んで日本に上陸いたしました！ 高機能で無料使用も可能ということでしたので早速使ってみたのですが、「Canva」かなり凄いです。これまではブラウザ場で扱えるPhotoshopの代役といえば「Pixlr Editor」が高機能で有名だったと思いますが、ブラウザという制限があるので、色々と使いにくい部分も多かったのですが、「Canva」はあまりストレスを感じること無く、直感的にデザインができます。しかもブラウザであることを全然感じさせない軽さ。いやーこれで無料は凄いです。 それでは詳細の使用感や機能などをお伝えいたします！
Visual Studio Code は JavaScript 開発が超絶便利になる可能性を秘めている！
Visual Studio Code は JavaScript 開発が超絶便利になる可能性を秘めている！ クロスプラットフォームでオープンソースな IDE 環境、Visual Studio Code が公開されたので試してみた。 拡張を入れなくても、デフォルトで JavaScript の「自動 Lint」「Grunt、Gulp 連携」「デバッグ」が動いた。なんだかすごく便利そうな予感。 Windows 環境で起動してみたらこんな画面だった。 なんか黒いが、色は好みにカスタマイズできるし、プリセットからも選べる。 フォルダーを開くことから始まる Visual Studio Code にはプロジェクトの概念はない。 [File] > [Open Folder] からフォルダーを開けばよい。 ためしに、過去に作った Node.js 製の livereloadx のフォルダーを開いてみた。 左側に
IntelliJ IDEAをvimっぽくする - AnyType
Androidアプリ開発しててEclipseが重くてつらかったので、IntelliJ IDEAなるものを試してる。見た目がかっこいいからこっち使ってみようと思い、vimっぽく使えるか試してみた。 バージョン IntelliJ IDEA 12.0 テーマを黒にする こっちの方がイケてる。 Preferences > Appearance > ThemeをDarculaに変更する。 IdeaVimを追加 キーマップをvim化する。 Preferences > Plugins > Browse repositories > IdeaVimでダブルクリックするとインストールできる。 カーソルがどこまでも右にいける設定をオフにする Preferences > Editor > Allow placement of caret after end of lineをオフにする。 行番号を表示する Pre
サクラエディタを PHP をいじるのに便利な設定にするよ！
わたくしは、プライベートでもサクラエディタを使わせていただいています。すごく、便利です！ただ、インストールしたままですとサクラエディタで PHP ファイルを開いても、黒一色でつまらないですので今回は、次の設定を行っていきます♪ 強調キーワード → 特定の言葉の色が変わる。見やすい。 入力補完機能 → 関数を途中まで入力して Ctrl + Space で自動的に残りを入力してくれる。便利。 ヘルプの設定 → 関数を選択してカーソルを当てると内容を説明してくれる。ときどき役立つ。 こういうことができると便利です。早速やっていきます。 はじめに サクラエディタ自体はここからダウンロードし、インストールしました。 サクラエディタ また、わたくしのバージョンは次でした。確認は、「ヘルプ」 ＞ 「バージョン情報」または、Shift + Ctrl + F1 となります。 サクラエディタ Ver. 1.6
Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup
bootstrap-wysiwyg tiny wysiwyg rich text editor for Bootstrap About This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features: Automatically binds standard hotkeys for common operations on Mac and Windows Drag and drop files to insert images, support image upload (also taking photos
CLEditorの編集HTMLソースを外部JSから操作する方法 - 東洋黒客は勇者である
プロジェクト「ドラグノフ」こと「2chまとめったー」開発日記 http://d.hatena.ne.jp/thk/20120415 http://sourceforge.jp/projects/j2chmatometter/ 2chMatometterではWYSIWYGエディタのJavaScriptライブラリ(というかjQuery plugin)としてCLEditor(http://premiumsoftware.net/cleditor/index.html)を使用しています。 今日はそのライブラリを使った時のTipsを備忘録としてメモ。 ■知らない間にできていたiframeのデザインモードJSでWYSIWYGエディタを実現するライブラリはCLEditor以外にもあるのだが、そもそもなんでこんな事ができるかというと かなり昔からiframeにデザインモードというHTMLをWYSIWYGで
Redactor WYSIWYG html editor
A simple and fast tool for everyday tasks of creating and editing texts on the web. Suitable for creating and editing common texts for the web, which may also include images, video, embed code. It has a hybrid interface that can be customized according to your needs. For example, you can disable the main toolbar and only show the context toolbar when highlighting text. Or show the control toolbar
うわっ...私のEmacs、使いにくすぎ？だったら...ｶｽﾀﾏｲｽﾞｼﾔｯｾｰ!!ﾀﾞｧﾀﾞｧｼｴﾘｲｪｯｽｯｼｪｰｼｮｰﾍｲﾍｲ!!! - 三等兵
日々事あるごとにﾀﾞｧﾀﾞｱ言っとります。たとえばタンスの角に小指をぶつけりゃ、 「ﾀﾞｧ!!!」 扉を閉じるときに指を挟んで、 「ﾀﾞｧ!!!ﾀﾞｧ!!!」 猪木がイチ,ニ,サンと叫ぶものなら、 「ﾀﾞｧ-------!!!」 と言っとりますがあーーー！！！・・・という荒ぶる猪木の気分ではありませんが。 MacになってからCodaと付き合いだして疎遠になっていました。でもやっぱりEmacs使ってたときが一番捗ってたのでまたお付き合いを始めようかと。 ・・・え？Emacsとの馴れ初めですか？気になります？気になります？そうですね、あれは、忘れもしない雪がしんしんと全く降ることがない初秋のある日のことでした。私は当時は日々事あるごとに「ﾍｧ!!!ﾍｧ!!!」とウルトラマンしていました。時々「ﾌｫｯﾌｫｯﾌｫ!!!」とバルタンもしてました。クセなんです。そして出会いました。 ピグモンと。 それ
jHtmlArea Live Demo - WYSIWYG HTML Editor for jQuery
jHtmlArea Getting started An overview of jHtmlArea, how to download, basic use, examples and more. A simple, light weight, easily extensible WYSIWYG Html Editor built on top of jQuery. This component allows you to easily display a WYSIWYG Html Editor in place of any <textarea/> Html element. The minified script alone is only 9.21kb. Advantages Here are some key advantages to using jHtmlArea: Free,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSON Hero - A beautiful JSON viewer
vuetify-markdown-editor
svg-edit - Project Hosting on Google Code
Vimの全オプション
http://www.curiosity-drives.me/2012/01/vimjavascript.html
http://www.curiosity-drives.me/2012/01/rails.html
IDEA * IDEA
