こんにちは､ おかえりなさい｡
このビデオでは､ コードライト付きグラフィカルインターフェースの概要について説明します｡
IDEはIntegrated Development, Environmentの略で､ IDESは基本的にCプログラムをコンパイル､
編集､ 実行できる素敵なツールなので､ メニューオプションをクリックしてビルドや実行のためのコンパイルメニューオプションが簡単にできます｡
しかも､ 本当に､ 使い勝手がいいんです｡
今のIDEは､ 他のIDEと比べると､ ある意味シンプルなIDEです｡
XcodeやVisual Studio Code､ あるいはEclipseを使ったことがある人は､ 通常､ もう少し複雑です｡
最小限の機能と最小限のグラフィカル・インターフェース・コンポーネントを備えた軽量なIDEです｡
このビデオでは､ このインターフェイスを見ながら､ コードライトを初めて使うときに役立つヒントやトリック､
IDEの使い方を紹介したいと思います｡
というインターフェイスです｡
これは､ デフォルトのインターフェースです｡
Code lightでは､ これをデフォルトのパースペクティブと呼んでいます｡
つまり､ ここでは基本的に3つのエリアに分かれていることになります｡
左側には､ 通常､ ペインと呼ばれるものがあります｡
このワークスペース・ペインがあります｡
そして､ この真ん中にあるのが､ エディターペインです｡
ここで､ ソースコードを編集します｡
また､ デフォルトで表示される「最近開いたワークスペース」も用意しています｡
そのため､ 開いたり作成したりした以前のワークスペースにすぐにアクセスすることができます｡
そして､ 一番下にビルドとアウトプットのウィンドウがあります｡
これが出力ペインになりますね｡
一般的にはビルドペインで､ コンパイルの様子などを見ることができます｡
そのため､ これまでの動画と多少見覚えがあるはずです｡
特に､ ワークスペース・ペインが今どのような状態になっているかは､ よく分かっています｡
空っぽなんでしょう？
その中にタブがたくさん入っていますよね｡
それらをカバーしているようなものですが､ ワークスペースがないんです｡
それでは､ 以前のワークスペースを開くか､ 新しいワークスペースを作成してみましょう｡
そして､ この左側にもたくさんのシンボルが描かれていますね｡
上部にあるメニューオプションから､ ほぼすべての項目にアクセスできますが､ いつでも「新規ファイル」で新しいワークスペースと言えますし､
以前に作ったワークスペースを選ぶこともできます｡
以前の動画でワークスペースの新規作成方法はわかりましたが､ 通常はCプラスプラスを選択するのが一般的ですよね？
好きなディレクトリに好きなように置くことができる｡
ディレクトリ構造にすることで､ 好きな名前をつければいいんです｡
ここでも､ すでに1つあるので､ Workspace 1またはWorkspace 2と名付けることにします｡
そして､ 「よし､ これでワークスペース2がシンプルビューに表示されたぞ｡
そして､ 新しいプロジェクトを追加するのも､ 「新規プロジェクト」だけでいいんですよね？
そして､ このプロジェクト2に名前をつけるだけ｡
また､ 以前のビデオで使用したテンプレートや､ プロジェクト設定のデフォルト情報をすべて使用することができます｡
それで､ よし､ これでワークスペースとプロジェクトができたぞというだけです｡
だから今､ 実際にそのMainを作成したことがわかります｡ cファイルですよね？
そして､ それがエディタビューに表示されます｡
そして､ ワークスペースのプロジェクトは､ このようなツリー状の構造になっています｡
複数のプロジェクトを作成することができることを忘れないでください｡
ワークスペースをクリックし､ 右クリックで「新規プロジェクト」を選択することができます｡
また､ 「ファイル」から「新規新規プロジェクト」を選択することもできます｡
1つのワークスペースに複数のプロジェクトが存在することを示すために､ もう一度別のプロジェクトを作成することができます｡
また､ デフォルトをすべて維持したまま､ 「OK」｡ 複数のプロジェクトがありますが､ 太字のものがアクティブプロジェクトであることを知ることは非常に重要です｡
だから､ ビルドやコンパイルは常にそれが行われることになる｡
そして､ プロジェクトで何らかのアクションを行う場合は､ 太字の方､ つまりアクティブなプロジェクトにアクションがかかるようになっています｡
また､ 他のプロジェクトをダブルクリックするだけでアクティブにすることもできますし､ そのプロジェクトを選択して「アクティブにする」をクリックしてアクティブに設定することも可能です｡
ここでは､ 特にエディターで注意すべき点がいくつかあります｡
回線番号が記載されているのがお分かりいただけると思います｡
行番号は､ コンパイラがエラーがあったときに､ 行番号を教えてくれるので､ いつも便利です｡
それで､ エラーを修正するために行番号を簡単に参照することができます｡
また､ クラスでコードを書くときに､ 行番号を参照することで､ 何が起こっているのかを知ることができます｡
しかし､ 誰もが行番号を好むわけではありません｡
行番号は､ 設定の環境設定だけでいつでもオフにすることができます｡
また､ エディタに行けば､ 行番号のオンオフができます｡
ガイドのすぐ下にラインナンバーと書いてあるんですね｡
行番号の表示のチェックを外すことができます｡
そうでなくても､ それが好みなら｡
もうひとつ､ うれしい好みがあります｡
また､ 「環境設定」の「折りたたみ」を選択すると､ 折りたたみのマージンが表示され､
括弧があるところに三角形のようなものが追加されます｡
そして､ それをクリックすると､ この機能が基本的に非表示になることがわかります｡
だから､ コードがたくさんあって､ いろいろな機能を取り除きたいときに便利なんだ｡
あまりコードが表示されていると困るので､ いつでもそのコードを追加できるようにします｡
編集しやすいようにコードを折りたたみ､ これらの行を見せるだけです｡
エディターでもう一つ注目したいのは､ シンタックスハイライトです｡
ヘッダーファイルは緑､ データ型の一部は紫､ print fは緑を二重引用符で囲んでいますね｡
リターンはある色です｡
これらはいつでも変更可能です｡
設定から色とフォントを選択すると､ さまざまなシンタックスハイライトの外観を変更したり､ コードライトの外観をさまざまな種類のテーマで変更したりすることができるようになります｡
ダークテーマなどもありますが､ これをいじればいいんです｡
シンタックスハイライトのデフォルトとして､ これらを残しておくことをお勧めします｡
そして､ 実際に「言語ごとに色をカスタマイズする」を選択すると､ 言語ごとに異なるオプションを実際に見ることができます｡
だから､ Cをやっていても､ 実際にはCプラスプラスを選択して､ グローバル設定などでキーワードごとに異なるスタイルを使い分けることができるのです｡
だから､ あなたが望むなら選択肢の一つです｡
今回も､ 普段はデフォルトのままでいいです｡
下の出力ペインを見てみると､ ここにはさまざまなタブがあり､ さまざまなウィンドウが表示されていますね｡
非常に重要なのは､ 作り込みと出力です｡
しかし､ それ以外にも､ 一般的にはあまり見る必要のないものがたくさんあります｡
そのタブの一つを選択し､ 右クリックで非表示と言えば､ 表示されなくなります｡
また､ 右側のドット､ ドット､ ドットに行くと､ 現在のどれにいるのかがなんとなくわかるようになっています｡
それから､ さまざまな隠しタブも見てください｡
これは､ さまざまなタブが再び表示され､ そのほとんどがあまり気にならないものであることを､ もう少し簡単に管理するための方法です｡
検索と置換も普通に見ると便利なので､ その辺は何とかしてください｡
この上部にあるウィンドウは､ 表示方法に応じて前後にスライドさせることができます｡
ワークスペースビューには､ さまざまなタブが用意されています｡
私たちは､ ワークスペース・エクスプローラーと､ たぶんタブにしか興味がないんです｡
他にもこんなものが｡
タブグループやヘルプはあまり使わないので､ これらを選択して右クリックし､
「隠す」と言えば､ もう表示されなくなりますよ｡
CMakeのヘルプと同じです｡
通常､ 非表示にするのは､ 限られたスペースなので､ 見せたいもの､ 見せたくないものをお好みでカスタマイズするのがよいかと思います｡
ワークスペース・ビューでは､ これらのオプションのいくつかをすでに見てきましたが､ いつでもビューに上がって､ レイアウトを復元することができます｡
もし､ 失敗したり､ 気に入らない変更をしたときに､ デフォルトのパースペクティブに戻したいときは､ ワークスペースのビューを取り､
下の方で好きなように動かすこともできます｡
ですから､ ここでタイトルタブだけを選択すると､ 下の方に移動させることができます｡
もし､ 下の方がいいなら､ 右側の方がいいなら､ そちらか右下の方に移動させればいいのです｡
それが､ 私がお見せしたかった主なものです｡
でも､ 明らかにいろいろなオプションがありますよね？
いろいろなショートカットがあるんですね｡
つまり､ ここの左のタブがあれば､ プラスを押すことで新しいファイルを作ることができますよね？
そして通常､ その上にカーソルを置くと､ ハイライトされたオープンファイルが表示され､ 厄介なことに､ アクティブなプロジェクトを構築することになります｡
左側のショートカットにアクセスできるようになっているんですね｡
レンチがプロジェクト設定に移動することは､ すでに紹介しました｡
これで､ 家庭内のアクティブなプロジェクトが表示されますね｡
デバッグ情報を持たないリリース用に異なるタイプのバイナリをビルドしたい場合は､
ドロップダウンを選択することができ､ ワークスペース構成マネージャーを開くことができます｡
ここでは､ さまざまなフォルダーを見ることができ､ さまざまなビューを見ることができます｡
ワークスペースはいつでも閉じることができます｡
また､ 上部に多くのメニューオプションを持つことができ､ これらの多くは自明である｡
今回も､ 新しいプロジェクトの作成､ 新しい空のファイルの作成､ 既存のファイルを開く､ 保存する｡
そうですね｡
かなり直感的にわかると思います｡
編集､ コピー＆ペースト､ ですね｡
マッチングブレースのコード補完のさまざまなオプションをオンにすることができます｡
通常はプラグインが必要です｡
ビューは､ 特定のレイアウトのために必要なさまざまなウィンドウを隠すことができるので､ かなりかなり使い勝手が良いです｡
空白を表示させることができるので､ 実際にここで見ることができます｡
空白は､ タブで行末を表示するときに便利な場合があります｡
ナビゲーションバー､ デバッガーに使用されるペインを表示することができます｡
また､ デバッグビューやプロジェクトのデバッグ中に自動的に表示される別のウィンドウです｡
今話しているこれらのオプションの多くは､ コースが進むにつれて実際に説明します｡
いろいろとお見せすると､ 実はツールバーを変えて一番上に置くことができるんです｡
そうですね｡
そのためにコードライトの再読み込みも必要だし｡
それを動かすと必ず
ツールバーには､ ビルドのショートカットやデバッグモードでのショートカットなど､ デバッガーウィンドウを表示しているときに便利な機能がありますね｡
そのため､ レイアウトを自由に変更することができるのも魅力です｡
検索は､ 当然ながら､ さまざまなファイルを検索することができます｡
下と検索で出力されるんですね｡
また､ 編集と置換も可能で､ 特に大きなプロジェクトがある場合は､ これも非常に便利です｡
ワークスペース」メニューでは､ 開いているワークスペースの再読み込み､ 新規プロジェクトの作成､ アクティブプロジェクトの選択などができます｡
Buildは､ ビルドメニューのオプションです｡
すでに取材済みです｡
基本的にソースコードをコンパイルし､ ソースコードを実行することで､ すべてを再構築し､ ビルドして実行することができます｡
ある特定の選択では､ すべての中間ファイル､ すべてのドットOS､ すべてのライブラリを削除するワークスペースのクリーンアップが可能です｡
デバッガーは､ コードをデバッグモードで実行したときに表示されるビューです｡
そしてまた､ このことについては､ その後の動画で詳しくお話しします｡
code liteに使えるプラグインはいろいろあるんですね｡
本当に重要なのは､ 通常､ コード補完のためのものだけです｡
これについては､ いろいろなものを見ようと思ったら､ 追加で調べる必要がありますね｡
ビルドの設定やエディターに関する設定を確認することができるからです｡
これについては少しお話しましたが､ 編集の仕方や好み､ 色やフォントの違いなど､
これらをすべて見ていくと､ なんとなくわかると思います｡
そして､ ビルド設定も常に重要でした｡ ビルドを選択すると､ すべてのパスが表示されるからです｡
これについては､ すでに述べたとおりです｡
そして､ ヘルプは､ 基本的にアップデートの取得やセットアップウィザードの実行などの方法です｡
このIDEでは､ 主に個人的な好みのタイプの操作や､ ビルドやコンパイルなど通常実行する一般的な機能へのショートカットなど､
さまざまなオプションが用意されているんですね｡
また､ 今後の動画で紹介しますが､ これらのいくつかは､ 使う必要があるときに､
もう少し詳しく説明します｡
今現在､ 基本的なデフォルトのパースペクティブは､ 通常､ みんなのニーズを満たしており､ ワークスペースでさまざまなプロジェクトを管理することができます｡
エディターがあり､ ビルド・カンパイルのための出力ウィンドウがあります｡
ありがとうございます｡