TypeScript解読アシスタント | TypeScript入門『サバイバルTypeScript』
TypeScript解読アシスタントこれはTypeScriptのコードリーディングを支援するツールです。 既存TypeScript案件に参加した際に、既存コードを読むにあたって、次のような悩みを解決するためのものです。 TypeScriptの構文がよくわからない「??って何？」「#nameの#ってコメント？」「<></>って何？」言語機能の名前がわからず、調べようがない「string | undefinedの|ってなんて名前？」「value as anyってなんて機能？」「[K: string]: stringって何？」使い方左のエディターに解読したいTypeScriptをコピペする解読したいコード部分をクリックする右エリアにコードの意味などが表示されるサンプルコード入力するコードがない場合はサンプルコードでお試しください。 サンプルコード機密情報コードはすべてオフラインで処理され、サーバ
ShellPiper - 長いシェルコマンドを作成するための専用エディタ MOONGIFT
シェルでコマンドを書く際に、パイプでどんどんコマンドを繋いでいくのは良くあることです。よく使っているコマンドであれば、その出力も覚えているので、どんどん繋げていけるでしょう。そうでない場合、一つ一つ結果を確認しながら進めていくはずです。 今回紹介するShellPiperはGUIでシェルのパイプラインを作成できるエディタです。 ShellPiperの使い方 メイン画面です。 結果を確認しながら、コマンドをつないでいきます。 ShellPiperを使えば特定のコマンドの結果を確認しながら、最終的に長いコマンドを作成できます。最終的にできあがったコマンドはクリップボードにコピーできるので、そのまま実行可能です。 ShellPiperはWindows/macOS/Linux用、Electron/TypeScript製のオープンソース・ソフトウェア（GPL v3）です。 TheYarin/Shell
GitEdit - Git専用エディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Gitでコメントを書く際には何かエディタを使っているでしょうか。VS Codeなどのエディタを設定している人もいるでしょうが、ちょっと大げさです（常に立ち上げているなら良いですが）。かといってターミナルやコマンドプロンプト上で日本語入力するのは面倒そうです。 そこで使ってみたいのがGitEditです。Git専用のテキストエディタです。 GitEditの使い方 起動したところです。 入力補完付きです。 GitEditの覚えるべきキーボードショートカットは3つです。Ctrl+スペースで補完表示、Ctrl+wで保存して終了、Ctrl+Shift+Deleteで終了せずに終了です。軽量で、素早く起動するのでGitと一緒に使っていてストレスはないでしょう。普段使いには向きませんが、Gitに特
JSON Editor - シンプルなUIのJSONエディタ
システム開発時にJSONを使う機会が増えています。Web APIなどで自動で出力させる場合もありますが、設定ファイルなどで自分の手作業で作る場合もあります。しかし、手作業で作るとミスしやすく、ストレスがたまります。 そこで使ってみたいのが専用のエディタです。今回はシンプルなUIのJSON Editorを紹介します。 JSON Editorの使い方 JSONファイルを開いたところです。 折りたたみできます。 プレビューで、JSONの内容をそのまま見られます。 クエリを使って絞り込みも。 特定のフィールドだけを出すこともできます。 JSON EditorはシンプルなUIで、すぐに使いこなせるでしょう。検索で絞り込んだり、並び替える機能は便利です。JSON Editorを使えばダブルクォートや改行なども気にせずさくさくとJSONを書けるでしょう。 JSON EditorはTypeScript製の
OpenInTerminal - Finderからターミナル、エディタをディレクトリ指定して呼び出し MOONGIFT
macOSでファイルを操作する際にはFinderを使いますが、その際に今見ているディレクトリでターミナルを開きたいと思うことがあります。フォルダをドラッグ&ドロップしてもいいのですが、あまりスマートではありません。 そこで使いたいのがOpenInTerminalです。ターミナルを開くのに加えて、エディタでディレクトリを指定して開くこともできます。 OpenInTerminalの使い方 実行するとこのように聞かれます。自分がよく使っているターミナルアプリを選択すればOKです。 エディタの場合。こちらも普段使っているものを選びましょう。 設定画面でエディタやターミナルを指定できます。 OpenInTerminalはFinderのツールバーに登録して使うタイプのソフトウェアになります。Finderでパスを確認して、エディタやターミナルでフォルダを開くのは二度手間な感じがして面倒です。OpenIn
サクラエディタの便利そうな機能 - Qiita
まえがき SIerをディスる記事がバズるたびに流れ弾が飛んでくるサクラエディタですが、この偉大なエディタを使いこなしている人間は、すくないと思います。 今回は便利そうな機能を記録しておきたいとおもいます。 エディタから使える機能 Grep 検索メニューからGrepまたはGrepによる置換が行えます。 GrepやGrepによる置換には正規表現が利用できます。 利用可能な正規表現 https://sakura-editor.github.io/help/HLP000089.html 個人的によく使う正規表現は「\t」でGRAPの結果をタブ区切りに変換してExcelに張り付ける使い道です。 １、Grepの結果がある。 ２、「): 」→「):\t」の置換をやる ３、Excelにはりつけやすくなる。 ※正規表現使わなくてもタブ文字をコピーアンドペーストで置換後に入力する手もある 変換 変換メニューで
BowPad - リボンUIのプログラミングエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラミングエディタは星の数ほど存在します。多くのユーザがいるからといって、自分の手に馴染むとは限りません。様々なエディタに触れ、その世界観や目標がマッチするかどうか試すべきです。 今回紹介するBowPadはWindows用のエディタで、リボンUIなのが一つの特徴になっているエディタです。 BowPadの使い方 タブ型のエディタになっています。 ディレクトリツリーも表示できます。 コマンド機能で、選択している文字を他のアプリケーションに渡すことができます。 ダークテーマも用意されています。 言語によっては関数やクラスの折りたたみ機能があります。 プラグイン機能も。 BowPadは検索や置換もあり、日本語UIにも変更できるなどプログラミングエディタとしての一通りの機能を備えています
GraphvizOnline - GraphvizをWebブラウザ上で使う
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 複雑なチャートを描く際に、ExcelやPowerPointを使っていては、後々の更新コストが大きくなります。そこでお勧めなのがGraphvizです。dotファイルを作れば、チャート化する部分は自動で任せられるようになります。 今回紹介するGraphvizOnlineはWeb上でGraphvizを試せるツールです。各自のローカルにインストールする手間がなくなるのでお勧めです。 GraphvizOnlineの使い方 左側にエディタ、右側に生成されたチャートが表示されます。 エンジンを変えることで、同じ内容でも異なった表示になります。 フォーマットは画像の他、SVGも選択できます。 別なファイルでの例。 内容によって最適なエンジンがありそうです。 GraphvizOnlineを社内に一台
Coder - Web上で動作するVisual Studio Code
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました クラウドIDEはすでに誕生して10年近くになります。すでに幾つかの実用的なソフトウェアも出てきていますが、それでもまだまだローカルでの開発が主流です。特にスクリプト言語ではそうでしょう。 しかし、その世界が大きく変わるかも知れません。なぜならスクリプト用のプログラミングエディタとして有名なVisual Studio CodeがCoderによってWeb化したからです。 Coderの使い方 これが最初の表示です。まさにVisual Studio Code（以下VS Code）の画面です。 シンタックスハイライトもちゃんと使えます。 コマンドも出ます。 ターミナルだって使えます。 Coderはリモートサーバ上にインストールして、Webブラウザ経由でVS Codeを使えます。コードはサーバ
WEB上で複雑なレイアウトのページを自由にWYSIWYGで編集できる「grapesjs」:phpspot開発日誌
GitHub - artf/grapesjs: Free and Open source Web Builder Framework. Next generation tool for building templates without coding GrapesJS Demo WEB上で複雑なレイアウトのページを自由にWYSIWYGで編集できる「grapesjs」 ブロックやカラムをドラッグ＆ドロップで自由に配置し、テキストをその場で編集できる高機能なエディタをオープンソースで自分のアプリに組み込めます。 関連エントリ Markdownが書けるWYSIWYGエディタ「TOAST UI Editor」
インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita
VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。 Before After 私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https:/
VS Code（Visual Studio Code）エディタを便利に使うための拡張機能 - karaage. [からあげ]
追記：VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 VS CodeにVimから乗り換えようと思った 普段、プログラムを書くためのエディタは3年くらい前からVimを使っています。 軽量ですし、大体どんなマシン（OS）でも入れられるので、プラグインとか色々入れて機能拡張していました。ただ、デバッグとか色々辛くなってきたので、IDEのエディタもまた使ってみようかなと思い、最近評判の良いVS Code（Visual Studio Code）に手を出しはじめてみました。 この記事では、VS Codeに入れている拡張機能を自分のメモがわりに書いておきます。 なお、VS Code自体のインストール方法は割愛します。以下公式サイト参照下さ
![VS Code（Visual Studio Code）エディタを便利に使うための拡張機能 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/35eabb0e1b8fb6d0e8ee43a1e132e736c438295b/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20180929%2F20180929115011.png)
VS Codeを極める！ MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 前回の記事では、「HTMLコーダー」「フロントエンジニア」に役立つ拡張機能を紹介しました。本記事では、開発者全般の方に役立つ拡張機能を紹介します。 エディターを強化する拡張機能 1. Clipboard Ring テキストを「コピー」や「切り取り（カット）」したものを「貼り付け（ペースト）」する場合に、この拡張機能を入れることで複数件の内容を記憶できます。ctrl+shift+v（⌘+shift+v）を押すごとに過去の情報に切り替えられます。デフォルトでは10件の情報を記憶できますが、設定を変更することで記憶する件数を増やすことも可
AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう | WEBA
This domain may be for sale!
StackEdit - ブラウザ用WYSIWYGなMarkdownエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 個人的に良いと思うMarkdownエディタは、記法の形は残しつつもWYSIWYGに表示が確認できるものです。二ペイン型は使い慣れた方にとってはいいですが、初級者には敷居が高いでしょう。 今回紹介するStackEditは二ペイン型ながらも記法がある程度エディタ部にも反映されるMarkdownエディタになります。 StackEditの使い方 メイン画面です。左側がエディタ、右側にプレビューがあります。 画像やリンクを追加する場合にはダイアログが表示されます。 画像を追加しました。編集、プレビュー両方に表示されます。 リストは改行した際に自動補完されます。 さらに文章を複数管理するための機能もあります。 StackEditではフッターに文字数、行数なども表示されます。長文を書くのに適して
Web Code Editor - 実行結果付きのWeb上のコードエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました コードを学習する環境は素早く作れるのが理想です。色々なソフトウェアをインストールしたり、セットアップしていたら諦めてしまうでしょう。特にWeb系のように手軽に動かせることを期待されている環境はそうです。 PHPやJavaScriptの学習、コードを試す際に使ってみて欲しいのがWeb Code Editorです。 Web Code Editorの使い方 最初の表示です。上にHTMLコードがあって、下にその実行結果が表示されています。 変更して保存（Processボタン）を押せば表示が更新されます。 日本語も使えます。 Web Code Editorの仕組みとしては実行結果はiframeで囲まれた内容になっています。上のHTMLで記述した内容をサーバ側に送り、特定のファイルを更新してi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home
The SQL Editor and Database Manager Of Your Dreams
各OSに対応のオープンソースのSQLエディター/データベースマネージャー・「Beekeeper Studio」 - かちびと.net
VSCode(Visual Studio Code)をメモ帳として使える拡張機能「VSNotes」が便利 | カレリエ