デジタルデータをNFT化することで、オリジナル性を証明できる。

NFT化されたデジタルコンテンツを売買できるマーケットができた。

ビートルズのコレクションがNFT化され、オークションに出品された。

全然理解できないわけではないけれど、調べれば調べるほど疑問が膨らんでいくような感覚に陥ってしまう人も多いのではないでしょうか。

そこで今回も、デジタルリスクマネジメント事業に特化している株式会社エルテスの代表取締役、菅原貴弘さんにインタビュー。前回の「Web3.0」に続き、今回は「NFT」をテーマにお話を伺っていきます。

Webの歴史から紐解く、Web3.0によって変わるネットのコミュニケーションと炎上

## NFTの問題点は、価値がないこと？

~~NFTの価値について語る菅原さん~~

#### balloon eriko_ichibangase left
まずは、基本からお伺いします。そもそもNFTとはなんでしょう？ インターネットで検索して解説記事を読んでも、ブロックチェーンとの違いからしてよくわからず混乱してしまいます。

#### balloon eltes right
**NFT（Non Fungible Token）は日本語に訳すと「非代替性トークン」です。ブロックチェーン上にデジタルデータの所有証明書を記録することで唯一性を証明し、固有の価値を持たせたもの**です。 ブロックチェーン上で管理されることからビットコインなどの仮想通貨と混同されがちですが、仮想通貨は他の仮想通貨や現金等と交換できる（代替可能）なので、NFTではありません。ブロックチェーンはそれらの基盤となる技術ですね。

#### balloon eltes right
**NFTはデジタルデータの唯一性を証明できるだけで、NFTであること自体に価値があるわけではありません。 **ディズニーなどの有名ブランド作品やTwitter創業者の初ツイートのNFT化なら価値が出ることもありますが、一般人の所有物をNFT化しても当然意味はありません。NFTに手を出そうしている企業は多いですが、そこの見極めは重要ですね。

#### balloon eriko_ichibangase left
なるほど…。名のあるブランドのデジタルコンテンツのオリジナルを所有することの意味は、一応わかります。 しかし、「動画や音源はまったく同じものを量産できるのに、NFTであることに価値はあるの？」という気持ちもあります。

#### balloon eltes right
そこが絵画や書などのアナログ作品とは違うところですよね。 デジタルでは、完全に同じものをコピーできてしまう。だから**NFTの価値については、「マシではあるが不完全なもの」だと思っています**。

#### balloon eltes right
しかも今は、どんどんお札を刷るようにいろんなものがNFT化され、購入する側も「唯一性を証明できるなら将来価値が出るかも」くらいの感じで入手していますよね。 その結果、さらにNFTの価値が下がる、という状況ではあります。

*●Twitter創業者の初ツイートのNFT化*

~~*2021年3月22日（現地時間）、米Twitterと米SquareのCEOを務めるジャック・ドーシー氏が、同氏の初ツイートのNFTをオークションに出品、291万5835US$（約3億1640万円）で落札された。なお、落札者のハカン・エスタビ氏は2022年4月にこのNFTをオークションにかけたが、価格は2022年8月時点で6800US$（約94万円）にとどまっている。*~~

## 唯一性を証明できるはずなのに…、NFTの最大のリスクは偽装

~~NFTのリスクについて語る菅原さん~~

#### balloon eriko_ichibangase left
今、いろいろな企業がNFTに参入しようとしています。 NFTのマーケットも増えていますが、NFTはどんなリスクをはらんでいるのでしょうか？

#### balloon eltes right
**NFTのいちばんのリスクは、偽装**でしょうね。

#### balloon eriko_ichibangase left
NFTは非代替で唯一性を証明できるものなのに、偽装できるんですか？

#### balloon eltes right
NFT自体は偽装できませんが、デジタルコンテンツ自体はコピーしてまったく同じものが作れますよね。 **真の作者でない人が、コピーされたコンテンツをNFT化して「オリジナルのNFT化です」と偽ることはできる**のです。

#### balloon eriko_ichibangase left
でも、調べればそれが本物でないことは証明できますよね？

#### balloon eltes right
もちろんです。でも例えば、日本から遠く離れたアフリカの小さな国で、日本の人気アニメ作品のデジタルコピーをNFT化して売っていたとしても、誰も気づきませんよね。 だからNFTは、「マシではあるが不完全なもの」なんです。

## 一般社会では、NFTは証明書的な用途で根付いていく

~~NFTの用途について語る菅原さん~~

#### balloon eriko_ichibangase left
不完全な部分はありながらも、名のあるブランドのNFTに価値はある。ここまではわかりました。 では、その他大勢の一般人にとってNFTはどんな形で根付いていくのでしょう？

#### balloon eltes right
ブランド的な意味のNFTは、おそらく一般人にはあまり関係ないままでしょう。あっても、「寄付をしたお礼状をNFTでもらう」といったくらいでしょうか。 不可逆でレアのものには、価値があります。とはいえ**一般には、ゴルフ会員権の運用やチケットの転売防止といった、証明書的な扱いになっていく**と思います。

#### balloon eriko_ichibangase left
そういう活用方法は、すとんと腑に落ちますね。

#### balloon eltes right
**一般向けのデジタルリスク対策という意味では今後、会員権関連の対策が増えていく**のではないかと思っています。

## 民間レベルでデジタルリスクを食い止め、自由なWebを守りたい

~~「DiscordでDAOを盛り上げたい」というご相談が多いと語る菅原さん~~

#### balloon eriko_ichibangase left
NFTが注目される中、御社への相談も増えていると思います。最近増えたな、という相談はありますか？

#### balloon eltes right
**「DiscordでDAOを盛り上げたい」という問い合わせが多い**ですね。 DAOってだいたいDiscordを使うんですが、なかなか盛り上がらないんですよ。

~~*2015年にアメリカで誕生したボイスチャットサービスで、音声とテキストによるコミュニケーションが可能。1対1だけでなく、グループ通話にも対応している。主にオンラインゲームのプレイヤーが使用するサービスとして発達したが、現在ではビジネスで活用する企業も増加。2021年時点で、全世界の月間アクティブユーザー数は1億5000万人以上。*~~

*●DAO（Decentralized Autonomous Organization）とは*

~~*日本語に訳すと、分散型自立組織。中央管理者がおらず、ブロックチェーン上で世界中の人々が協力して管理・運営される。法的な枠組みが整備されていないという問題点がある一方、オープンソースで透明性が高い。仮想通貨のビットコインは、世界で初めて完全な形で分散しながら運営されてることに成功したDAOだと言われている。*~~

#### balloon eriko_ichibangase left
御社はデジタルリスクマネジメントの会社ですが、リスク対策ではなく「盛り上げたい」という相談も寄せられるんですか？

#### balloon eltes right
どういうふうに運営していくとアクティブユーザーが増えるのかとか、要はコミュニティ管理の相談ですね。 リスクマネジメントではありませんが、「当社に蓄積されたデータやシステムをどう活用するか」という基本は同じです。

#### balloon eriko_ichibangase left
今回お聞きしてきたWeb3.0やNFTに限らず、新しいデジタル技術や概念が登場すると、同時に新しいリスクも生まれます。 いちはやくリスクを察知するために、心がけていることはありますか？

#### balloon eltes right
金融庁の人にヒアリングするとか、そのあたりのアンテナは高くしていますね。 「今何が起きたら嫌ですか？」というような聞き方で、何を警戒しているのかをリサーチします。

#### balloon eltes right
**エルテスは健全なデジタル社会を実現することを目指しており、その手段の一つがデジタルリスク対策です**。 デジタルリスクの脅威が大きくなると、法規制が入って自由なWebではなくなってしまいます。どうにか民間レベルで食い止められるよう、これからもデジタルリスクに対峙していきます。

デジタルデータはコピーできるのに、なぜNFTに価値があるのか？という疑問が、今回のインタビューでようやく氷解しました。

いずれNFTに触れることがあれば、その用途と価値を慎重に見極めていこうと思います！

デジタルリスク対策サービス一覧　　　　　　：https://eltes-solution.jp/
株式会社エルテスの中途採用・求人情報特集　：[https://mynavi-agent.jp/corpdetail/3224/](https://mynavi-agent.jp/corpdetail/3224/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=eltes)
公式オウンドメディア「エルテスの道」　　　：https://eltes.co.jp/ownedmedia/

心理学科卒業後、新卒未経験でSI企業に就職し、Java系のSEとして10年。
結婚出産を経て、2015年にトラベルライターに転身。
現在はMONOLISIX株式会社に所属しweb編集やマーケティング業務にも携わっている。
新婚旅行では1年かけて世界50ヶ国を巡るほどの旅行好き。
日々の晩酌が何よりの楽しみ。

一番ヶ瀬 絵梨子

2004年、東京大学経済学部在学中にエルテスを創業。“逆張り”の発想を大切にするベンチャー精神が持ち味。

菅原さん

何をNFT化するかでその価値が決まるので、NFTであること自体に意味はない

デジタルコンテンツは完全にコピーできるので、偽物をNFT化して本物に偽装されるリスクはある

一般社会では、NFTは証明書的な用途で定着していくと予想される

法に技術が負ける？”NFTのデジタルリスク“対策についてデジタルリスクのプロに聞いてみた

これからは、Web3.0（ウェブスリー）。

特定のプラットフォームに依存しない分散型のインターネットになる。

そんな説明に頷きながらも、内心よくわからないと感じている人は多いでしょう。

初心者向けの教本が内容の不正確さを指摘されて炎上するような現状では、「Web3.0とは何なのか？誰を信じればいいのか？」と戸惑うのも当然です。

今回は、デジタルリスクマネジメント事業に特化している株式会社エルテスの代表取締役、菅原貴弘さんにインタビュー。「Web3.0の今」についての素朴な疑問をぶつけてきました。

菅原さん曰く、「Web3.0のあいまいさは、世の中の真理」⁉

いったいどういうことなのか？じっくり考えながら読んでみてください。

~~2004年、東京大学経済学部在学中にエルテスを創業。“逆張り”の発想を大切にするベンチャー精神が持ち味。~~

## デジタルリスクマネジメントに特化した企業、エルテス

#### balloon eriko_ichibangase left
まずは基本的なことからお伺いしますが、エルテスはどんな事業を展開されている会社ですか？

#### balloon eltes right
創業当初は広くITサービスを手がけていましたが、**2007年からはデジタルリスクマネジメントに特化**しました。ソーシャルリスク（SNSの炎上防止）対策、情報漏洩などの内部脅威対策、リアル社会の安全対策などの警備DX、決算書ではわからないデジタル信用調査、情報銀行や電子政府の構築支援などのサービスを提供しています。

~~「デジタルリスクと戦い続ける」をテーマに、3つの事業セグメントに分けてサービスを展開。ビッグデータを解析した独自のソリューションを365日24時間体制で提供している。~~

## 仕組みで予防できる炎上は50％。炎上が止まらない理由とは？ 

~~Webの世界で炎上が止まらない理由について語る菅原さん~~

#### balloon eriko_ichibangase left
まずはWebの世界の現状について聞かせてください。 「Web3.0」がトレンドワードですが、Web1.0とWeb2.0もあるんですよね？

#### balloon eltes right
簡単に言うと、**Web1.0は一方的な発信メイン。Windows95が発売された1995年から2005年ごろまで**ですね。 その後、**双方向でのやりとりになったのがWeb2.0**です。

#### balloon eriko_ichibangase left
2005年以前もブログのコメントや掲示板など双方向のやり取りはありましたが、SNSが普及し始めてからがWeb2.0なんですね（注：Facebookとmixiの誕生は2004年）。 そしてWeb2.0が終わって、Web3.0へ？

#### balloon eltes right
Web1.0もWeb2.0も終わりません。Web3.0になっても、それらは続いていきます。

~~ホームページの閲覧がメインのWeb1.0、SNSが発達したWeb2.0、そしてブロックチェーンが活用されるWeb3.0へ。Web1.0やWeb2.0が終わるのではなく、新しい時代が追加されていくイメージ。~~

#### balloon eriko_ichibangase left
**"炎上"という言葉が定着し始めたのも、2005年ごろから**ですね。 炎上についてはSNSの普及や承認欲求の肥大化が原因と分析されたりしますが、なぜ起きてしまうのでしょう？

#### balloon eltes right
**全世界に発信していることをわかってない人が多い**んですよ。鍵アカだからバレないとか。

#### balloon eriko_ichibangase left
リテラシーの欠如が要因なんですね。でも飲食店バイトの動画炎上なんかは、「いくらなんでも、なぜ懲りないのか」と感じてしまいます。

#### balloon eltes right
大きな炎上を目の当たりにすればみんな気を引き締めますが、学生アルバイトは数年で全員いなくなりますよね。 そしたら、また誰かがやるんです。だから終わらないんです。

#### balloon eriko_ichibangase left
最近の小中学校では、子どもにインターネットやSNSのリスクを教育していますよね。そういう啓蒙活動には、意味がありますか？

#### balloon eltes right
もちろん意味はあります。 でも残念ながら教える先生自身がわかってないこともあるので、すべての子どもにきちんと教えられるとは限らないですね。

#### balloon eriko_ichibangase left
たしかに…。御社はデジタルリスクマネジメントを主軸事業の一つとされている会社ですが、専門業者への依頼で炎上は予防できるのでしょうか？

#### balloon eltes right
**教育や啓発などで知ったり、炎上を体験したり間近で見聞きして懲りたりすることで25％減、セキュリティ関連サービス等の導入で25%減。合わせて50％くらいは予防できると思います**。 説明しても聞いてない人もいるし、突拍子もないことをする人の行動は防ぎようがないので、ゼロにするのはさすがに難しいです。

#### balloon eriko_ichibangase left
ゼロにできないのは残念ですが、リスクを半減できるだけでも企業にとっては大きな意義がありますよね。 セキュリティ関連サービスの導入とのことですが、例えばどんなサービスがありますか？

#### balloon eltes right
炎上対策では、SNSをはじめネット上のリスク投稿を24時間365日モニタリングする『[Webリスクモニタリング](https://eltes-solution.jp/service/riskmonitoring)』があります。 ただ、**デジタルリスクって実は内側のほうが脅威**なんです。なので、ログデータからヒトの行動を解析してリスクを検知する『Internal Risk Intelligence（内部脅威検知）』もクライアント様にはご評価いただいています。

#### balloon eriko_ichibangase left
ヒトの行動から、とは⁉

#### balloon eltes right
退職の近い社員がいつになく社内情報を大量にコピーしていたら、「顧客リストを持ち出すのではないか」リモートワークの社員が勤怠システムで退勤後にPCが動いていれば、「サービス残業しているのではないか」。そんな疑いが生じますよね。 出退勤の時間やメール、複合機の使用状況だけでも、わかることは多いんです。

#### balloon eriko_ichibangase left
人間の行動は予測できないように思えますが、データを蓄積すればシステムで検知できるんですね！

## Web3.0では、GAFAの一極集中から分散へ。一般人には影響なし⁉

#### balloon eriko_ichibangase left
では、いよいよWeb3.0の話をお伺いしていきます。 そもそも、Web3.0とはなんでしょう？分散型インターネット、非中央集権型インターネットとも言われますよね。

#### balloon eltes right
**Web3.0は、ブロックチェーン技術を活用したインターネットサービスのこと**です。個人がデータを所有できるようになり、権利の帰属も個人になる。 例えば、SNSにアップした写真や文章を別のサービス（プラットフォーム）に持って行ったり、バックアップを取ったりするのが簡単になります。

#### balloon eriko_ichibangase left
でも、今でもスマホやパソコンにデータを保存できますし、Facebookの投稿をダウンロードしてTwitterに上げることもできます。 すでにコンテンツは個人のものだと感じますが、それとどう違うのでしょう？

#### balloon eltes right
たしかに、Web3.0の特徴と言われていることは、おっしゃるような手順で実現できます。でも実際には、ものすごく手間だったり、データ量やセキュリティの問題等で現実的でなかったりするんです。 でも**ブロックチェーン技術の活用で唯一性の証明と所有履歴の管理ができるようになる**と、それらが簡単になるということです。

~~*日本語に訳すと「分散型台帳技術」。中央集権ではなく、分散型のコンピュータネットワークに、情報を記録する仕組みで、改ざんが非常に困難・システムダウンが起きない・取引の記録を消せないという特徴がある。ビットコインを実現するために生まれた技術。*~~

#### balloon eltes right
わかりやすいのは、エストニアの電子政府でしょうか。 **エストニアは、国民の98%が電子IDカードを持っており、行政手続きの99%がオンラインで完結する国**です。病院を転院する際の電子カルテの共有ひとつとっても、非常にスムーズです。

#### balloon eltes right
所有履歴だけを例えるなら、プロサッカーの仕組み。 プロサッカーでは、選手が移籍するとその選手を育成した組織にもお金が入るシステムがあります。育て損になりません。

#### balloon eriko_ichibangase left
所有履歴の説明があると、コンテンツの権利が個人に帰属するという感覚を理解しやすくなりますね。 では、Web3.0になって何が変わるのでしょう？

#### balloon eltes right
**GAFAに集中している情報が、個人や別のプラットフォームへ分散していくようになります。**必然的にGAFAの広告収入は減るでしょう。 また、いろんなプラットフォームを選びやすくなれば**BAN（規約違反等によるアカウント停止）を恐れず発信できるようにもなりますし、広告収入のためにYouTubeで発信という選択をする人も減る**かもしれません。

#### balloon eriko_ichibangase left
表現の自由という意味ではメリットですが、いわゆる「炎上系」のような人たちがもっと好き勝手するかもしれないということですね…。

~~*アメリカのIT関連企業大手、Google、Apple、Facebook、Amazonの頭文字をとって名付けられた造語。Microsoftを加えて、GAFAMとすることもある。*~~

#### balloon eriko_ichibangase left
ところでWeb3.0は、一般人にはどれくらい影響がありますか？ 一般人というのは、「仕事でメールを使い、友達とLINEで会話し、気になることをインターネット検索し、SNSは趣味程度」という大多数の人のことですが。

#### balloon eltes right
**一般の人の実感としては、Web3.0になってもほとんど変わらない**んじゃないですかね。 「なんとなく発信したコンテンツに思いがけない価値がついてラッキー！」ということはあるかもしれません。

## Web3.0を支持しているのは、正反対のコミュニティ。活躍するのはどんな人？

~~Web3.0で活躍する人物像を考察する菅原さん~~

#### balloon eriko_ichibangase left
Web3.0は今のところ一般人がWebの変化を実感するほどではなさそうですが、トレンドワードとしてかなりピックアップされていますよね。 Web3.0を盛り上げたいと考えているのは、どんな人たちですか？

#### balloon eltes right
**「キャピタルゲインで儲けたい人」と「何事も分散させたほうがいいと考える人」、正反対の両者がWeb3.0を支持**していますね。

~~*株式や債券、不動産、金などの資産を売却することによって得られる利益のこと。損失が出た場合は、キャピタルロス。また、利息や配当など、資産を保有していることによって得られる利益はインカムゲイン。*~~

#### balloon eriko_ichibangase left
それぞれ、どんな目的が？

#### balloon eltes right
前者の目的はもちろん、稼ぐこと。キャピタルゲインの市場は参加者が増えないと稼げないので、当然盛り上げたいですよね。 後者は、GAFAなど特定の巨大プラットフォームに依存せず、あらゆる人が自由に発信できる世界を作ることです。

#### balloon eriko_ichibangase left
そんな正反対の両者が拓いていくWeb3.0の世界で、どんな人が台頭してくるのでしょう？

#### balloon eltes right
ゼロイチでアクションを起こせる人ですね。**他力本願では何も起こらないのがWeb3.0です。 自らDAOを作り、動かしていける人が活躍する**でしょうね。

#### balloon eriko_ichibangase left
その世界では、どんなデジタルリスクが生まれますか？

#### balloon eltes right
コミュニティはある程度成長すると、勝手に動き出します。すると、そのコミュニティを荒らして目立とうとしたり、稼ごうとしたりする人が出てきます。 **DAOの荒らしは、Web3.0のデジタルリスクのひとつになる**と思います。

#### balloon eriko_ichibangase left
お話を伺ってきて、Web3.0ついてかなり理解できた気がします。でも正直、すっきりクリアにわかったとも言えません。 少し前に、Web3.0の解説が不正確だとTwitterで炎上していましたね。専門家として一定の認知がある人でも間違うのに、一般人に理解できるのでしょうか…？

#### balloon eltes right
Web3.0やブロックチェーン技術については、まだ価値が確立していないものを通貨や資産と呼ぶなど、ブレている部分がありますよね。だから、正しくあろうとしても間違ってしまうリスクがあります。 そもそも、どんなことも「AS FAR AS I KNOW」、つまり「わたしの知る限りこれが正しい」としか言えません。

#### balloon eltes right
今までの知識は、権威のある組織が「これが正しい」と宣言するような形で周知されていましたが、それでも「何百年も源頼朝だと信じられていた肖像画が別人だった！」なんてことがあるとわかってきました。 でも、**Web3.0は、「書くほうも学ぶほうもAS FAR AS I KNOW」というスタンス**。世の中の真理に近づいてきたと言えるんじゃないですかね。

「どんなに調べてもちゃんと理解できない」と思っていたWeb3.0。菅原さんのお話を伺い、そのあいまいさも含めてようやく納得できました。

第二部では、もう一歩踏み込み、NFTについても質問責めにしていきますのでご期待ください！

炎上が注目されがちなデジタルリスクだが、実は内部脅威も大きなリスクである

炎上リスクは、知識・経験とシステム導入で50％は削減できる

今Web3.0に注目しているのは、キャピタルゲインで儲けたい人と分散志向の人である

Web3.0を正確に理解するのは難しく、どんなに正しくあろうとしても間違うことがある

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エンジニアを目指そう！

Web APIとはなにかについてまずは解説します。他のAPIとの違いやWeb APIの種類についても説明します。

### Web APIはHTTP通信によってやり取りするAPI

*Web APIはHTTP通信によってやり取りするAPIのことです。*HTTPとはWebサーバと通信する際に使う通信プロトコルのことです。Web APIを使う際はインターネット経由でWebブラウザを通じてアクセスする必要があります。

多くの企業が自社の認知度アップなどのためにWeb APIを公開しています。Web APIは個人でも活用できるものが多く、登録することで自分のアプリに機能を追加することが可能です。

**Web APIでできることは多岐にわたりますが、中でも代表的なのがSNSログインです。**ECサイトなどのWebアプリを活用する場合、ユーザーはアカウント登録を行う必要がありますが、アカウント登録が面倒で利用を止めてしまう方も多くいます。SNSログインを導入すると、アカウント登録しなくてもSNSアカウントを利用してログインすることが可能です。

ほかにも、Web API経由で取得した情報を商品分析に利用したり効果検証を行ったりすることができます。他社サイトから情報を取得する場合スクレイピングを行う方法もありますが、Web APIが用意されているならスクレイピングを行うプログラムも必要ありません。

APIはApplication Programming Interfaceの略であり、プログラムの一部機能を外部のプログラムから利用できるようにした仕組み全般を指します。*Web APIはそのなかでもHTTP通信によってやり取りするもののことです。*Web APIはネット環境さえあれば、プログラミング言語が違っても通信できる点がメリットです。

Web APIとプログラム間で通信を行うには通信プロトコル（規約）に従う必要があり、通信プロトコルによってWeb APIの種類は別れています。Web APIには次の2つの種類があります。

SOAPはSimple Object Access Protocolの略でHTTPの呼び出しと応答にXMLを使う通信プロトコルのことです。*拡張性の高さなどに強みがあるAPIです。*

RESTはRepresentational State Transferの略であり、SOAPよりも新しい通信プロトコルのことです。**軽量で使いやすいと言われており、最近主流で使われているAPIです。**

REST APIは「提供するリソースはURLで表現できるようにする」「セッション管理などせず、現在の状態ではなくあくまで入力内容によって出力を決定する」などルールが細かく決められており、利用者によって使いやすいAPIとなっています。

続いて、Web APIを使うメリットについて解説します。Web API導入のメリットを知ることで初めてWeb APIを使いこなせるようになるでしょう。

### Webサービスの利便性を上げられる

Web APIを使うことでWebサービスの利便性を上げることが可能です。最近は似たようなWebサービスが増え、ユーザーもWebサービスを日常的に使うことが増えました。そのため、ユーザーのWebサービスの水準が上がっている傾向があります。

*ユーザーを満足させるWebサービスを作るには、他社サービスにはない多くの機能を追加する必要があります。*Web APIを使うことで、Webサービスに新しい機能を追加することができ、Webサービスの利便性を向上させることが可能です。

### 低コストで機能を追加できる

Web APIは低コストで機能を追加できるのもメリットです。Web APIを使わなくても、自分でWebサービスに機能を追加することはできますが、1からプログラムを組むのは相応のコストを必要とします。また、プログラムを組むだけでなくテストも繰り返さなくてはいけません。

**Web APIを活用すればすでに完成された外部のプログラムを利用できます。**こちらで用意しなくてはいけないのは、Web APIと通信するためのプログラムのみなので、開発コストを大幅に削減することが可能です。

*Web APIを上手く活用することでユーザー層を広げられるメリットもあります。*たとえば、ログインSNSを導入することでそのSNSを日常的に活用しているユーザーを取り込める可能性があります。

また、決済APIを活用し自社サービスにさまざまな決済手段を追加すれば、クレジットカードを持っていないユーザーも使えるようになります。ユーザー層を広げることができれば商品売上にもつながるため、Web APIを活用しないことで機会損失している可能性もあるでしょう。

自社で会員登録やログイン機能を実装する場合、セキュリティ面を考慮したうえで実装しないといけません。こういった機能を実装するには、ユーザーの個人情報が格納されたデータベースにアクセスする必要があります。ユーザーがデータベースに不正アクセスし、情報を抜き出すことは防がないといけません。

**SNSログインならセキュリティ対策をサービス提供企業に任せることが可能です。**そのためセキュリティ面の心配が減るのもメリットと言えるでしょう。

続いて、Web APIを使うデメリットについて解説します。状況によってはWeb APIを使わない方が良い場合もあるので注意しましょう。

*Web APIを使うと、API提供企業に依存してしまう可能性があります。*提供企業がサービスを停止すると、Web APIを利用したログインや決済機能などが使えなくなってしまいます。また、提供企業がメンテナンスなどを行う場合もその期間サービスが使えなくなるため、あらかじめユーザーに告知しないといけません。

また、Web APIの仕様が変更されると、自社のプログラムもそれに対応しないといけない可能性があるでしょう。このように、API連携先に依存してしまうのはデメリットでもあります。

### 不具合時に自社で対応できないことも

Webエンジニアの記事（1ページ目）