JavaScript勉強会

JavaScriptの学習日記

ツール

WinSCP Portableの日本語化

WebサーバーにSSHで接続して、ファイルをアップロードするとき、WinSCPというGUIツールが便利です。 WinSCP - Wikipedia ja.osdn.net WinSCPは、Windows向けのオープンソースのSFTPおよびFTPクライアントであり、旧来のSCPプロトコルもサポートしており、ロ…

Visual Studio Codeの日本語化

Visual Studio Codeをインストールしたら、メニューが英語になっていました。 英語の公式サイトからダウンロードしたインストーラーを使ったせいでしょうか? https://code.visualstudio.com/ (インストールするときの設定に関する質問も全部英文でした。)…

UbuntuのFirefoxにAdobe Flash Playerのプラグインを追加する方法

UbuntuのFirefoxで再生できない動画がありました。 Firefoxに動画再生のプラグインを追加したら、動画が見られるようになりました。 support.mozilla.org Firefox は、HTML5 音声や動画コンテンツ をウェブページ上で再生できますが、他のコンテンツでは、他…

Ubuntuのファイヤーウォール「ufw」

テストサーバーにUbuntuをインストールしました。 Webサーバーを構築するための下準備を進めてみたいと思います。 ファイヤーウォール SSH Nginx SSL MySQL PHP Ruby パッと思いつくところは、こんなものでしょうか? Ubuntuのファイヤーウォール ufwとは? …

Linuxで文字列のMD5ハッシュ値を計算する方法

データの暗号化などのため、文字列をMD5方式でハッシュ値にしたい場合があります。 Windowsの場合は、「B64MD5」などのフリーソフトがあり、簡単にMD5ハッシュ値を求められます。 www.vector.co.jp Linuxのmd5sumコマンド Linux(Ubuntu)で、文字列のMD5ハ…

Linuxの画像編集ソフト「GIMP」

Ubuntuでキャプチャーした画像にモザイク処理を入れるために、画像編集ソフト「GIMP」を使ってみました。 GIMPとは? UbuntuにGIMPをインストールする方法 GIMPの起動 GIMPの使い方 GIMPでモザイク処理 GIMPとは? GIMPは、Adobe Photoshopみたいな画像編集…

Ubuntuで簡易画像編集するツール「Pinta」

Ubuntuでちょっとした画像編集するとき、どんなツールを使えば良いのでしょうか? 検索したら、「GIMP」「Pinta」といったソフトが推奨されていました。 s.jkunblog.com krakenbeal.blogspot.jp GIMPは、Adobe Photoshopみたいに高機能なツール Pintaは、Win…

Visual Studio CodeでPHPのメソッド一覧を表示する方法

PHPのMVCフレームワークを使っていたら、機能を追加するたびにControllerやModelが肥大化していき、自分で書いたコードなのに段々把握しづらくなってきました。(汗) 論理設計はともかく、物理設計では粒度を細かくして、なるべく疎結合になるようにしようと…

わかばちゃんと学ぶ Git使い方入門

はてなブックマークで話題になっていたGitの入門書を買ってみました。 「わかばちゃんと学ぶ Git使い方入門」という本です。 わかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉 作者: 湊川あい,DQNEO 出版社/メーカー: シーアンドアール研…

Visual Studio CodeでJavaScriptをステップ実行する方法

JavaScriptを練習するときブラウザーで実行していました。 JavaScript(JS)のコードは、Visual Studio Code(VSCode)で書いています。 VSCode上でJSを実行して、動作確認する方法がありました。(メモ) 前提(準備) Windowsパソコンの用意 Node.jsの用意…

WindowsでMochaテストフレームワークを使う

JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第9章を読んでみます。 jsstudy.hatenablog.com Mochaテストフレームワークを使う Mochaとは? Node.jsの設定 フォルダの移動 Mochaのインストール gulpのインストー…

nvm(Node Version Manager)でWindowsにNode.jsをインストールする

WindowsにNode.jsをインストールするとき、Node.jsのバージョン管理ツールとして「nodist」を使ってみました。 「nvm」(Node Version Manager)というツールもあるので、nvmの使い方も調べてみました。 nodistの使い方 nvmとは? nvmw nvm-windows nvm-wind…

Git for WindowsでGitHubリポジトリをクローンする

JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第9章を読んでみます。 jsstudy.hatenablog.com Git for Windowsをインストールする Git for Windowsのダウンロード Git for Windowsのインストール Git for Winows…

Webサイト制作【3】 Visual Studio Code準備編

JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今回は、プログラムを書くツールを準備します。 以前用意した「Visual Studio Code」に、PHP用の設定を追加してみます。 用語 IDE 統合開発環境 - Wikipedia 統合開発環境、IDE (Integrate…

GoやSwiftもAltJSとして使おう!

JavaScriptの代替手段として、現在様々なAltJS(Alternative JavaScript)が提供されています。 (参考)AltJS(Alternative JavaScript)をまとめて比較してみました AltJSとは、Altnative Javascriptの略称で、JavaScriptの代替となりうる次世代のプログラミ…

オンラインでJavaScriptやPHPを実行する環境

ちょっとしたプログラムを書いて動作チェックをしたい場合、最近はオンラインの実行環境が用意されていました。\(便利)/ qiita.com paiza.ioが提供しているWebサービスを使ってみました。 Web-based online coding environment | paiza.IO 左上のプルダウ…

Microsoft 「Visual Studio Code」でJavaScript学習

JavaScriptの学習で使うテキストエディターとして、MicrosoftのVisual Studio Codeを使ってみることにしました。 code.visualstudio.com Visual Studio Code - Visual Studio Visual Studio Code - Wikipedia Visual Studio Code はオープンソースのソースコ…