石井晃太郎ジャーナルコンテンツへスキップ石井晃太郎ジャーナルWEBデザインとマーケティングをテーマに語るビジネスノウハウブログ﻿メニューとウィジェット仕事のご依頼お問い合わせ著者:石井晃太郎1994年の早生まれ。慶應大学在学中からビジネスを始め、卒業後そのままフリーランスに。マーケティングやコピーライティングの知識を裏付けにしたWEBデザインやホームページ制作が主な仕事。某WEBサービスの運営やコンサルティングみたいなこともしてます。フルートやデッサンをやるぐらいには芸術分野、というかクリエイティブが好き。3のパッケージこんにちは、石井です。3を使い始めるときに「とりあえずこれは入れとけ」と言えるパッケージをご紹介します。「最初から大量に入れすぎると各パッケージの役割がわからなくなる」という考えから、様々なサイトを巡って僕が吟味したものたちです。Textに恋できます。Controlパッケージの管理とかがすごく楽になる必需品。入れとけコンテストがあったら間違いなく1位。TextからショートカットキーでSASSをコンパイルすることができるようになります。Textでは日本語入力時に入力欄が別ウィンドウで表示されてしまいますが、それを通常のインライン表示に変えてくれます。Codecs33この2つのパッケージをインストールすることでShift_JIS(シフトジス、コンピューター上で日本語を含む文字列を表現するときに使われる文字コード)で書かれたファイルの文字化けを防いでくれます。Controlからインストールできません。packagesを押して開かれるフォルダに入れてあげてください。SideBarEnhancementsサイドバーの右クリックメニューで出来ることが増えます。Autocomplete自作の定数や関数を補完して入力予測してくれるようになります。AutoFileNamehtmlでimgのsrcを設定するときにフォルダ内のファイルを入力予測してくれるようになります。他にもwidthやheightを自動挿入してくれたり。おかげで画像まわりのコーディングがかなり楽になりました。BracketHighlighterタグや括弧の始まりと終わりをわかりやすく表示してくれます。初歩的なミスが減るかと。Highlightercssで色を指定している部分に、実際に表示される色を表示してくれます。覚えることを減らすのは大事ですね。Goto-CSS-DeclarationhtmlのclassやIDにカーソルを合わせてショートカットキーを押すと、それらを定義しているcssファイルの場所までジャンプしてくれます!素敵!ただ、定義しているCSSファイルが開かれていないといけません。AssistantWordPressを使用している人専用。WordPressの独自関数などが補完されて入力予測してくれるようになります。終わりにこんな感じでしょうか?まぁ、究極的には、万人に当てはまるマストなパッケージなんてないので参考程度に。使ってていらないなと思ったら消していきまーす。