ブラウザで使える超シンプルなオープンソースのコードエディター・「Smart Text Editor」
Smart Text Editorはブラウザで使える超シンプルなオープンソースのコードエディターです。ブラウザとキーボード操作だけで使えるよう設計されており、JavaScriptで書かれています。 機能は割と豊富で、マルチタブに対応、プレビュー機能、ファイルのリネームや保存時の拡張子の選択、任意のテキストの置換、JSON整形、雛型の挿入などの他、PWAライクに使う事も出来ます。 試していませんがテーマ機能も付いているみたいです。デフォルトではシンタックスハイライトやコード補完等はありませんが、非常に軽量で使いやすい印象で、複雑な構成や作業、準備なども必要なく気軽に使えます。 JavaScript/html/cssで書かれていますがコードは全てindex.html内に書かれているので1枚のhtmlファイルだけでコードエディターとして動作してくれます。個人的にはとても良くできてると感心しました
【2020年版】ブラウザからベクター画像を作り放題の無料SVGエディタを厳選してみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザから即座に起動してすぐにでもベクター画像を描画できる無料のSVGエディタを厳選してご紹介します。 ほとんどのエディタがログイン不要ですぐに利用可能なうえ、オリジナルのアイコンやイラストをSVG形式で保存してWebコンテンツとして活用できます。 イラスト作成やSVGに興味のある方は、ぜひ参考にしてみてください！ ■ primalDraw シンプルなUIでありながら、ベクター画像を描くための基本的な描画ツールは一通り揃っているSVGエディタが「primalDraw」です。 面倒なユーザー登録などは不要で、ブラウザからアクセスすれば即座にエディタが起動してすぐに描画できる手軽さが特徴的です。また、2020年5月時点ではすべての機能を無料で提供しているのも魅力の1つでしょう。 ベジェ曲線などを利用した基本的なペンツールでゼロからイラスト
ブロックレベルで編集できるオープンソースのリッチテキストエディタ・「Editor.js」
Editor.jsはブロックスタイルのリッチテキストエディタです。個人的に身近なもので言うとWordPressのGutenbergなんですが、WP使わない方だとピンとこない説明かもですね。ごめんなさい。画像やテキスト、見出しなどのブロック毎に編集、上下の位置を変えられるという特徴があり、テキストの編集はMediumのエディタのようにテキストを選択する事でツールバーが表示されるようになっています。Editor.jsの基本機能はシンプルなものですが、もともと拡張前提の設計となっており、プラグインによる機能追加をする事でエディタとして完成させていく流れとなっています。なので、不要な機能は加わらず、ユーザーにとっては軽量で分かりやすいエディタを提供できる事に繋がります。 ちょっと話はそれるのですが、Editor.jsはシンプルで分かりやすいですが、個人的にはGutenbergによってブロックスタイ
mozilla製WEBエディタ「Thimble」を使ってみた
Firefoxで有名なmozilla製のWEBエディタ「Thimble」 ひとつのプロジェクトで複数のHTMLファイル、CSSファイル、javaScriptファイルを手軽に追加できますね HTMLファイルはヘッダーから記述できて、それぞれのファイル名も編集可能 これは、完成後そのままサーバーにアップして使えるレベルなのか テスト用ではなく大きなコンテンツまでここで作れちゃう感じですね ここまで出来るならPHPにも対応していればな、と思うところなのですが調べてみたところフォーラムにいくつか質問がありましたね https://github.com/mozilla/thimble.mozilla.org/issues/1583 私たちはクライアントサイドのHTML、JS、CSSなどとサーバーサイドのコードに焦点を当てています。他にも、サーバサイドのスクリプタを行うことを可能にする同様のツールがあ
テキストエディタも仮想化する時代！DockerイメージとしてインストールしたEmacsのGUIを使う - Qiita
最近Dockerを使っていろいろなものを仮想化するのにはまっており、その産物です。 動機としては、普段使いしているArch Linuxで、emacs-mozcの日本語入力ができないということです。 Docker内にEmacsをインストールして、Emacsの画面をホスト側に映してやろうっていう魂胆です。 環境 ホストOS：Arch Linux ゲストOS：Debian GNU/Linux ベース Docker version： 1.12.1 手順 まずはDockerfile。至極単純です。もうちょっとカスタマイズして、emacs-mozcを入れたりしたい。 FROM debian:latest RUN apt-get update RUN apt-get -y install emacs24 RUN useradd -G sudo -u 1000 --create-home emacs EN
Editor Framework - Web IDEになる開発環境UI
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web IDEは徐々に注目が集まっており、幾つかサービスの中でWeb IDEを提供するところが出てきています。コンパイルや開発環境を用意しないで良いことや、書いたコードのシェアがしやすいのが利点と言えます。 そんなWeb IDEのUIとして紹介したいのがEditor Frameworkです。エディタとして欲しい機能は揃っていると言えそうです。 Editor Frameworkの使い方 Editor Frameworkのデモ画面です。テスト、コンソール、パッケージ管理といったタブが並んでいます。あくまでもデモなので機能が実装されている訳ではありません。 ペインの切り離し、移動もできます。 Editor Frameworkはマルチペイン対応で、Web IDE的な表現が可能となっています
コーディングを超加速するBrackets便利エクステンションまとめ
最近色んなところでBrackets使ってますの声を聞けて嬉しい感じなんですが、Bracketsのアドベントカレンダーも余裕で挫折しているのでまた仕切り直して、せっせと紹介記事書いていきますね。今回は新しく知った拡張機能のなかでコーディング関連のものを紹介します。これまでの紹介したものはいくつかありますので見てみてくださいー。 Bracketsだって激しく進化してますよ！メインエディターとして1年使ってみて – WEBCRE8.jp PSDデザインカンプからのコーディングに超便利！Extract for Brackets – WEBCRE8.jp SVGをBracketsで使用・作成・編集するのに便利な拡張機能 – WEBCRE8.jp Brackets CSS Class Code hint 便利過ぎワロタ系のやつです。編集中のHTMLが読み込んでいるCSSのセレクターに書かれているcla
オシャレでグッとくるエディタ、Atom
こんにちは！ウェブ開発担当の木戸です。 「Fenrir Advent Calendar 2014」も、もう 15 日目となりました。 テーマは「2014 年にグッときたコレ！」です。私が今年グッときたものは、あの GitHub が作ったエディタ Atom です！ Atom とは エンジニアにはおなじみの GitHub が開発、提供している無料のテキストエディタで、キャッチコピーは「21 世紀の Hackable エディタ」です。Mac 版が先行リリースし Windows 版も今年夏にアルファ版がリリースされました。 ベースはなんと Chromium と node.js でできており、HTML、css、javascript で動作しています。開発者ツールでコードも見られるので、HTML などの知識があれば簡単に Hack 可能で、まさに Hackable エディタですね！ 特にウェブ系の開発
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンなWYSIWYGエディタ「Lite Editor」:phpspot開発日誌
ピクセルアートを描けてCSSで作れるコードも排出してくれるオープンソース・ソフトウェア・「Pixel Art to CSS」