今回は、プログラミングに欠かせない環境である「エディタ」のおすすめをまとめました。初心者でも使いやすいフリーテキストエディタを紹介していきます。フリーテキストエディタを使いましょう。テキストエディタとは、「文字情報の入力・編集・保存を可能とするソフトウェア」のことで、windowsだと「メモ帳」、Macだと「テキストエディット」が標準でインストールされていますが、機能が少なく、初心者には使いにくいです。多くのエンジニアが標準テキストエディタではなく、別のテキストエディタを選ぶ理由は、以下の理由が挙げられます。高性能である標準テキストエディタにある機能はもちろんの事、エンジニアにとってあると大変便利な機能が備わっています。複数あるファイルの中から特定の文字列を抽出する「grep」や、2つファイルの違いを抽出して表示する「ファイル比較」といった機能があります。エディタによって色々な便利な機能が備わっています。機能の有無によって作業効率が大きく変わってきます。優れた視覚効果テキストエディタで扱うのは文字ですが、文字数が多くなれば何を書いてあるかが分かりづらくなります。そのような問題を回避するため、フリーテキストエディタには特定の文字を色分け・ハイライト表示できる機能があり、どの部分に何を書いているかが判別しやすいです。複数のファイルを同時に編集する必要がある場合には、デスクトップにウィンドウが散乱してしまいがちですが、1つのウィンドウ内に複数ファイルをタブ形式で表示できるものもあるので、コード入力がしやすくなるというメリットもあります。初心者におすすめのフリーテキストエディタ7選それではリナックスアカデミーがおすすめする、フリーテキストエディタを紹介します。Codehttps://code.visualstudio.com/2015年11月に公開された、まだ歴史が新しいMicrosoft製のエディタです。windows版だけでなく、MacOS版もLinux版も存在するクロスプラットフォームなエディタで、早くて軽いと評判です。デバック機能も内蔵されていて、様々な拡張機能も利用できます。OSに標準テキストエディタを除くとシェアも世界トップクラスです。各種プログラミング言語にマッチした表示も可能でカスタマイズ性が高く、ユーザインターフェースも使いやすくてオススメです。Text」は海外製のフリーテキストエディタで「恋に落ちるテキストエディタ」というキャッチコピーが面白い。C#やPHPなどといった言語のハイライト表示やgrep機能に加え、同じ文字列を同時に編集できる機能や、プラグインの追加によりHTMLのコード補完機能が使えるなど、他のエディタにはない特徴も備えています。windowsだけではなくMacやLinuxでも使えるため、環境を選ばずに利用できるのも特徴のひとつです。Textは無料でも使えますが、本来は有料です。Codeと同じように、こちらも新しめのテキストエディタだ。クロスプラットフォームのエディタで、windowsだけではなくMac・Linuxでも使えます。起動も早く、拡張機能も非常に豊富です。いう機能がほしいと思って検索をしてみると大体見つかる。補完機能も優れていて、質も高いです。ユーザインターフェースもデザインセンスが良く、また使いやすい。初心者にとっては始めは難しいかもしれませんが、おすすめのエディタです。4サクラエディタhttps://sakura-editor.github.io/サクラエディタはオープンソースで多くの開発者によって機能追加されてきた日本語テキストエディタです。JavaやHTML、C/C++など15種類の言語に対応したハイライト表示や、grep機能、ファイル比較、よく使う機能を特定のキーに割り当てるカスタマイズなど豊富な機能を備えており、多くのエンジニアが使用している評判の高いエディタです。初心者が一番初めに使うことが多いのも、このサクラエディタです。5Notepad++https://notepad-plus-plus.org/windows標準の「メモ帳」の代わりとして、高機能なテキストエディタとして開発された「Notepad++」は、プログラマー向けに開発された海外でも人気のあるテキストエディタです。JavaやJavaScript、C/C++やPerl、PHPなど主要言語を始めとして30種類以上の言語のハイライト表示に対応しており、grepやファイル比較といった機能も備えています。プラグインを追加することで拡張機能を利用することができる点も大きな特徴です。6TeraPadhttps://tera-net.com/「TeraPad」は軽量な動作が特徴的な、シンプルな日本語テキストエディタです。Java、JavaScriptやPerlなどのハイライト表示機能や行番号、ルーラーの表示、ドラッグ&ドロップでの編集機能も備えており、初心者からベテランエンジニアまで幅広いユーザー層を持っています。Studio」はMicrosoftが提供するwindows向けの統合開発環境(IDE)で、多くののシステム開発の現場で使用されています。言語別のハイライト表示はもちろん、コード補完やプロジェクトファイル管理など、およそシステム開発な機能を兼ね備えています。エディションによっては有償となるが、まずは無償で提供されているExpressエディションを使うと良いと思います。以上、おすすめのフリーテキストエディタでした。プログラミングを書く上で、大事なパートナーとなります。自分で使いやすいテキストエディタを見つけ、プログラミングを学習していきましょう。最後まで見ていただきありがとうございます。今後ともよろしくお願いします。おすすめTweet広告を非表示にするもっと読むコメントを書く2019-09-01【初心者向け】プログラミングを学ぼう!JavaScript編3こんにちは。今回はJavaScript言語第3弾です。プログラミング初心者が知識として覚えておきたい所をまとめました。イベント処理イベント処理といって、マウスをクリックした時などに何かを実行させることができます。「index.html」の<body>に<input>を入れます。赤線の「"button"value="push!"」でボタンを作成。「onclick="push()"」で、もう一つのmain.js内のプログラムを埋め込みます。次に、「main.js」ファイル内に実行するプログラムを書きます。呼び出すものを「function(){}」で囲んで、呼び込むfunctionの名前をfunctionの隣に書きます。上記では「push()」です。これをindex.htmlに埋め込みます。worldを出力させます。world」が出力されました。キーイベントキーイベントとは、キーボードからの入力を受け取ることができるオブジェクトです。キーボードを押すとされる処理のことです。キーイベントは以下のものがあります。keydownkeydownは、「キーが最初に押されたときに発生」します。keypresskeypressキーは、「修飾キー(ShiftやAlt、Ctrlなどのキー)でなかった場合に発生」します。keyupkeyupは、「ユーザーがキーを離した時点で発生」します。どのように動くか見てみましょう。コードはこのように書きます。addEventListener()「addEventListener()」は、様々なイベント処理を行うためのメゾットです。今回はキーイベント処理を行うためにあります。false)」を入力します。種類には、keydownやkeyup等のイベントの種類を記述します。ここでは「keydown」にしています。次に関数を入力し、最後はイベント伝搬の方式をFalseかTrueで入力します。基本的にはFalseを入力します。checkKeyPress()functionは、JavaScript言語でよく使うもので、「様々な処理をまとめて、名前を付けることができる」ものです。この場合のfunctionの名前は「checkKeypress」という名前を付けています。「checkKeypress」の名前を使えば、このfunction内の処理を呼び出すことができます。上の「addEventListener()」の2番目で呼び出しています。場合、{}内の処理をします!」という意味です。keyCodeとは、キーボードのキーそれぞれに番号が付いており、これを「keyCode」と呼んでいます。内の{}の処理をしてくれます。{}内の処理は「alert()」にしています。alertが表示されたと思います。ちなみに余談ですが、Webサーフィンをしているとたまに上記のような画面が急に表示されて「システムが破損しています」「ウイルスに感染している恐れが」等と出てくるものがありますが、alertのようなプログラムがWebページのプログラム内に書かれてある、詐欺表示ですので、十分気を付けてください。JavaScript言語のまとめは以上です。初心者の人がいきなりゲームを作るとなると、簡単なゲームでも挫折してしまうことがあると思います。ここで紹介したのは、動くWebページを作れる基礎の基礎の部分で、ある程度勉強してきた人には物足りない記事になると思いますが、今から始める人や始めたばかりの人が見る分には丁度良いと思います。プログラミングもRPGと同じで、いきなり強い敵と戦おうとしても絶対に進めないように、難しい所からいきなり始めようとするとつまづいてしまい、前へ進めません。できる所やできそうな所から始めてみることが、上達する第一歩だと思います。知識と技術をしっかり身につけて難関に立ち向かっていきましょう。最後まで見ていただきありがとうございます。今後ともよろしくお願いします。01:44【初心者向け】プログラミングを学ぼう!JavaScript編3Tweet広告を非表示にするもっと読むコメントを書く2019-08-31【初心者向け】プログラミングを学ぼう!JavaScript編2こんにちは。今回はJavaScript言語の記事第2弾です。前回はHTMLファイル内に、scriptを書き込みましたが、今回はCSSの時のように別ファイルを作成して、そこにJavaScriptのソースコードを書き込み、HTMLに埋め込む方法で書きます。HTMLファイルとJSファイルを作成するまずはHMLファイルとJSファイルを作成します。デスクトップに新規でフォルダを作り、2つのメモ帳を保存しましょう。1つが「index.html」でもう1つが「main.js」と付けて保存します。JavaScriptでソースコードを書くときは、基本的にはmain.jsの方です。main.jsを編集するときは右クリックして、「プログラムから開く」で、メモ帳で開きましょう。次はindex.htmlファイルにHTML言語でソースコードを書き込みます。次にmain.jsにJavaScript言語でソースコードを書き込みます。index.htmlを開くと次のように表示されます。monospace」を代入するという意味になります。「monospace」というクラスを使用するとテキストが等幅で表示されるようになります。ここでは「FONT」と「ca」と「g」という文字に、それぞれ=で代入する文を書いています。FONTで文字フォントを48pxに決め、caに「document.getElementById('main');」を代入させ、gには「ca.getContext('2d');」を代入させます。「getContext("2d")」オブジェクトgetContext("2d")はオブジェクトと呼び、getContext("2d")オブジェクトは、線、ボックス、円、などを描画するメソッドを持っており、2D描画コンテキストを取得します。ゲームを作るときなどに使います。「g.fillText()」で表示させる文字を描画させます。If文を使うプログラミングを学ぶ上で必ず使用するもののひとつが、「If文」です。if文は、「もし~だったらA、それ以外はBになります」といった、分岐を作るためのものです。先ほどのindex.htmlファイルを簡単にします。今度のvarでは、aとbに数字を代入してます。」は、「もしも、aよりbが大きい場合は、{}の中の処理をしますよ」という意味です。{}には「document.write」とありますが、これは文字を描写するという意味です。これを実行したらこうなります。aは10で、bは15なので、コンピューターがしっかりどちらが大きい数字か判断して文字を表示させてます。aを15にしてbを10にすると、なにも表示がでてきません。aが大きかった場合の処理を書きます。次の条件を書くときは「else」と入れて{}で処理する文を囲みます。これを実行するとこうなります。数が同じの時の条件も加えることができます。条件)」をつけ、どちらも当てはまらない場合に「else{処理}」が表示されます。