Tools

Tools

Visual Studio Code でHtml・CSSをプレビュー

ブラウザーを使ったプレビューでは、htmlやcssを変更しても 毎回ファイルに保存→ブラウザのページ更新を行わないと直ぐに反映されません。 まして、通常ブラウザーにはキャッシュ機能があるので変更が必ずしも反映されたか判断付きかね...
Tools

ホームページを根こそぎダウウンロード

無料ブログなどのバックアップや デザインの気に入ったサイトのホームページを参照してテンプレートを作ったり、 また、オンラインマニュアルしかない時など、 サイトを一括してローカル(自分のPC)に保存しておくと何かと便利な場合があ...
Tools

Chromeの機能拡張で効率アップ「どこでも翻訳」

たった10秒でChrome上のどこででも翻訳が出来るようになります。 拡張機能の「どこでも翻訳」Chromeに追加することで 外国語サイトのページの翻訳は、Chrome標準で右上にメニューが表示されますが、 外国語、日本語...
PHP

Visual Studio CodeでPHPデバッグ

Visual Studio CodeでPHPのデバッグするには 拡張機能の「PHP Debug」を使います。 この「PHP Debug」は、PHPのデバッグ用拡張機能であるXDebugに対するインターフェースみたいなものです。 ...
Tools

Visual Studio Code日本語を使う

Microsoftから無料で提供されているコーディング専用エディター Visual Studio Codeのダウウンロードから日本語で使用できるまでを紹介します。 Visual Srudio Codeのダウンロード 下記URL...
Tools

マインドマッピングツール使ってみる編

前回インストールしたXMind8を使用して構想をマインドマッピングしてみたいと思います。 マインドマッピングしてみるのは、このサイトの副業の一部です。 マインドマップの作成 XMind8を起動します。 ...
Tools

マインドマッピングツール準備編

有名なマインドマッピングツールXMind8(現行リリース版)を使用するための準備をしようと思います。 XMind は、有料版(フル機能)と無期限で使用できる一部機能制限の無料版があります。 無料版でも十分に機能が揃っているので今...
Tools

ATOMでHP作成を加速するパッケージのインストール

前回、高機能なテキストエディタのATOMをインストール・設定を行いました。 この環境に「emmet」というパッケージをインストールしてhtml開発を加速させます。 emmetの特長は emmetは、法則(使...
Tools

無料で使える高機能テキストエディタATOMを使う 設定編

超初心者から上級者まで幅広いニーズに対応、しかも無料で使える高機能テキストエディタATOMを使ってみましょう。 利用できる環境は、Windows7以降で64-bitのコンピュータです。 今回はATOMのインストール、最低...
Tools

PCのChromeでWebサイトを読み上げる

Webサイトの文章を聞きながら見ると、より理解を深めることが出来そうな気がする。 そんな時のための、PCのChromeで開いているタブの内容を読み上げてくれる便利なChrome Extensionを紹介します。 Chromeに「...