インストール

Macについて書きますがWindowsでもほぼ同じだと思います。

次のページを開きます。

Download - Obsidian

Obsidian is available on all major platforms. Download Obsidian for iOS, Android, macOS, Windows and Linux.

obsidian.md

ボタンをクリックしてdmgファイルをダウンロードします。
ダブルクリックします。
左から右にドラッグします。

使い方

新規作成すると自動的にあらかじめ指定したフォルダに保存されます。
ファイル形式はマークダウン（拡張子md）です。

編集中の画面に画像を添付できます。JPEG画像をコピーしてペーストするだけです。
画像は指定フォルダにコピーされます。

プラグイン

メニュー（のObsidian）からPreferencesを選択。
コミュニティプラグインの閲覧をクリック。
インストールしたいプラグインを選択。
インストールをクリック。

行の操作

カーソルのある行を下または上にコピーする。

カーソルのある行を下または上に移動する。

カーソルのある行を削除する。

カーソルのある行をコメントアウトする。

リネーム

カーソルのある部分の要素の名前を変更する。

フォーマット

全体のフォーマット（スペースなどを整える）を行う。

カーソルのある行のフォーマットを行う。

折りたたみ

コードの折りたたむ。または展開する。

エラーと警告

エラーの詳細を表示。

1. 左の拡張機能アイコンをクリック。(shift+command+X)
2. 「open in browser」を検索。
3. 右側に拡張機能「open in browser」が表示されるので「インストール」をクリック。

インストールした後は、HTMLを編集した状態でalt+Bを押すとブラウザで開かれます。

Visual Studio Code – Code Editing. Redefined.

プログラミングに適していて、様々な言語に対応しています。例えばJavaScriptやPHPに対応しています。
コードの補完機能があります。 例えばJavaScriptでコードを書いていて「encodeURI」と入力したいとき、「en」と入力すると「encodeURI」が候補に現れます。tabで確定します。
またMarkdown言語に対応しています。Markdownエディタとして使うだけでも価値があると思います。
私はWindowsでは秀丸を使っています。一方、MacではCotEditorを使っていますが、今ひとつなじみません。
またコードを書く場合にはWindows、MacともSublimeTextを使っていますが、有料です。
このVisual Studio CodeはWindows、Macの両方に対応しており、無料ですので、今後はこれを中心に使っていきたいと思います。
なお現在のバージョンは0.3.0です。

Markdownエディタとして使う

1. Markdown記法で何かを書く。
2. 名前を付けて保存する。拡張子は「.md」とする。
3. メニューの view – Split Editor を選択する。WindowsならばCtrl+\でもよい。右上のアイコンでもよい。
4. エディタが左右に分割される。
5. 右のエディタにカーソルを移すと右上にアイコンが現れる。
6. Open Previewをクリックする。Macならばshift+command+Vでもよい。
7. 右のエディタにプレビューが現れる。リアルタイムで表示される。

分割しなくてもOpen Previewをクリックするとプレビューに切り替わります。

GitHub - mermaid-js/mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown - mermaid-js/merma...

github.com

このように書くと次のようなフローチャートが描けます。

これを簡単に試せるソフトが「Haroopad」です。Windows版、Mac版、Linux版があります。
Haroopad – The Next Document processor based on Markdown

バージョン0.13からDiagram機能が使えるようになり、これにmermaid.jsが対応しています。
基本的にはMarkdownエディタです。
左側にMarkdown記法でテキストを書くと右側に変換された結果がリアルタイムに表示されます。

そして独自の記法を使うとフローチャートが作れます。
「“`mermaid」で書き始めて「“`」で書き終えます。

このように書きます。日本語も使えます。

次のようなシーケンス図も作れます。

記法で使われる記号をそのまま表示するには前に半角バックスラッシュ(\\)を付けます。
コードをそのまま表示するには半角チルダ3個(\~~~)の行で挟みます。

とても便利なHaroopadですが、難点がいくつかあります。いや、いくつもあります。

• ヘルプが韓国語でまったく意味が分からない。
• ウィンドウの位置やサイズが勝手に変わる。
• 図を二つ以上使うと正しく表示されないことがある。保存して再度、開くと正しく表示される。

他にも怪しい挙動がいくつか。
いずれ改善されるとは思いますが。

Any Send

www.getanysend.com

Any Send

Wi-Fiを使い、Windows、Mac、Androidの間で簡単にファイルのやり取りをするソフトです。もちろん有線LANでもOKです。無料です。
まだiPhoneには対応していません。今後、対応されるようです。
私の環境ではWindowsとMacがつながればいいので、それぞれにそれぞれに対応したソフトをインストールします。
Windowsはダウンロードして解凍してexeファイルを実行。MacはAppストアからインストールします。
使い方は簡単です。

1. Windows側で送りたいファイルをコピーします。
2. Any Sendが起動していれば下部のタスクバーにアイコンが表示されるので、それをクリックします。※アイコンが表示されない場合は▲(上向き三角、「隠れているインジケーターを表示します」)をクリックします。
3. Mac側のユーザー名が表示されますのでクリックします。
4. これで該当のファイルがMacに送られます。※最初は確認ダイアログが出ます。

MacからWindowsも同様です。

Windows側は個人フォルダのDocumentsフォルダにAny Sendフォルダができて、この中にコピーされます。
Mac側はダウンロードフォルダにAny Sendフォルダができて、この中にコピーされます。

正しく動作しない場合は、Any Sendを再起動するとうまくいくことがあります。

Primg – Vieas Web

画像ファイルを選択し、縦横のサイズ、枚数を指定すると自動的に配置して、印刷します。
カードや名刺のようなものを作るときに便利です。

Windows

1. ファイル-取り込み-オーディオの取り込み を選択し、音声ファイルを取り込む。
2. 解析-Silence Finder を選択し、ダイアログでOK。
3. ラベルトラックに「S」という表示が出ていることを確認。これが無音部分。
4. もし無音が解析できない部分があった場合は、再生して無音部分で一時停止し、トラック-再生開始位置にラベルを付ける を選択。
5. ファイル-複数ファイルの書き出し を選択し、ダイアログで書き出し形式や場所を指定して「書き出し」をクリック。

最後に余計なお世話を。
私がこのソフトを使っていて困るのはメニューがグレーになって選択できなくなる場合があることです。
これは再生が一時停止になっている場合に起こります。不具合でなく仕様ですが。
そのときは停止(四角ボタン)をクリックしてください。

Audacity

Download Audacity for free. A free multi-track audio editor and recorder. Audacity is a free, easy-to-use, multi-track a...

sourceforge.net

Mac

Mac版を使ってみました。バージョン2.3.1です。

1. ファイル-取り込み-音声の取り込み を選択。
2. 選択-すべて を選択。※command+Aでも可。
3. 解析-無音の検出 を選択。
4. 「無音の検出ダイアログ」でOKをクリック。※最小無音間隔を調整する。
5. ファイル-書き出し-複数ファイルの書き出し を選択。

ラベル（区切りの部分）については
編集-ラベル-ラベルの編集
で編集できます。

本家「Graphviz – Graph Visualization Software」でWindows用のソフトをダウンロードします。現時点では「graphviz-2.28.0.msi」でした。(2018年1月21日追記 現時点では「2.38」が最新です。)
インストールします。

以上です。特別な設定は不要でした。

インストールしたフォルダにある「GVEdit」を起動します。以降、英語ですが、簡単です。
File-Newを選択すると「graph1.gv」という編集用ウィンドウが開きます。
ここにDOT言語でテキストを書きます。例えば「digraph{a->b;}」と書きます。
File-Saveを選択するとフォルダ選択ダイアログが出るので適当なフォルダを選びテキストを保存します。
Graph-Settingsを選択すると設定ダイアログが出るのでOutput File Nameで適当なフォルダを選択しファイル名をセットします。
Graph-Layoutを選択すると表示用ウィンドウが開き、グラフが表示されます。
これで描画されました。先ほどのフォルダにグラフが書かれた画像ファイルが出力されます。

そして肝心の日本語ですが、正しく表示されました。

このようにフォントを指定する必要があります。ここでは「メイリオ」(meiryo)を指定しています。
これで日本語でも正しく表示されます。ラベルも日本語でよいというのが便利です。

問題はGVEditでテキストを保存して再度、開くと日本語が文字化けすることです。
ここは別のテキストファイルにコピー＆ペーストして対応できますが面倒です。

Softaculous AMPPS

インストールと起動

Windowsで使ってみました。
AMPPSのウェブサイトからWindows版をダウンロードします。結構、大きいです。
インストールします。ここまで特段迷うところはありません。
起動します。

他にもPHP関連の同様の開発環境アプリがありますが、ここまで簡単なのはありませんでした。実は今まで成功したことがありません。
このAMPPSは簡単！

AMPPSが起動した状態で、ブラウザを開き、アドレス欄に「http://localhost/」と入力します。

左側にウェブアプリがずらっと並んでいます。これを選択していくとダウンロード、インストールができ、すぐに使うことができます。

自作のPHPを試す

インストールされたウェブアプリはパソコン内の次の場所に保存されています。※環境によって異なるかもしれません。
「C:\Program Files\Ampps\www」
このフォルダの直下に、例えば「test」というフォルダを作り、自作のPHPファイルなどをコピーします。
ブラウザで「http://localhost/ampps/」と入力します。
「cgi-bin/」やインストールしたウェブアプリのフォルダの他に「test/」というフォルダが見えます。
ここをクリックすると自作のPHPファイルが現れ、クリックするだけで開きます。簡単にテストすることができます。