Webプログラミングを学びはじめると、HTMLの次にCSS（シーエスエス）を学ぶというのが一般的です。CSSは（Cascading Style Sheets）の略語で、Webページの文字の色、大きさ、配置、背景などの見た目（スタイル）を指定するための言語です。

その**CSSをさらに高機能にした拡張メタ言語がSCSSです。簡単に言えば、CSSをより効率的に書くことができる言語といって良いでしょう。**SCSSはSass（サス）というCSSの拡張言語の1つの記法です。**　

この記事ではSCSS（Sass）とは何か？SCSSの基本、SCSSのメリットやデメリットなどについて解説をしていきます。CSSを習得した方であれば、SCSSは簡単に使えますので、ぜひこの機会にSCSSについて理解を深めてください。

HTML・CSSとは何か？使い方やできること、独学方法を解説！

CSSでできることとは？メリットや勉強方法についても解説！

SCSSはSassの1つの記法だと紹介しました。ではSassとは何でしょうか?Sassはサス、またはサースと発音し、CSSを拡張してより書きやすく、より見やすくした「スタイルシート」のことです。Sassは、これまでのCSSに不満を感じていたデザイナーやWebプログラマーのために生まれたスタイルシートと言ってよいでしょう。

**Sassは人気プログラミング言語のRubyで実装されたオープンソースのスタイルシート言語で、2006年に登場しています。**Sassは「Syntactically Awesome StyleSheet」の略語で、ハンプトン・キャトリン氏が設計を担当し、ネイサン・ワイゼンバウム氏が開発をしました。

SassはCSSのメタ言語です。メタ言語とは、言葉を定義する、あるいは言語に関する情報を記述するための言語のことです。

SCSSはSassの1記法で、もう一つの記法はSASSです。Sassの2種類の記法について説明をしておきましょう。

*■ SCSS記法*
SCSSはCSSと書き方がよく似ています。SCSSではCSSのようにネスト（入れ子）を使用しますので、CSSを利用している人であれば、直感的に書けますので、Sassの記法の中ではSCSSが一般的に使われています。SCSSで書いたファイルは拡張子が、「.scss」となっています。

*■ SASS記法*
SASS記法はSCSSよりも簡略化されている点が特徴です。たとえば、セミコロンや波カッコを使いません。コードがSCSSよりも簡略化された記法のため、書く時の負担がより少ない点がメリットです。SASS記法で書かれたファイルの拡張子は「.sass」です。
*【参考】：[Sass: Syntactically Awesome Style Sheets](https://sass-lang.com/)*

### SCSS（Sass）を学ぶのにおすすめの参考書

SCSS(Sass)に興味が湧き、学んでみたいという方は以下の参考書をおすすめします。Webエンジニアを目指す方、初心者の方向けに書かれた参考書で、分かりやすいのが特徴です。

*■ Web制作者のためのSassの教科書 改訂2版*
▪著者：平澤 隆（Latele）/森田 壮
▪ページ数：296ページ
▪出版社：インプレス
▪発売：2017年
*【参考】：[Web制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ](https://book.impress.co.jp/books/1117101020)*

**SCSS(Sass)を利用することで得られるメリットを見ていきましょう。**こうしたメリットが広く知られることで、WebエンジニアでSCSSを利用する人が大変多くなっています。

セレクターやプロパティのネストを利用して**全体的な記述量を減らせます。**また一度定義したスタイルのセットを呼び出せたり、記述済みの複雑なコードを再利用できたりするなど、作業の効率化を図れます。

SCSSでは変数や四則演算、関数などが使えるので、それらの**値を書き換えるだけで、修正や使いまわしができるため、メンテナンス性が向上します。**

### コーディングの正確性が上がる

SCSSを用いることで、記述量が減り、またコードの再利用がしやすくなるため、人為的なミス、バグが減り、**コーディングの精度が上がります。**

SCSSをはじめ、Sassの利用には前記のようなメリットがある反面、デメリットもあります。以下、**SCSS（Sass）のデメリットと併せてデメリットの軽減、回避方法について解説していきます。**

### 環境構築やコンパイルが必要

Sassで作成したSCSS形式のファイルはそのままではWebブラウザは認識できません。そのため、**CSSに変換するためのコンパイル作業が必要となり、コンパイルを行える環境の構築が必要です。**

その環境構築には様々な方法がありますが、それらを調べ、必要なツールをインストールし、操作を覚えるというハードルがあります。

ただし、WebサービスでSCSSをCSSに変換してくれるサービスである「SassMeister」を利用したり、コンパイルツールを活用したり、ハードルを下げる方法もありますので、大きなデメリットではなくなってきています。

【参考】：[SassMeister](https://www.sassmeister.com/)

SCSS（Sass）を利用するWebエンジニアは過半数に達していると言われていますが、まだ標準言語とはなっていません。クライアントがSassを導入していなければ、メンテナンス作業を依頼された場合にはCSSを直接編集していくことになり、SCSSのメリットを享受することができなくなります。

こうした問題はどこでも起こりがちですが、クライアントの理解と協力を得ることで解決が可能です。**SCSS（Sass）を使ってメリットを実感したエンジニアは、その普及を進めることでさらに大きなメリットが得られるという認識を持つことが必要です。**

では実際にSassを実際に使ってみましょう。**Windows環境でRubyをインストールした後にSassをインストールする方法について紹介していきます。**Sass自体の編集に使う「エディタ」は普段利用しているもので構いませんが、新たにインストールする場合は「VSCode」をおすすめします。

*【参考】：[Download Visual Studio Code - Mac, Linux, Windows](https://code.visualstudio.com/download)*

**Sassはプログラミング言語「Ruby」で実装されていることもあり、Sassの開発環境構築にはRubyを使うのが一般的です。**以下のサイトにアクセスし、Rubyのインストーラーを利用してRubyをインストールします。［ダウンロード］ボタンをクリックしてダウンロードのページに移動し、『WITHOUT DEVKIT』にある最新バージョンをダウンロードします。Windows10、11の方は『Ruby 3.1.2-1 (x64)』を選択しましょう。 

インストーラーが起動したら、同意画面で同意をし、［NEXT］ボタンでそのままインストールを進めていきます。インストーラーの最終画面で［Finish］ボタンを押す前に、チェックボックスのチェックを外しておきます。

チェックしたままでも構いませんが、チェックが入っているとUNIX互換環境構築のソフトがインストールされます。インストールが完了したら、コマンドプロンプトで

と入力すると、Rubyのバージョンが表示されます。
*【参考】：[RubyInstaller for Windows](https://rubyinstaller.org/)*

Rubyとは何か？Rubyの特徴やできることについて解説

Rubyのインストールが完了したら、続いてSassをインストールします。**コマンドプロンブトで「gem install sass」と入力するだけでインストールが行われます。**

インストールが済んだらコマンドプロンプトで

と入力すれば、Sassのバージョンを確認できます。

### SCSS形式のファイルをコンパイルしてCSS形式にする

SCSS記法のコーディングはメモ帳でも構いませんが、VSCodeなどのコードエディタを利用した方が間違いが少ないでしょう。

VSCodeを開き、メニューから「新しいテキストファイル」を選択し、表示された「Select a Language」をクリックすると言語モード選択画面が現れますので、「SCSS」を選択するとSCSS形式でコーディングができます。

コーディングが済んだら名前を付けて保存します。拡張子はデフォルトで「.scss」となっています。ここでは仮にtest.scssとします。変換後のファイル名はtest.cssです。

**コマンドプロンプトでcdコマンドを用いてこのSCSSファイルを保存したフォルダに移動し、次のコマンドを実行します。**

次にCSS形式に変換されたtest.cssファイルを確認してみると、SCSS形式からCSSに変換されたことを確認できます。SCSS形式の例文がSassの公式サイト※に載っていますので、これを利用して試してみると良いでしょう。
*【参考】：※[Sass Basics](https://sass-lang.com/guide)*

### 環境を作らずにSCSSを試す方法

「SassMeister」という無料のWebサービスがあります。SassMeisterは、Sass（SCSS）のコードを即時にCSSに変換してくれるツールです。**Sass環境を構築しなくとも手軽にSassを試すことができます**ので、環境構築が難しいと感じる方はこちらを試してみることをおすすめします。

GitHubアカウントを持っていると、結果をGithubのGistに保存できます。

*【参考】：[SassMeister | The Sass Playground!](https://www.sassmeister.com/)*
*【参考】：[GitHub Japan | GitHub](https://github.co.jp/)*
*【参考】：[Gist - GitHub Docs](https://docs.github.com/ja/rest/gists)*

## SCSSを活用して仕事の効率を上げよう

ここまで、SCSS（Sass）の概要、導入方法、メリット・デメリットについて紹介しました。Webエンジニアにとって、SCSSが強い味方になることが理解できたと思います。CSSが分かれば、SCSSは理解できると言われています。

**SCSS（Sass）を習得することで、スキルアップして受注案件が増える可能性があり、効率的に案件をこなせることに繋がるでしょう。**CSSを習得した方はぜひSCSSへのチャレンジをおすすめします。

CSSとは？初心者が覚えたい基礎知識から使用例まで解説！

Webエンジニアに必須言語であるCSSに代わるSCSS（Sass）について解説します。SCSSは従来のCSSに代わる拡張メタ言語として注目されており、Web開発で成果が期待されています。ここではSCSSの導入法、メリット、デメリットについて解説をしていきます。

SCSSはCSSをさらに高機能にした拡張メタ言語であり、CSSをより効率的に書くことができる

SassはRubyで実装されたオープンソースのスタイルシート言語で、SCSS記法とSASS記法の2種類がある

SCSSはコードの記述をより速く、より正確で効率的にするメリットがある

SCSSとは？CSSに代わる拡張メタ言語を覚えて優れたWebエンジニアを目指そう！

Windowsではショートカットの機能が搭載されています。Windows 11では、メニュー表示のレイアウト変更によりショートカットの作成ができずに、慌てた方も多いと思います。実際は、**Windows 11でもこれまで通りに利用できます。**

なおショートカットとは抜け道を意味するもので、操作手順を簡略化することで作業効率化を図る機能です。身近な例に例えると、家事や炊事で重宝する時の短テクニックと同じような意味合いです。

*ショートカットとは、頻繁に使うものをあらかじめアイコン化して登録しておく機能のことです。*登録できるものは、「アプリ」「ファイル」「ウェブ」などがあります。

ここで言うアプリには.exe、.dll、スクリプトなどがあります。ファイルはテキスト・表計算・ドキュメントなどで、ウェブはURLが該当します。

### Windows 11のさらなる時短テクニック

上記ショートカット機能の他にも時短テクニックがあり、その一つにキーボードのショートカットがあります。今回解説するショートカットのアイコンでも、ショートカットキーを設定することができます。

Windowsでは、これまでもショートカットキーを利用できました。*Windowsの操作を効率的に行うために、よく使う操作については理解しておくのが良いでしょう。*Windows 11ではユーザーインターフェースの改良に伴い、ショートカットキーが追加されています。一覧は以下のサイトに掲載されていますのでご確認ください。

【参考】：[超時短仕事術! Windows 11 ショートカット キーまとめ](https://www.microsoft.com/ja-jp/biz/smb/column-windows-11-shortcut-keys.aspx)
【参考】：[Windows のキーボード ショートカット](https://support.microsoft.com/ja-jp/windows/windows-%E3%81%AE%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89-%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88-dcc61a57-8ff0-cffe-9796-cb9706c75eec)
【参考】：[アプリのキーボード ショートカット](https://support.microsoft.com/ja-jp/windows/%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89-%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88-139014e7-177b-d1f3-eb2e-7298b2599a34)

ここでは実際にショートカットを作成していきます。冒頭で記述した*「アプリ」「ファイル」「ウェブ」の3分類について、ショートカットの作成方法を順に解説していきます。*

### アプリのショートカット作成

アプリのショートカット作成ですが、*スタートメニューに登録されているアプリを使ってショートカットを作成するのが便利です。*

操作方法ですが、タスクバーの「スタート」アイコンをクリックし、スタートメニューを表示します。メニューに表示されたピン留め済みのアプリではなく、右側の「すべてのアプリ」から選択します。

　【図】：アプリのショートカット作成（スタートメニューの表示）

「すべてのアプリ」から、希望するアプリを任意のフォルダまたはデスクトップなどにドラッグします。ここでは、「設定」アプリをデスクトップにドラッグしてみます。

　【図】：アプリのショートカット作成（すべてのアプリから選択）

任意の場所にドラッグしたら、マウスから手を放しドロップします。これで、任意の場所にアプリのショートカットを作成することができます。

　【図】：アプリのショートカット作成（作成後のショートカット）

### ファイルのショートカット作成

ファイルのショートカット作成ですが、2通りの方法を紹介します。

・*ファイルを右クリックし、メニューを表示する方法*

1つ目はファイルを右クリックし、メニューを表示する方法です。*ショートカットを作成するファイルを選択し、右クリックします。*

表示されるメニューですが、Windows 10の場合は右クリックで「ショートカットの作成」が表示されましたが、Windows 11では見当たりません。ここで、ショートカットが作成できない、と慌てる必要はありません。

実際には「その他のオプションを表示」にレイアウト変更されているため、「その他のオプションを表示」「ショートカットの作成」をクリックします。

　【図】：ファイルのショートカット作成（右クリックのメニュー）

作成したファイルのショートカットは、任意のフォルダまたはデスクトップに移動し、利用することができます。

　【図】：ファイルのショートカット作成（作成後のショートカット）

デスクトップにショートカットを作成する場合は、右クリックから「その他のオプションを表示」「送る 」「デスクトップ (ショートカットを作成) 」をクリックすることで、デスクトップにショートカットを直接作成することもできます。

・*右クリックでドラッグアンドドロップする方法*

2つ目の方法として、ファイルを選択し、右クリックでそのままドラッグアンドドロップする方法を解説します。*ショートカットを作成する元ファイルを右クリックで選択し、任意のフォルダまたはデスクトップで手を放し、ドロップします。*

　【図】：ファイルのショートカット作成（右クリックでドラッグアンドドロップ）

この場合メニューが表示され、「ここにコピー」「ここに移動」「ショートカットをここに作成」が選択できます。今回は、「ショートカットをここに作成」をクリックすることでショートカットを作成することができます。

右クリックのドラッグアンドドロップですが、メニューを表示させて「ここにコピー」「ここに移動」「ショートカットをここに作成」から希望する操作である「ショートカットをここに作成」を選びました。

ここでメニューを表示せずに、ショートカットを作成する方法もあります。その場合は、「Alt」キーを押した状態でファイルをドラッグアンドドロップすることで、任意の場所にショートカットを作成することができます。この方法では、右クリックせずにそのままドラッグアンドドロップすることができます。

### ウェブのショートカット作成

ウェブのショートカット作成ですが、EdgeやGoogle Chromeなどのウェブブラウザで、ショートカットを作成したいウェブサイトを表示します。

目的のウェブサイトが表示されたら、*URLの左側に表示されている「サイト情報の表示」のアイコンをクリックした状態のまま、任意のフォルダやデスクトップにドラッグアンドドロップします。*

　【図】：ウェブのショートカット作成（ドラッグアンドドロップ）

この操作で、ウェブのショートカットが作成されます。

　【図】：ウェブのショートカット作成（作成後のショートカット）

## ショートカットのカスタマイズ

*作成したショートカットですが、必要に応じてカスタマイズすることができます。*ここでは、ショートカットのアイコンの変更やショートカットキーの追加、そしてショートカットの削除の方法について解説していきます。Windows 10から操作方法に変更はありませんので、参考情報としてご利用ください。

### ショートカットのアイコン変更

ショートカットのアイコン変更ですが、変更したいショートカットを右クリックし、「プロパティ」を表示します。*ショートカットのプロパティの「アイコンの変更」を選択し、希望のアイコンを「下の一覧からアイコンを選択」の一覧から選択し、「OK」で保存します。*

【参考】：[デスクトップでアイコンを配置または移動する方法 アイコンの画像を変更する方法](https://support.microsoft.com/ja-jp/topic/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97%E3%81%A7%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E9%85%8D%E7%BD%AE%E3%81%BE%E3%81%9F%E3%81%AF%E7%A7%BB%E5%8B%95%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-70e4d22a-d760-5585-449f-2a14c417f84c)

アイコンの変更は、アプリケーションの実行ファイルから登録することが可能ですが、以下のシステムファイルに登録されているアイコンを利用することもできます。

```
C:\Windows\System32\shell32.dll
C:\Windows\System32\imageres.dll```

よく利用するショートカットには、*ショートカットキーを割り当てることができます。*割り当てたいショートカットのアイコンを右クリックし、「プロパティ」を表示します。ショートカットのプロパティの、「ショートカットキー」でキーを割り当てます。

キーを割り当てるには、「Ctrl」「Shift」「Alt」のいずれか2つ以上の組み合わせと、設定したいキーボードのキーを同時に押して割り当てを行い、「OK」で登録します。

*ショートカットは、通常のファイル同様に削除することができます。*不要になったらゴミ箱にドラッグして「ゴミ箱に移動」したり、右クリックでメニューを表示させて「削除」アイコンから削除したりすることができます。

### デスクトップのショートカットの削除

デスクトップのショートカットには、システムで提供する機能やアプリも合わせて表示されています。それらの一部は削除することができません。**画面表示をスッキリしたい場合は、削除ではありませんが「表示」と「非表示」を決めることができます。**

実際の手順ですが、デスクトップの空きスペースを右クリックして、メニューから「個人用設定」を選択し「テーマ」「デスクトップアイコンの設定」をクリックします。

ここでは、「コンピューター」「ユーザーのプロファイル」「ネットワーク」「ごみ箱」「コントロール パネル」の表示と非表示をチェックボックスで選択することができます。チェックボックスが入っている項目が表示されます。表示と非表示の選択を決定したら、「OK」で設定を保存します。

もう1つの方法としては、*デスクトップのアイコン全体を非表示にする方法があります。*デスクトップの空きスペースを右クリックして、メニューから「表示」にカーソルを合わせて「デスクトップ アイコンの表示」をクリックします。

これでチェックボックスが解除され、非表示となります。システムのアイコンのみならず、アプリを含むすべてのアイコンが非表示となります。残念ながら、個別に選択することはできません。

## Windowsのショートカットで作業効率を向上させましょう

これまでのWindows同様に、Windows 11においてもショートカットの活用は作業の生産性を向上させるための重要な機能です。

特に定型化されたアプリや操作は、ショートカットのアイコンを登録し、ショートカットキーで呼び出すと、作業の妨げをせずに起動することができます。**お使いの環境を確認し、ショートカットで効率化を図りましょう。**

Windows11の「コントローラーバー」が先行発表！機能や詳細を解説

Windows11のおすすめ本8選！初心者・上級者向けの本を紹介

Windows 11でもこれまでと同様に、ショートカットの機能が搭載されています。メニュー表示のレイアウト変更により、すぐにショートカットの作成ができずに慌てた方も多いはずです。ここでは、ショートカットの分類から実際の操作手順まで、順に解説していきます。

ショートカットとは、頻繁に使うものをあらかじめアイコン化して登録しておく機能のことです

Windows 11でもショートカットの機能が搭載されており、生産性向上が期待できます

メニュー表示のレイアウト変更により該当する項目が移動しましたが、すぐに操作に慣れます

Windows 11でショートカット作成は難しい？手順や変更・削除方法も解説

Windows 11のアカウント追加は、**Windows 10同様にMicrosoft アカウントとローカルアカウントにより管理されています。**初期設定時にアカウントを登録し、アカウントにサインインすることでWindows 11の環境を利用することができます。

Windows 10では初期設定時に、ローカルアカウントを用いることができました。

Windows 11の場合は、エディションによりローカルアカウントの扱いに違いがあります。具体的には、*ビジネス向けのProではローカルアカウントを用いたセットアップが可能ですが、Homeでは初期設定時にMicrosoft アカウントが求められます。*

Microsoft アカウントとは、マイクロソフト社が提供するアカウント管理のサービスで、*マイクロソフト社のサービスの利用やウェブサイトへのアクセスを管理する仕組みです。*

具体的には、使用するPCの登録やデバイスの検索、Microsoft 365等のサブスクリプションの契約管理等を行います。アカウント認証が一元管理されるため、利用が進んでいます。

【参考】：[Microsoft アカウント](https://account.microsoft.com/)

ローカルアカウントとは、*使用するデバイス毎にアカウントIDとパスワードを登録し管理する、従来型の方法です。*この方式はアカウント名を自由に決められ、登録時にインターネット接続が不要であるというメリットがあります。マイクロソフト社のサービスへの誘導もないので、これまで多くの方が利用していた方式です。

### ローカルアカウントを設定するには

Windows 11 Proの場合は、初期設定時の画面でローカルアカウントを設定できます。具体的には、設定画面の表示で「ネットワークに接続しましょう」の際に、「インターネットに接続していません」を選択し、「制限された設定で続行」をクリックして設定を行います。

*Homeエディションの場合は、Microsoft アカウントで初期設定を行い、設定後にローカルアカウントを設定して利用します。*アカウントの作成方法は、以降で解説していきます。

アカウントの作成方法ですが、これよりMicrosoft アカウントおよびローカルアカウントの作成方法について解説していきます。

*Homeエディションの初期設定では、Microsoft アカウントの情報を登録します。*インターネット接続が必要となりますので、あらかじめネットワーク環境を準備しておきましょう。

【参考】：[Windows 11 Portal](https://www.microsoft.com/ja-jp/atlife/windows11-default.aspx)

Windowsの「設定」アプリは、Windows 11に関する設定全般を行うことができます。*アカウントの作成は、「設定」の「アカウント」を用いて行います。*

設定アプリはスタートメニューの「設定」のアイコンをクリック、またはスタートメニューを右クリックし「設定」をクリックし起動します。

次に、設定アプリの「アカウント」をクリックし、「家族とその他のユーザー」をクリックします。

「家族とその他のユーザー」が表示されたら、「アカウントの追加」をクリックし、ユーザーを追加します。

ここですでにお持ちのMicrosoft アカウントを用いる場合は、上段の「メール アドレスまたは電話番号」に登録アドレスを入力します。新規作成の場合は、下段の「このユーザーのサインイン情報がありません」をクリックします。

　【図】：アカウントの新規作成

### Microsoft アカウントの作成方法

Microsoft アカウントを新規作成する場合は、**お持ちのメールアドレスを用いてMicrosoft アカウントに使用するか、あらたにメールアドレスを取得することで利用可能となります。**

　【図】：Microsoft アカウントの作成方法

### ローカルアカウントの作成方法

ローカルアカウントの作成は、**「アカウントの作成」で「Microsoft アカウントを持たないユーザーを追加する」をクリックします。**

　【図】：ローカルアカウントの作成方法

次に表示される画面では、アカウントの名前とパスワードを入力します。パスワードを忘れた場合のキーワードと値も、しっかりと覚えておきましょう。

　【図】：ローカルアカウントの作成例

【参考】：[Windows でローカルのユーザー アカウントまたは管理者アカウントを作成する](https://support.microsoft.com/ja-jp/windows/windows-%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%AE%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC-%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%BE%E3%81%9F%E3%81%AF%E7%AE%A1%E7%90%86%E8%80%85%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B-20de74e0-ac7f-3502-a866-32915af2a34d)

*不要なPCのアカウントは、削除することもできます。*

具体的には、設定の「アカウント」「家族とそのユーザー」に表示されている「他のユーザー」から該当するアカウントを選択し、[削除] を選択します。続いて「アカウントとデータを削除しますか？」の表示画面で、[アカウントとデータの削除] を選択し、アカウントを削除します。

【参考】：[PC のアカウントを追加または削除する](https://support.microsoft.com/ja-jp/windows/pc-%E3%81%AE%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%BE%E3%81%9F%E3%81%AF%E5%89%8A%E9%99%A4%E3%81%99%E3%82%8B-104dc19f-6430-4b49-6a2b-e4dbd1dcdf32)

### Microsoft アカウント自体を停止するには

PCのアカウントの削除により、アカウントのサインイン情報やデータはPCから削除されます。*Microsoft アカウント自体はマイクロソフト社で管理されているため、削除されずに再度利用することができます。*

重複登録してしまったなど、どうしてもMicrosoft アカウントが不要の場合は、以下の使用停止方法にしたがって使用を停止することができます。

【参考】：[Microsoft アカウントの使用を停止する方法](https://support.microsoft.com/ja-jp/account-billing/microsoft-%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AE%E4%BD%BF%E7%94%A8%E3%82%92%E5%81%9C%E6%AD%A2%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-c1b2d13f-4de6-6e1b-4a31-d9d668849979)

### アカウントが追加できない場合

アカウントが追加できない場合、操作しているアカウントに管理者権限が付与されているか確認してください。*この作業はシステム設定を変更することから、管理者権限が必要です。*アカウントの追加のほか、削除する場合でも同様に管理者権限が必要です。

　【図】：アカウントの権限の確認

アカウントの権限は、「設定」「アカウント」でアカウントのロゴの横に表示されます。「管理者」が管理者権限、「標準ユーザー」が一般権限のアカウントです。

ここまでの流れで、Windows 11のアカウント追加が完了しました。ここからは、*アカウントの管理や活用方法、追加情報についても解説していきます。*

小学生のプログラミング学習にPCが用いられることもあり、**機能を制限したアカウントを設定することができます。**ローカルアカウントの場合はMicrosoft アカウントに切り替えて、「設定」「アカウント」の「家族とその他のユーザー」で「家族のメンバーの追加」で「アカウントの追加」を行います。

【参考】：[Microsoft ファミリー セーフティ](https://support.microsoft.com/ja-jp/account-billing/microsoft-%E3%83%95%E3%82%A1%E3%83%9F%E3%83%AA%E3%83%BC-%E3%82%BB%E3%83%BC%E3%83%95%E3%83%86%E3%82%A3-bb97220e-9dd8-4b4a-9d15-8194d5941dc5)
【参考】：[Windows で Family Safety を設定する方法](https://www.microsoft.com/ja-jp/atlife/article-kids-windows-parental-controls.aspx?SilentAuth=1)

Windows 10と同一の機能が提供されますが、表示位置が変更となります。*Windows 11ではスタートメニューの下部に表示されるアカウント名のアイコンをクリックし、表示メニューから切り替えたいユーザーのアカウント名をクリックし、切り替えます。*

【参考】：[Windowsでユーザー (アカウント) を切り替える方法](https://support.microsoft.com/ja-jp/windows/windows%E3%81%A7%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC-%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88-%E3%82%92%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%8B%E6%96%B9%E6%B3%95-660d4dcd-fa8d-7467-10b3-fee0e70e11d4#WindowsVersion=Windows_11)

　【図】：アカウントの切り替え

### Microsoft アカウントとローカル アカウントの切り替え

*スタートメニューの下部に表示されるアカウント名のアイコンをクリックし、「アカウントの設定」で、Microsoft アカウントとローカル アカウントの切り替えができます。*「設定」アプリの「アカウント」「ユーザーの情報」から同じ設定画面が表示されますので、同様の作業を行うこともできます。

【参考】：[ローカル アカウントから Microsoft アカウントに切り替える](https://support.microsoft.com/ja-jp/windows/%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB-%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%8B%E3%82%89-microsoft-%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%AB%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%8B-395203bf-9f1b-eb24-b042-5b8dae6c1d20#WindowsVersion=Windows_11)

## Windows 11のアカウントの違いを理解しましょう

以上のようにMicrosoft アカウントを利用することで、マイクロソフト社のサービスの利用やウェブサイトの一元管理が効率的に行われます。ローカルアカウントの場合、デバイス毎に個別設定するアカウントとパスワードにより、インターネット接続のない環境でも従来通りに利用できます。

アカウントは必要な時に切り替えできますので、 **Windows 11では用途に応じて切り替えて利用するのが良いでしょう。**

Windows11の新機能ダークモードとは？設定方法を図解で解説

Windows 11では、Microsoft アカウントとローカルアカウントにより管理されます。Homeエディションでは初期設定時にMicrosoft アカウントが必要です。ここではアカウント追加方法について、概要から手順まで解説していきます。

Windows 11のアカウントは、Microsoft アカウントとローカルアカウントにより管理されます

Windows 11 Homeエディションでは初期設定時にMicrosoft アカウントが求められます

Microsoft アカウントとローカルアカウントそれぞれにメリットがあり、使い分けが可能です

Windows 11のアカウント追加ができない？追加方法や手順を解説！

## GitHub SkillsはGitHubのオンライン学習新サービス

GitHub社は、2022年6月6日、GitHubについてオンラインで学べる無料チュートリアルの「GitHub Skills」を発表しました。**GitHub Skillsは初心者からエキスパートまでを対象とし、対話的にGitHubの使い方を学べるコースと紹介されています。**

コース自体はGitHub Actionsで構築され、カスタマイズを行うことができます。用意されたテーマは「Introduction to GitHub（GitHub入門）」や「Continuous integration（継続的インテグレーション）」など、入門者用から上級者向けまでさまざまなテーマがカバーされています。

ユーザーは用意されたテンプレートを利用して、カスタマイズしたコースを作成することが可能です。また、GitHub Skillsの提供が開始されたことにより、「Learning Lab」は9月1日以降は非推奨となります。

*【参考】：[GitHub Skills| GitHub](https://skills.github.com/)*
*【参考】：[Introducing GitHub Skills | The GitHub Blog](https://github.blog/2022-06-06-introducing-github-skills/)*
*【参考】：[GitHub Actionsのドキュメント - GitHub Docs](https://docs.github.com/ja/actions)*
*【参考】：[GitHub Learning Lab](https://lab.github.com/)*

そもそもGitHub（読み方：ギットハブ）とは、どういったサービスなのでしょうか？GitHub Skillsの紹介に入る前に、GitHubとは何のために使うのか、何ができるのかについて理解しておく必要があります。

GitHubは言わば「ソースコード管理サービス」の名称で、GitHub社がその提供や運用を行っています。**GitHubではソースコードの保存・管理・公開などを行うことができ、ソースコードのバージョン管理には「Git」というツールが利用されています。**

GitHubは2008年に開発され、クラウドを利用して「リモートリポジトリ」機能を提供しています。互いに離れた場所にいる開発者同士がGitHubを利用することで、効率よくソフトウェア開発を進めています。

このようなソースコードの管理以外に、GitHubではデザインや文書などのバージョンの管理、行政機関における文書管理などでも利用されており、ソースコード管理、ドキュメント管理にはなくてはならないサービスとして定着しています。

*【参考】：[開発者のためのプラットフォーム｜GitHub](https://github.co.jp/)*
*【参考】：[Git--distributed-even-if-your-workflow-isnt](https://git-scm.com/)*

GitHubはシステム開発現場では必須ツールとも言われています。GitHubに関する解説本や参考書も数多くありますが、実際に体験してみないと習得するのは容易ではありません。　

GitHub Skillsは、*初心者から上級者までインタラクティブなコースを利用してGitHubを学べます。*今のところは全編が英語ですので、英語に自信のない方は翻訳ツールで日本語に翻訳しながら利用できます。

GitHub Skills には「First day on GitHub」（初日のコース）として、「Introduction to GitHub」（GitHub 入門）「Communicate using Markdown」（Markdawnを使ったやり取り）、「GitHub Pages」（Webホイティング機能）の3コースがあります。

無料なので、**まずはFirst day on GitHub（初日のコース）から参加してみましょう。**

また「First week on GitHub」として、「Review pull requests」（プルリクエスト機能）と「Resolve merge conflicts」（GitHubでのチームワークの基盤となるPull request機能を用いた共同作業）の2コースが用意されています。

*【参考】：[GitHub Skills| GitHub](https://skills.github.com/)*

用意されたテンプレートから自分専用のリポジトリを作成し、指示通りにGitHubの基本操作を行います。自分のリポジトリで、**ブランチの作成・ファイルのコミット・ブルリクエストの確認・プルリクエストのマージなどの基本を習得します。**

あらかじめGitHubの概要などを予習しておくとスムースにこなせるでしょう。

*【参考】：[GitHub - skills/introduction-to-github](https://github.com/skills/introduction-to-github)*

このコースでは、GitHub上で利用されるMarkdown記法（構文）を学びます。Markdown記法はテキストを記号で修飾し、HTMLより手軽にハイパーリンクや見出しなどを記述できるマークダウン言語です。**実際にMarkdownを用いてアイデアを整理し、共同作業を行いながら学んでいきます。**

ここではMarkdown記法に慣れることが求められますが、扱うのは必要最低限の見出し・画像・コードブロック・チェックリストのみに限定されていますので、すぐに馴染めるでしょう。

*【参考】：[GitHub - skills/communicate-using-markdown](https://github.com/skills/communicate-using-markdown)*

GitHub Pageは、GitHub提供のWebホスティングサービスです。ここでは、GitHub Pagesと静的なサイトジェネレートしてくれる「Jekyll」を使い、**GitHubのリポジトリからWebサイトやブログを作成する手順を学びます。**

言語・開発の記事（75ページ目）