sakura-top

ちょっと便利な無料エディタ「サクラエディタ」のダウンロードと使い方

いつも「みなラボ」にアクセスいただいてありがとうございます!(´∀`*)ノシ

↑みなラボのページに「いいね!」はコチラから↑(>∀<)ノ☆ 


こんにちは!や~べ~です。

最近だいぶ暑くなってきましたねっ!

先週、今年2度の目のBBQをして、早くも日焼けで首回りが痛いっ。

毎年の事なのですが、やってしまった後に日焼け止めでも塗っておけば良かったと反省しています。。。

 
さて今回は、ちょっと便利な無料エディタ「サクラエディタ」のダウンロードと使い方という事で、Webサイトの編集やプログラミングをする際に、有ると便利な無料テキストエディタ「サクラエディタ」のダウンロードと使い方を解説していきたいと思います。

このようなエディタが無くても「メモ帳」などのソフトで、Webサイトの編集やプログラミングは可能なのですが、サクラエディタのようなテキストエデイタを使うと、文字列の検索や同一文字列の一括変換など、「メモ帳」などのソフトでは出来ない便利機能があり、しかも行番号の表示や段落や改行などが見やすくなっていてとても使い勝手が良いです。

編集作業では、「編集する場所を探すこと」や「幾つもある同じ文字列を変換すること」が作業中に手の掛かる部分だと思います。

こういった作業がエディタでサクッとできると編集作業がだいぶ楽になるのでないかと思います。

ですので、まだエディタ使った事がないという方や今使ってるエディタがイマイチ使いにくいなぁと感じてる方は、是非この「サクラエディタ」使ってみてはいかがでしょうか?

※自分も最近使い始めました!なかなか便利です!今までは、たいした編集作業はしてなかったので、「メモ帳」一本で作業してましたが。。。^^

それではまず、ダウロードとインストールから説明させて下さい。

 

スポンサーリンク

1.「サクラエディタ」のダウンロードとインストール

本家サイトからインストーラーをダウロードして下さい。

 
サクラエディタ公式サイト

sakura13-hp1-c

 
公式サイトのページを見ていくと↓のように「ダウンロード」という項目があります。

sakura14-hp2-c

その直下の「インストーラパッケージダウンロード」をクリックするとインストーラーをダウンロードできます。

ダウンロードできたらインストーラーに沿って、インストールを行って下さい。

インストールできたら、起動してみましょう!

 

スポンサーリンク

2.「サクラエディタ」の起動

 
スタートメニューにある「サクラエディタ」をクリック。
(※windows7での解説になります)

1sakura1-c

 
すると、↓こんな風にウインドウが開きます。

2sakura4

基本的には、このウインドウにファイルをドラッグ&ドロップすることでファイルを開くことができます。

※さりげなく書いてある「h3」は、後ほどの説明で使います。。。

 
続いては、「サクラエディタ」の設定をしていきます。

 

スポンサーリンク

3.「サクラエディタ」の設定

色々と設定があるようですが、今回は初心者の方でも設定しておくと便利な「タブ機能を有効にする設定」の解説をしていきたいと思います。

タブを有効にすることによって、複数のファイルを同時に編集できたり、ファイルの切り替えをスム-ズに行えます。

 

3-1.タブ機能を有効にする設定

 
サクラエディタのツールバーの「設定」→「共通設定」をクリックします。

3sakura2-cc

 
「共通設定」ウインドウに「タブバー」というタブがあるのでそこを表示します。

4sakura3-k

「タブバーを表示する」の左側のチェックボックスにチェックを入れます。

ウインドウ下側の「OK」をクリックしてウインドウを閉じましょう。

 
適当なファイルをドラッグ&ドロップしてみて下さい。

↓のようにタブが機能していれば設定完了です。

5sakura17-ck

 

3-2.その他の設定

本格的にプログラミングする時には、↓のサイトを参考にHTML、CSS、PHP、Javascriptの設定を行ってから使用することをオススメします。

 
参考サイト:サクラエディタ初心者なら必ず入れたい便利機能3選:Code部

sakura15-codebu1-c

 
この設定をしておくと、HTML、CSS、PHP、Javascriptで書かれたファイルを編集する際にも、関数名などがハイライトされて編集しやすくなります。

 
続いては、「サクラエディタ」の簡単な使い方について説明させて下さい。

 

4.「サクラエディタ」の使い方

記事の冒頭部分にも書いた「文字列の検索」と「複数ある文字列の一括変換」の方法を説明します。

まずは、「文字列の検索」から。

 

4-1.文字列の検索する方法

 
「サクラエディタ」のツールバーの↓赤丸で囲んだ部分をクリックします。

6sakura17-ck

 
すると検索ウインドウが開きますので、条件の部分に検索したい文字列を入力します。↓

sakura5

今回は例として、「h3」を検索しますので、「h3」と入力しました。

入力したら、ウインドウ右側の「下検索」ボタンをクリックしましょう!

 
すると、ファイル内の「h3」が全て黄色でハイライトされます。

少し分かりにくいですが、検索で選択されている一番上の「h3」だけが緑がかった色でハイライトされています。↓

sakura6-ck

ここで、↑赤丸をクリックするか、もしくは先ほどの検索ウインドウの「下検索」ボタンをクリックすると、ファイル内の次の「h3」を検索してくれます。↓

sakura7-c

 
同様の操作をすると、最後の「h3」を検索してくれます。↓

sakura8-c

 
このあと、同様の検索をすると、↓のようなメッセージウインドウが開き、この下には「h3」が無いことを教えてくれます。

sakura9

 

4-2.複数ある文字列の一括変換する方法

 
「サクラエディタ」のツールバーの↓赤丸で囲んだ部分をクリックします。

sakura9-2ck

 
「置換ウインドウ」が開くので、「置換前」と「置換後」の条件の部分に文字列を入力します。↓

sakura10

今回は例として、「h3」全てを「h2」に置換したいと思いますので、「置換前」の条件に「h3」、「置換後」の条件に「h2」と入力しました。

入力したら、ウインドウ右側の「すべて置換」ボタンをクリックして下さい。

 
↓のようなメッセージボックスが表示され、複数ある文字列を一括変換してくれます。

sakura11

 
↓このように「h3」→「h2」に一括変換できました!

sakura12-c

 

まとめ

ちょっと便利な無料エディタ「サクラエディタ」のダウンロードと使い方という事で、簡単な内容だけまとめさせていただきました。

「検索」や「一括置換」の操作が出来るだけでもプログラムの編集が本当に楽になると思います。

全て日本語表記なので使い勝手が良く、テキストエディタをこれまで使ってないという方には、とっかかりやすいエディタだと思います。

全力でオススメですっ!!(>∀<)ノ☆

ぜひ、一度使ってみてはいかがでしょうか?

 

オススメの書籍

「楽天」

はじめてのサクラエディタ [ 清水美樹 ]
価格:1728円(税込、送料無料)

 
「Amazon」

はじめてのサクラエディタ―オープンソースの高機能エディタを使いこなす! (I・O BOOKS)

 
↓ランキング参加してます!よろしければ、クリックで応援して下さいっ!
ブログランキング・にほんブログ村へ
にほんブログ村

 
↓こちらもお願いしますっ!

人気ブログランキングへ
 

 

最後までお読みいただいて、ありがとうございます。

もしこの記事を気に入っていただけたなら、SNSで共有していただけると、とても嬉しいです!どうぞ、よろしくお願いいたします!m(_ _)m

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterで『みなラボ』をフォローしよう!

Feedly、RSSはこちら!!

follow us in feedly

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です