WebデザイナーのためのSublime Text入門

プロジェクトの使い方

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
プロジェクトのファイルをまとめることができる機能を紹介します。
講師:
04:42

字幕

このレッスンではSublime Text のプロジェクト機能について学びます。プロジェクト機能とはサイトなどで使うファイルをまとめて開いてまとめて管理ができるという機能です。ではまず project.html をブラウザーで開きましょう。まずフォルダーのドラッグ&ドロップをしてサイトを Sublime Text で開きたいと思います。それではファインダーのこの教材ファイルがすべて入っているフォルダーをこのように Sublime Text にドラッグ&ドロップ、そしてサイドバーが表示されていない場合はView Side Bar Show Side Bar としてサイドバーを開いておきます。教材フォルダーが開かれました。それではこれをプロジェクトとしてセーブしたいと思います。まず Project というメニューが上にあるのでそちらをクリックしてSave Project As というのをクリックします。クリックするとプロジェクトはこの設定ファイルを保存する必要があるという風にメッセージが出るので保存する場所はどこでも構いませんがこのレッスンフォルダーの一覧が見えている所に保存をしたいと思います。 そしてこの拡張子はsublime-project でなくてはいけないのでこの untitled という所を変えていきましょう。今回は lesson という風に単語を打ち変えておきます。ではこの状態で保存をします。保存をすると、このようにプロジェクトのファイルが2つできました。このファイルがあることでこのフォルダーの構成を記憶することができ毎回フォルダーをドラッグ&ドロップしなくてもProject Open Project とすることでいつでもフォルダーの構成を復元するということができるようになっています。ではプロジェクトの内容を少し変えてみましょう。この Project Edit Project をクリックします。例えばここに開かれているファイルの中でスタイルシートをいじりたくない場合や画像のファイルはこのフォルダーのリストに出したくないといったケースがあります。現在は common フォルダーの中のimages フォルダーに画像が入っているというのが見えてしまっていて画像をクリックしてしまうとこのように、データが出てしまいます。これはテキストエディターでは編集しないというものなので表示をさせておかないということにしたいと思います。 それでは Project Edit Project をクリックしてこちらに追記をしておきたいと思います。最初のダブルクォーテーションから行末の括弧までを選択してコピーを取ります。コピーを取ったらSublime Text をこのようにウィンドウを少し広げてあげて行末が見えるようにしておきます。そしてこの行末にカンマを1回打ってEnterそして Mac は Command+VWindows は Ctrl+V でペーストをします。そして上書き保存をしておきましょう。File Save でもいいですがMac の方は Command+SWindows の方は Ctrl+S で保存を取ります。そうすると先程はcommon フォルダーの中のimages フォルダーの中にjpeg が1枚入っていたのですがそちらが見えなくなっていますしcss の中も開かれてないことが分かります。この機能を利用すれば例えば役割分担をしてプログラムを書く人にはプログラムのファイルを見せてあげるなどそういったことが可能になります。是非サイトを作るときはこのプロジェクト機能を活用してみて下さい。このレッスンではSublime Text のプロジェクト機能について学びました。

WebデザイナーのためのSublime Text入門

Sublime Textは世界中で多くのプログラマーに愛されている大人気のテキストエディタです。このコースでは、Sublime Textを使うのが初めての方にもわかりやすいようにその使い方を丁寧に解説していきます。コースの後半では実際にSublime Textを使ってコーティングを行っていきます。

2時間16分 (23 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2014年06月18日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。