ブロックチェーン

スマートコントラクトの実装で必須！SolidityとRemix開発環境とは【初心者向け】

初心者向けにSolidityとRemix開発環境について解説しています。RemixはSolidityの統合開発環境です。最初にSolidityという言語の特徴について学習します。次にRemixの主な機能と、それぞれの活用方法について見ていきましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査

SolidityとRemix開発環境について解説します。

ブロックチェーン技術を活用したアプリケーションが増えていますが、Ethereum上でスマートコントラクトを実装する上では欠かせない知識になります。

ぜひ覚えておきましょう。

今回は、ブロックチェーンに関する内容だね！

どういう内容でしょうか？

SolidityとRemix開発環境について詳しく説明していくね！

お願いします！

Solidityとは

Solidiyとは、Ethereum上でスマートコントラクトを実装するための高水準言語の1つです。

通常、Ethereum上ではEVM（Ethereum Virtual Machine）上でスマートコントラクトを動作させる為には、「EVM Code」（バイトコード形式で低水準言語）で実行しますが、人間にとっては解りづらい言語であり生産性が低いので、人間にとって理解しやすい高水準言語としてのプログラミング言語とコンパイラとして代表格なので「Solidty」です。

Solidityは、JavaScriptに似ているとよく言われます。

しかし、そのJavaScriptもJavaが元ですしもっと先を言えばC++に似ています。ですので、オブジェクト操作ができるC++言語以降を使い慣れた方でしたら比較的慣れるのは早いと思われます。イベント処理などは、Javaそっくりです（が、最近はThrowなどが非推奨になっています）。

2018年4月27日現在、コンパイラ最新バージョンは0.4.24です。StableVersionは0.4.23なのでそちらが標準的な開発者向きとなっています。

現時点でブロックチェーンコースで使用しているSolidityは、Ver0.4.11となっています。しかし、かなり古いバージョンですので変数のスコープや推奨される関数が、最新版と異なっているので注意が必要です。

具体的には、
（1）functuonについて明示的にスコープ（PublicかPrivateか）することが必須
（2）対象オブジェクトのアドレス直参照は非推奨になり、アドレス型変数に代入してからプロパティなどを参照する
（3）エラー割り込み処理throwの使用は非推奨となり、require( )やrevent( )などを用いるようになった
（4）storageやmemoryと言ったブロックチェーン上資源を管理できるスコープが追加になった
などです。

開発環境としては、Remixと言われる統合開発環境やMist-Walletとgethと言った実際のEthereum上のプロダクトを使用した環境が使用できます。

Remix開発環境について

Remixとは

Remixとは、旧browser-solidityと言われていた統合開発環境（IDE：Intelligent Develop Environment）を言います。Localでも動作するバージョンがあるようです（使ったことないですが）。

コンパイラや実行（擬似的な）、デバッガなどが実装されていて、開発に必要なものが一通り揃ってはいます。教科書ではRemixを使用していますが、実際のコントラクト操作はWalletとgethになっていますので、コンパイルエラーを確認したり修正することに使うだけにした方が良いと思われます。

コンパイラバージョンが指定出来るので、古いバージョンでのコンパイルも可能です（しかし、geth上ではコンパイルエラーとなり動作しません）。

実行させるには、（1）JavaScriptVM（2）Injected Web3（3）Web3 provider があります。

gethを使用する場合には、（3）でgethと通信させて使用します。通信させるには、http通信となるので平文でインターネットに通信することになるので、個人的にはあまりお勧めはしません。

コンパイルエラーに対処するのであれば、ローカル環境で使用できる（1）や（2）がおすすめです。

Remixの機能

Remixの機能としては、以下のものがあります。

1. エディタ＋コンパイラ

Solidity開発ができるエディタとコンパイラが装備されています。エディタは、コンパイラと連動しているのでSolidity予約語を候補表示することができます。コンパイラバージョンも指定できるので、古いバージョンでのコンパイルも可能です。

エディタは、使用しているWebブラウザからLocalPCにファイルを保存することが可能です。しかし、ブラウザからLocalPCのリソースへの権限付与はハッキングなどの原因になりかねないのでおすすめはしません。

WebブラウザからRemix上で登録したソースをコピーして、LocalPCのエディタにペーストするのが安全かと思います。

2. 実行

Solidityで開発したプログラムを実行できます。しかし、途中からシナリオファイル（JSONファイル）が必要になっているので、複雑なコントラクトを実行する方法は難しいようです。

3. デバッガ

実行しながら不具合を修正するデバッガが用意されています。

4. アナライズ

Ethereum上での資源使用やGAS使用の多少など、事前にどのような資源を消費して動作するかを確認することができるようです。

Remix上での開発が標準だと、ネット上の記事には書いてあることは多いですが実際に使用してみると結構面倒なことが多いので、講座ではWallet＋gethで対応しているメンターの方も多いのではと思います。

開発環境がないとプログラム開発ができない訳でないので、実際の動作に近いWalletとgethがコントラクト操作もスムーズにできるのが良いのではと思います。

内容分かりやすくて良かったです！

ゆかりちゃんも分からないことがあったら質問してね！

分かりました。ありがとうございます！

また、オンラインのプログラミングスクールTechAcademyでは、ブロックチェーンオンライン講座を開催しています。

ブロックチェーン技術の仕組みを理解し、実際に分散型アプリケーションを開発することができます。

現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間で習得することが可能です。

また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。

分散型取引所（DEX）とは！メリットやその特徴を解説

今回は、分散型取引所（DEX）について解説します。分散型取引所とは何なのか、利用するメリット・デメリットは何なのか知りたい方も多いでしょう。詳しく解説し...

ブロックチェーン

【現役エンジニアが書籍レビュー】ブロックチェーン入門

この記事では、「ブロックチェーン入門」の書籍を現役エンジニアがレビューしています。書籍の全体的な概要を説明し、どんな人におすすめの書籍なのか、評価はどれ...

ブロックチェーン

PoWとの違い！PoS（Proof of Stake）とは【仕組みや特徴を解説】

今回は、PoS（Proof of Stake）について解説します。 PoW（Proof of Work）を聞いたことはあっても、PoSは聞いたことがないと...

ブロックチェーン

仮想通貨を持つ上で必須の知識！ブロックチェーン技術とは

TVなどのメディアでも話題になっているブロックチェーン技術について解説します。 2017年より仮想通貨が大きな盛り上がりを見せていますが、仮想通貨の実態を...

ブロックチェーン

新しい技術の特徴を理解！分散台帳とは【初心者向け】

今回は、分散台帳について解説します。これから分散型アプリケーションを作りたいと考えている人は、前提として理解しておきたい技術です。分散台帳の種類もコイン...

ブロックチェーン

有名なトークンやメリットを紹介！Ethereumの「ERC20」とは

今回は、ERC20について解説します。イーサリアムベースのトークンで、すでに動いているサービスでも使われています。ERC20を使うメリットや代表的なトー...

ブロックチェーン

あわせてよく読まれている記事

コントラクト開発に役立つ！browser-solidityを使う方法【初心者向け】

今回は、browser-solidityを使う方法について解説していきます。 Ethereumの技術を使って開発する際にSolidityという言語を使いますが、Solidityを書く上で役立つのがbrowser-solidityと呼ばれる開発環境です。スマートコントラクトの開発が効率的にできるので、知っておきましょう。インストール手順も紹介しています。田島悠介今回はbrowser-solidityを使ってみるよ。大石ゆかり田島メンター！browser-solidityというのは何ですか〜？田島悠介 SolidityのIDEでRemixとも呼ばれるんだ。早速使い方を見てみよう。大石ゆかりはい！お願いします！ browserとは browserとは、browser-solidityのことを意味しRemixという名称でも呼ばれ、ブラウザ上で動作する、SolidityのIDE（統合開発環境）です。 Solidityとは、Ethereumでコントラクトコードを実装する際に利用するプログラミング言語の名称です。また、IDE（統合開発環境）とは、プログラミングを行い、システム開発を行う上で便利な機能を保有するソフトウェアです。コントラクトコードとは、Ethereum等のブロックチェーン上で、スマートコントラクトを実行するために必要なコードです。ブロックチェーンとは、仮想通貨等の取引データを分散して管理する仕組みのことです。ブロックチェーン単体では、仮想通貨の取引や、取引履歴の確認を行うことができます。スマートコントラクトを利用することで、契約するという機能も追加することができます。契約機能が追加できるということは、ブロックチェーン上で、仮想通貨の所有や取引が確認できるように、不動産取引も行うことが出来るということです。つまり、不動産の所有者や取引を行い、かつ不動産取引に付随する契約に関してもスマートコントラクトを利用したブロックチェーン上で瞬時に行うことが出来るようになります。スマートコントラクトの機能を実装するには、Solidityというコントラクト指向言語を使用します。そして、開発する際に、browser-solidityというIDE（統合開発環境）を利用することで、開発が楽になるということです。 browser-solidityの準備 browser-solidityを利用するには2種類の方法があります。クラウドIDEを使用する https://ethereum.github.io/browser-solidity/ 上記のURLにアクセスすることでbrowser-solidityを使用することができます。クラウドIDEの注意点インターネット上にあるサービスを利用するため、お手元のパソコンで利用するより反応速度が遅かったり、ネットワークの状況によってはデータが保存されない可能性に注意して下さい。田島悠介まずはクラウドIDEを利用する方法だね。大石ゆかりこっちはアクセスするだけですぐ使えるんですね。田島悠介次に、ローカルで環境構築する方法にも触れておこう。 [PR] 未経験からWebエンジニアを目指す方法とは browser-solidityのインストール browser-solidityを手持ちのパソコンで動作させるには、Node.js環境が必要です。手順を分かりやすく解説！Node.jsのインストール方法の記事も参考にしてNode.jsをインストールしてみてください。また、browser-solidityのインストール用ソースコードを取得するためには、Git環境が必要です。はじめてでもOK！Gitをインストールする方法【初心者向け】の記事も参考にして、Gitをインストールしてみてください。インストールコマンド git clone https://github.com/ethereum/remix-ide.git cd remix-ide npm install 解説コマンドプロンプトでインストールコマンドを実行することで、インストールが完了します。 1行目のgitはGitを使用するためのコマンドです。 cloneは、Gitからインストールファイルをコピーしてくるコマンドです。 https://github.com/ethereum/remix-ide.gitは、コピーするファイルを指定しています。 2行目のcd remix-ideは、1行目のファイルコピー時に生成されたremix-ideというフォルダにcdコマンドで移動するという意味です。 3行目のnpm installでは、npmコマンドを利用してinstallを指定することで、browser-solidityをインストールしています。以上、browser-solidityを使う方法について解説しました。 Solidityという言語を書く上でよく使われているので、ぜひ覚えておきましょう。田島悠介インストールして利用する場合の手順だよ。大石ゆかりローカルで動作させるときは、Node.jsも必要ということですね。田島悠介 browser-solidityはスマートコントラクトの開発に便利なので、ぜひ使い方を覚えておこう。大石ゆかり分かりました。ありがとうございます！この記事を監修してくれた方中本賢吾（なかもとけんご）アジマッチ有限会社　代表取締役社長開発実績：PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。その他にも地域の職業プログラマー育成活動を行い、2018年には小学生がUnityで開発したオリジナルAndroidアプリをGooglePlayでリリース。ゲームで遊ぶより作ろうぜ！を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。

ブロックチェーン

スマートコントラクトの開発で使う言語！Solidityとは【初心者向け】

この記事では、Solidityについて解説します。 Ethereum上で動くスマートコントラクトを実装したい方はぜひ知っておきたい技術でしょう。JavaScriptに似た構文を書いてプログラムが動くので、実際に書いて覚えていきましょう。目次 Solidityとは Solidityの特徴 Solidityの言語仕様 Solidityの機能他のコントラクト開発言語田島悠介今回は、Solidityという言語について勉強してみよう。大石ゆかり田島メンター！あまり聞いたことがない言語ですが、どういったものなんですか～？田島悠介これはスマートコントラクトを実装するための言語なんだ。具体的な特徴について説明しよう。大石ゆかりはい！お願いします！ Solidityとは Solidityはコンパイル後、Ethereum（イーサリアム）上で実行可能なプログラム言語です。 Ethereum（イーサリアム）上で実行する場合、Ethereum（イーサリアム）ネットワーク上でコントラクトコードという状態でブロックチェーン上に記録されたコードが実行されることで処理することができます。仮想通貨の口座開設 Ethereum上で実装されたアプリケーションの利用をするためには、イーサリアム（ETH）で売買するサービスもあるため、仮想通貨の口座開設をしておきましょう。口座開設後、ビットコインやイーサリアムの売買が可能です。 bitFlyer、GMOコインコントラクトコードとは、Ethereum Virtual Machine Code（イーサリアムバーチャルマシンコード）とも呼ばれます。 Ethereum Virtual Machine Codeとは、Ethereum（イーサリアム）仮想マシンで実行するためのコードという意味です。Ethereum Virtual Machine CodeはEVM Codeと略されることもあります。 Ethereum Virtual Machine Code自体は低級の機械言語と呼ばれます。低級というのは、プログラムとしての水準が低いという意味ではなく、プログラムソースコードをみた時に、人間が理解しづらいものを低水準の言語と言います。機械言語というのは、コンピューターがプログラムソースコードを読み取った際、そのまま実行することが出来る状態の言語を言います。機械言語と呼ばれる、コンピューターがすぐに読み取り実行できる状態のコードをバイトコードと呼びます。 Ethereum Virtual Machine Codeが低級の機械言語であることに対して、Solidityは高級言語と呼ばれます。高級言語とは、低級言語に対する言葉で、人間がプログラムソースコードをみた際、そのまま処理自体を理解することが出来る言語です。高級言語は高水準言語とも呼ばれ、BASIC、FORTRAN、COBOL、C言語、C++、Java、Pascal、Lisp、Prolog、Smalltalk等の種類があります。高級言語を実行する場合、コンパイルという処理が必要になります。 Solidityをコンパイルする場合は、solcと呼ばれるSolidityコンパイラを介することで、コンピューターで実行可能なEthereum Virtual Machine Codeに変換することができます。 solcはSolidity標準で利用できるコンパイラですが、別にRemix(browser-solidity)というコンパイラも存在します。 Remix(browser-solidity)は、開発環境としても利用できるコンパイラのため、コマンドラインに慣れないエンジニアにとっては、solcよりも使用しやすいのが特徴です。 [PR] 未経験からWebエンジニアを目指す方法とはSolidityの特徴 Solidityは、JavaScriptの文法に似たプログラミング言語です。その為、JavaScriptの実装経験があれば、Solidityを利用したEthereum（イーサリアム）上で動作するプログラムを作成することが可能という特徴があります。 JavaScript自体は、初心者でも習得しやすい言語と言えます。 JavaScriptの実行自体にはWebサーバー等不要で、Google Chrome等のブラウザとメモ帳等のテキストエディタさえあれば、実装も実行も可能です。そういう意味でもJavaScriptに似ているSolidityを利用できるということは、プログラミング経験が浅いエンジニアにとっても、学習しやすいといえます。田島悠介 Solidityという言語についての大まかな概要だね。大石ゆかり JavaScriptを学習していると比較的扱いやすい言語ということですね。田島悠介そうだね。C++やPythonを習得していても理解しやすいと思うよ。実際にどのように構成していくかも見てみようか。 Solidityの言語仕様 Solidityの言語仕組みを理解するために、簡単なコードを書いてみましょう。基本のSolidityの文法 contractで宣言するソースコード contract Contract名 { //処理を記述するブロック } 解説 Solidityでは、contractと宣言することで、使用するContract名を宣言することができます。この宣言の{ }で囲まれたブロックにSolidityで実際に処理するコード記載します。なお、ここで言うブロックとは、ブロックチェーンのブロックではなく、ソースコード内での領域を意味するブロックです。 Hello World!!を表示するSolidityのコードソースコード contract HelloWorld { function hello() constant returns (string retVal) { return "Hello World!!"; } } 表示結果 Hello World!! このプログラムはhello( )という関数が呼び出された場合、表示結果のようにHello World!!を表示するプログラムです。関数とは、便利な機能をひとまとめにしたプログラムの集まりです。今回は、Hello World!!を表示するという部分を便利な機能と考え、関数化しています。 Solidityと文法が似ているJavaScriptの記事も合わせて参考にしてみてください。解説 1行目の、contract HelloWorld {では、Solidityのcontract名としてHelloWorldを宣言しています。 2行目の、function hello( )

ブロックチェーン

【プログラミング入門者向け】コンパイラ型言語とは？現役エンジニアが用語解説

コンパイラ言語とは何かについて、TechAcademyのメンター（現役エンジニア）がプログラミング入門者向けに解説します。なお本記事は、TechAcademyのオンラインブートキャンプの内容をもとにしています。田島悠介今回は、プログラミングに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介コンパイラ言語について詳しく説明していくね！大石ゆかりお願いします！目次コンパイラ型言語とは? コンパイラ型言語のメリット／デメリットコンパイラ型言語の代表的な種類と特徴スクリプト言語との違いまとめコンパイラ型言語とは? パソコンのソフトウェアやスマートフォンのアプリなどのことを「プログラム」と呼びます。プログラムは「プログラミング言語」というもので作成します。言語といっても日本語や英語のような自然言語ではなく、一定のルールに基づいて書き方などを決めている人工的な言語です。プログラミング言語は英語をベースにしているものが多く、例えば以下は「Java」というプログラミング言語の記述例です。 System.out.print("Hello!"); プログラミング言語が分からなくても、なんとなく「print」という単語から印刷や表示などを行うことが想像できますね。このように人間が見て理解できるプログラミング言語で書いた文章を「ソースコード」と呼びます。このソースコードをコンピューターが実行できるように翻訳したものが「プログラム」です。実はコンピューターは人間とは違い、数字しか理解できません。プログラミング言語はあくまで人間がソースコードを書くための言語であり、ソースコードをプログラムとして実行するにはコンピューターが理解できる数字の羅列に「翻訳」する必要があるのです。プログラミング言語は翻訳の方法により2種類に分けられます。コンパイラ型言語：一度に全てのソースコードを翻訳してからプログラムを実行する言語インタプリタ型言語：少しずつソースコードを翻訳しながらプログラムを実行する言語一度に全てのソースコードをコンパイル翻訳してからプログラムを実行する言語、それがコンパイラ型言語です。コンパイラ型言語のプログラムを実行するまでの流れは以下のようになります。人間がプログラミング言語でソースコードを書きます。ソースコードをコンピュータが理解できる数値の羅列に翻訳します。この翻訳のことを「コンパイル」と呼びます。コンパイルしたファイルはソースコードとは別に作成されます。このファイルのことを「実行可能ファイル」や「モジュール」などと呼びます。実行可能ファイルを実行します。私たちが普段目にするパソコンのソフトウェアやスマートフォンのアプリは、この「実行可能ファイル」のことを指しています。 [PR] 未経験からWebエンジニアを目指す方法とはコンパイラ型言語のメリット／デメリットソースコードを記述してプログラムを作成するまでの一連の作業を「開発」と呼びます。現在のソフトウェアやアプリは複雑なものが多く、開発作業も複数のエンジニアで何ヶ月もかけて行うことが一般的です。コンパイラ型言語はその特徴から大規模な開発に向いている言語です。ここで具体的にメリットとデメリットを確認していきましょう。コンパイラ型言語のメリットコンパイラ型言語のメリットは「一度に全てのソースコードを翻訳してからプログラムを実行する」点にあります。ソースコードの間違いを早い段階で検出できるソースコードをプログラムに翻訳する「コンパイル」では、ソースコードに間違いが無いかエラーチェックもいっしょに行います。これは間違いを残したままプログラムを実行してコンピューターが異常な動きをするのを防ぐためです。残してしまった間違いを「バグ」といいます。開発作業はソースコードを書くだけでなくテストなど多くの工程を経ますので、バグは早い段階で検出できたほうが効率的です。プログラムの実行速度がインタプリタ型言語と比較して高速一度に全てのソースコードを翻訳してからプログラムを実行するため、プログラムを実行する速度は逐一翻訳しながら実行するインタプリタ型言語と比較して高速になります。よって実行速度が求められる場面にコンパイラ型言語は向いていると言えるでしょう。身近なところでは動きの早いゲームアプリやリアルタイムに結果が分かる画像加工アプリ、大規模な例としては企業の基幹系システムなどが向いている例としてあげられます。コンパイラ型言語のデメリットコンパイラ型言語の特徴である「一度に全てのソースコードを翻訳してからプログラムを実行する」がデメリットになる場合もあります。すぐに実行を開始できない一度に全てのソースコードを翻訳してからプログラムを実行するため、それが終わるまでは実行を待つ必要があります。ただしこれは主に開発作業中におけるデメリットです。開発作業中は何回もソースコードの作成と実行(テスト)を繰り返すため、僅かな時間ですがコンパイルを待つ必要があります。実際に私たちがダウンロードして利用するアプリは、すでにコンパイルが済んでいる実行可能ファイルですので、ソースコードの翻訳を待つ必要はありません。やや難易度の高い言語が多いほとんどのコンパイラ型言語は、開発を始める際にコンパイルを行って実行するための「開発環境」を構築する必要があります。開発環境の構築とは開発に必要なソフトウェアをパソコンなどにインストールすることを指しますが、初学者にとっては開発に必要なソフトウェアが何なのか分からない場合も多く、学習を始める際のハードルとなる場合があります。さらに、OS(オペレーティングシステム。パソコンならWindowsやMac、Linuxなど。スマートフォンならAndroidやiOSなどの種類を指す)の種類により実行できる実行可能ファイルは異なります。よってコンパイルもそれぞれのターゲットに対して行う必要があるのも難易度を高める一因となっています。それに対してインタプリタ型言語の代表である「JavaScript」はブラウザで実行できるため開発の構築も容易です。なお後述しますがJava言語のようにどこでも実行できるように設計されたプログラミング言語もあります。またコンパイラ型言語は大規模な開発を想定しているものが多く、ソースコードを機能単位に分割して作るような機能が充実しています。またコンパイル(ソースコードを実行可能ファイルに翻訳すること)の際に記述内容が明確になるよう、厳密な書き方が求められます。はじめからこれらの機能をフル活用して開発を行う必要は無いのですが、若干の取っ掛かりづらさはあります。コンパイラ型言語の代表的な種類と特徴それでは次に、代表的なコンパイラ型言語の種類と特徴を見ていくことにしましょう。 Java コンパイラ型言語の代表格と言えばJavaです。「ジャヴァ」と読みます。似た名前のプログラミング言語に「JavaScript」というものがありますが全くの別物です。特徴 Javaはアメリカのサン・マイクロシステムズ社によって1996年に発表された歴史のあるプログラミング言語です。現在はアメリカのオラクル社が権利を保有しています。 Javaの開発当初からのポリシーとして「Write once, run anywhere」があります。これは一度書いたソースコードはどこでも実行できるということを意味します。前述の通り実行可能ファイルはOSの種類により異なりますが、Javaは「Java Virtual Machine(JVM)」という仕組みを取り入れることで、基本的に同じソースコードがどこでも動くような環境を用意しました。 Javaは早い段階から大規模開発に向いた機能を取り入れて来たため、企業の基幹系システムなどに幅広く使われていることも特徴です。特に金融機関の基幹系システムにはほぼ100%採用されていると言っていいでしょう。歴史がありいわば「枯れたプログラミング言語」であるためとても安定しているため、この流れは今後も継続されるものと想定できます。実際にシステム開発の案件数も多く、システム開発会社の新入社員研修でも広く取り入れられているプログラミング言語です。プログラミングを職業とするのであれば覚えておくと非常にメリットがあると言えるでしょう。最新のバージョンは2019年9月にリリースされたJava SE 13です。なお学習にあたっては問題ありませんが、商用利用のライセンス体系が変更になっているため、会社で利用する場合にはオラクル社のホームページで確認しておくといいでしょう。開発に使われた代表的なサービス前述の通りJavaは広く多くのデバイスで利用されています。多くの企業の基幹系システム：多くの企業では請求処理や営業管理などの基幹系システムを利用しています。これらのシステムはブラウザから利用する場合も多いでしょう。ユーザーが直接接するWebページの開発をフロントエンドと呼び、サービスを提供するサーバーと呼ばれるコンピュータ内部で動作するプログラムをバックエンドと呼びます。Javaはこの「バックエンド」で幅広く活用されています。 Androidアプリ：AndroidアプリもJavaで開発されてきました。現在の主流は「Kotlin」というプログラミング言語ですが、KotlinはJavaと100%の互換性があり、実行もJVM上で行われます。組込みシステム：IoT機器などの組込みシステム用にもJavaは広く活用されています。組込みシステム用のJavaは「組み込みJava」と呼ばれ、ほとんどのカーナビやBlu-rayプレーヤーなどに使用されています。 C# C#は主にWindowsで使われているコンパイラ型言語です。特徴 C#はアメリカのマイクロソフト社によって開発されました。「シーシャープ」と読みます。2000年に発表された、こちらも歴史のあるプログラミング言語です。 C#は当時の「C++」といったプログラミング言語の使いづらい部分を改良し、モダンに扱えるようにしたプログラミング言語です。マイクロソフトの基盤ソフトウェア（フレームワーク）である「.NET Framework」上で動作するように設計されています。 C#は言語的にC++をベースとしており、C言語の記述に慣れた人であれば容易に習得できる言語です。 C言語は大学のカリキュラムで採用されていることも多く、コンパイラ型言語の中では比較的容易に取り組めると言っていいでしょう。開発に使われた代表的なサービスマイクロソフト社の多くのサービス：C#はマイクロソフト社の多くのサービスで利用されています。具体的な例としてはビデオチャットソフトウェアである「skype」やポータルサイトの「MSN」のバックエンドなどがC#で開発されています。なおC#でWeb系のバックエンドの開発を行うには「ASP.NET」というフレームワークを使用します。キーワードとして覚えておくといいでしょう。ゲームの開発：ゲームの開発で高いシェアを誇る「Unity」で使えるプログラミング言語の1つがC#です。スマートフォンアプリの開発：シェアとしては少ないのですが、AndroidやiOSなどのスマートフォンアプリの開発にも使用できる環境が用意されています。 C言語 C言語は元祖コンパイラ型言語と呼べるプログラミング言語です。特徴 C言語は1972年にアメリカのAT&T社のベル研究所でデニス・リッチーとブライアン・W・カーニハンによって開発されました。「シー言語」と読みます。ほとんどは略して「シー」と呼ぶ場合が多いでしょう。 C言語は現在のほぼすべてのプログラミングの源流となっている記念碑的なプログラミング言語です。手続き型(ソースコードが書いた順番に上から実行される)や制御構文(繰り返しや条件分岐)などの基本機能はC言語から広く使われるようになったと言っていいでしょう。非常に歴史のあるプログラミング言語ですが、現在も使用されバージョンアップが行われています。 C言語の実行可能ファイルは各OSごとに最適化されたものであるため、実行時に必要なCPUやメモリ量が少なくコンパイラ型言語の中でも高速に動作するものの1つです。現在はC言語の機能拡張版である「C++」の方が一般的に使用されています(ここではまとめてC言語と表記しています)。開発に使われた代表的なサービス教育：C言語は非常にシンプルで分かりやすい言語構造であるため、大学のカリキュラムなどで広く使われています。C言語=古い、というイメージがあるかもしれませんが、シンプルだからこそ初めて学ぶプログラミング言語に向いているということから採用されています。組込みシステム：Javaが登場する前は組込みシステムは「アセンブラ」と呼ばれるプログラミング言語かC言語で開発されていました。C言語はこれまで開発されてきたソフトウェア資源なども充実しているため、現在でも開発に多く利用されています(シビアな場面ではアセンブラも用いられています)。 OSやライブラリ：WindowsやMacOS、LinuxなどのOSはC++で開発されています。またプログラミング言語で使用する部品(ライブラリ)の多くもC++で開発されています。例えばインタプリタ型言語の代表である「Python」はAI関係の開発に強みを持っていますが、実行速度が遅いというインタプリタ型言語特有の弱点があります。しかしPythonで使用されるAI関係のライブラリの多くはC++で開発されているため、結果的にインタプリタ型言語とコンパイラ型言語の特徴をうまく生かした環境となっていると言えます。スクリプト言語との違いスクリプト言語とは、比較的簡単に書けるプログラミング言語を総称して呼ばれているものです。代表的なプログラミング言語としては JavaScript や Python などがあります。ほとんどのスクリプト言語はインタプリタ型言語であり「すぐに実行できる」、「簡単で覚えやすい」といった特徴を持ちます。逆に「実行速度が遅い」、「(容易さを優先するために)大規模開発に向かない場合がある」といった弱点もあります。これはどちらかに優劣があるということではありません。それぞれの言語の特徴を生かし、適材適所に使い分けを行うといいでしょう。具体的にはWebアプリケーションであれば、Webページ側(フロントエンド)はすぐに実行できることが求められるためインタプリタ型言語の JavaScript を採用し、バックエンド側は実行速度が求められるため、Java を採用する、といった使い分けになります。まとめこの記事ではコンパイラ型言語について確認してきました。なお、プログラミング言語の全体的なトレンドとしては型推論や関数型プログラミングなど、より開発をシンプルにする機能の取り込みが進んでおり、コンパイラ型言語/インタプリタ型言語ともに進化し続けています。ほとんどのプログラミング言語は開発環境も無償で構築することができるため、お気に入りのプログラミング言語を選んで学習にチャレンジしてみるといいでしょう。筆者プロフィール太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは、初心者でも東京のIT企業へエンジニアとして転職を目指せるオンラインブートキャンプを開催しています。現役エンジニアとキャリアカウンセラーが学習から転職までサポートします。また、現役エンジニアから学べる無料体験や、キャリア相談ができる無料カウンセリングも実施しているので、ぜひ参加してみてください。

プログラミング

これからのエンジニアに必要なスキルとは【非エンジニアサミット・イベントレポート】

TechAcademyでは、2015年6月14日に『非エンジニアサミット「プログラミングをシゴトにする」』というイベントを開催しました。これからプログラミングの学習を始める方を対象に、第一線で活躍するエンジニアから直接話を聞けるイベントです。第1回目となる今回は、株式会社クラウドワークスCTOの大場光一郎氏、株式会社Fablicの堀井雄太氏をゲストとしてお迎えしました。本記事ではイベントレポートをお届けします。これからプログラミングの学習を始める方は参考にしてみてください。ゲスト大場光一郎氏（株式会社クラウドワークス執行役員CTO） 2001年、伊藤忠テクノソリューションズ株式会社へ入社。在職中、Rubyの導入支援やRubyを用いたクラウドサービスの開発・運用に従事。グリー株式会社インフラストラクチャ部門にて、開発環境からプロダクションをつなぐDevOps周りを担当し、GitHub Enterpriseの導入による開発品質の向上や、デプロイメント支援システムをRubyで開発。 Rubyやソースコード管理に関する講演、著書多数。 2014年1月、株式会社クラウドワークスに参画、執行役員CTOに就任。堀井雄太氏（株式会社Fablic チーフエンジニア）「Fril(フリル)」を開発しているエンジニア。2007年、株式会社ECナビ（現：VOYAGE GROUP）に新卒入社。比較サイトの運営やディレクトリ検索サービス、広告配信システムの開発などを経験。2012年、株式会社Fablicを創業し女性向けのフリマアプリ「Fril」を開発、インフラ、サーバーサイドの開発担当。クラウドワークス大場氏講演まずは、大場光一郎氏から講演いただきました。講演では、エンジニアになったきっかけ、社内の開発体制、これからエンジニアを目指す人に期待することをお話しいただきました。エンジニアになったきっかけ学研の教材に載っていたマンガがきっかけでBASICを使ってプログラムを書いてゲームを作りながら自分でやってみようと思ったのが、一番最初にプログラムを書くことのスタートだったとのこと。その後は、ハードウェアを組み合わせた業務システムを開発している会社に入社。当時は「プログラムさえ書ければいい」と思って社会人をスタートしたそうです。その時のことを大場氏は「今から考えると当たり前ですが振り返るとコードを書けるだけで会社を選ぶのは良くない」とも語りました。またその頃、働いていた会社とは別に、オープンソースを開発するプロジェクトに入り、そのプロジェクトの開発者との交流を通じて、組織の垣根を越えてプロジェクトを進めることを経験したそうです。そのため、大場氏の考え方の根本は「オープン」。実際仕事の中でもオープンソースのように仕事をしているのが特徴なんだそうです。クラウドワークスでの開発体制クラウドソーシングサービスのクラウドワークスの開発体制はどうなっているのでしょうか。特徴は、UX改善会を開催してユーザー体験を大切にした開発を重視していること。「UX改善会」は、3、4人のチームを組んで、ユーザー視点でサービスを使い、サービスにおける課題を見つけ、改善案などをプレゼンテーションに落とし込んで全社員に発表するというもの。社員はもちろん、エンジニアインターンの学生から率直な意見を聞いて改善に役立てているといいます。この取り組みにより、サービスを使い続けていると当たり前になって気づかないことを、改めてフレッシュな気持ちでサービスを見つめられ、実際にサービス落としこんで、日々改善ができているんだそうです。開発分野の他に、クラウドワークスでは日報の書き方にも工夫があり、お互いがどんな仕事をしているか共有し合えるように、他の部署の人でもわかる言葉で伝えることを推奨しているそうです。これからエンジニアを目指す人に期待すること大場氏は「今は技術が折り重なってできているので、深堀りすればするほど深いし、技術の移り変わりも早いので、エンジニアとしては多層的に折り重なる技術を同時に理解できないといけない状況です。」とエンジニアとして必要なことを語りました。そのような状況の中で、初心者としてプログラミングをはじめるのは、チュートリアルなどが充実しているため、比較的簡単で、初心者から中級者に上がるにはいろいろな技術をキャッチアップする必要がでてくるため、1人では限界があるとのこと。そのため大場氏は、勉強会を通して仲間を見つけることや、プログラミング学習のサービスの活用などを推奨しているそうです。また、JavaもRubyも最初は「おもちゃ」と言われていた背景があり、「おもちゃ」と言われているような技術を使ってみることの大切なんだそうです。「イノベーションを起こすようなものは最初おもちゃのように思われがちですが、だからこそチャレンジすることが今後のエンジニアに必要なのではないか」と大場氏は締めくくりました。 [PR] 未経験からWebエンジニアを目指す方法とはFablic堀井雄太氏講演続いて、堀井雄太氏に講演いただきました。大場氏と同じく、エンジニアになったきっかけ、社内の開発体制、これからエンジニアを目指す人に期待することお話しいただきました。エンジニアになったきっかけもともとは経済学部出身で、大学でもプログラミングの授業で受けていたわけではない、いわゆる文系プログラマーだという堀井氏。それでも大学生のころから漠然とWebサービスを作ってみたいと思っていたそうです。そこで大学生のうちにいろいろな会社でインターンをとして働いていたのがプログラミングを学ぶきっかけ。最初はHTML/CSSを使ってWebサイトを作るところからはじめ、本を読み込んでサービスを作ってみるなど独学で学んだとのことです。その後、ECナビ（現在のVOYAGE GROUP）に新卒で入社し、自社プロダクトの開発と運用をして、後半の2年はインフラの部署に所属されていました。会社に所属することのメリットとしては、独学よりも体系的に学べる、先輩や同僚がいることで成長できるなどを挙げていました。堀井氏が講演の中で話した、「エンジニアとしては遅咲きだが、遅いということはない。意志があれば、とりあえずやってみるのが大事」という言葉が印象的でした。 Frilの開発体制株式会社Fablicは、2012年7月にフリマアプリのFril（フリル）をリリース。累計ダウンロード数が300万を越えているといいます。現在は、12、13人のメンバーで開発しているそうです。エンジニアはまだまだ増やしたいとのことで、募集も随時行っているとのこと。開発体制として特徴的なことは、ユーザーと一緒に開発すること。実際にFrilを使っているユーザーをカスタマサポートとして採用しているそうです。開発の現場にユーザーがいて、「困ったことがあったらユーザーに聞く」が信条で、実際の開発フローにユーザーが関わるようにしているといいます。これからエンジニアを目指す人に期待することどんなエンジニアになるかを意識することが大事とのことです。会社のフェーズによってエンジニアに求められることは違うので、技術の経験たくさんを積むことが大事。堀井氏自体も、サーバーサイドもインフラも関わってきましたが、今では全てが関係しているそうです。それぞれの領域を学んでいく中で、強みを形成していくのが良いとのことでした。また、技術を学ぶだけでなく、行動して実践することも大事。チームで開発できる、社内で共有できる、社外にアウトプットできる、リーダーシップを発揮できるなど、技術をもとに行動することが今後のエンジニアに求められていると語っていました。また、最後には「ものづくりは楽しいので、楽しみながら開発していくのが大事」というメッセージで堀井氏は締めくくりました。パネルディスカッション「これからのエンジニアに必要なスキルとは」続いて、大場氏、堀井氏によるパネルディスカッションです。モデレーターはTechAcademyを運営するキラメックス株式会社の代表取締役社長の村田がつとめました。パネルディスカッションでは、事前に参加者から募集した質問をもとに回答いただきました。質問はこれからエンジニアになっていくことを想定して、下記のセクションに分けて進めています。エンジニアになる前の段階エンジニアとして働く段階エンジニアとしてさらにスキルアップする段階エンジニアになる前の段階（村田）それではパネルディスカッションを始めていきます。非エンジニアの方のプログラミング学習が一歩前に進むきっかけになればいいなあと思っています。最後には会場のみなさんからの質問も受け付けます。（村田）まず1つ目の質問ですが、「どのプログラム言語から勉強するべきか」という疑問にお答えいただこうと思います。これみなさん非常に悩ましい点だと思うのですが、このあたりお二人はどのようにお考えでいらっしゃいますか？（堀井）最初はPHP、Perl、Rubyあたりから始めるといいのかなあと思っています。理由は、コミュニティが活発なので困ったらそういうコミュニティに相談して聞く環境があることですね。あとは、実際に企業に入ってみて使われていることも多いです。実際、私が新卒で入った会社も主要な言語がPHPであとPerlとRubyも少しあったので就職するときも有利だと感じています。（村田）なるほど。大場さんはいかがでしょうか？エンジニア歴も長いと思いますが。（大場）最初に触る言語としては僕はなんでもいいかなと思ってるんですけど、子供向けや教育向けと呼ばれる機能が制限された言語よりは汎用的な言語を使った方がいいかなと思っています。それがコンピュータが本来持っている能力を引き出せる可能性があるという理由です。なので、あんまり学びやすさとか初心者向けといった軸で選ぶよりは、なんでもできるような言語を選ぶのがいいのではないでしょうか。（村田）では続いてプログラミングを勉強する段階になった際に「どこから着手すればいいか」という質問に入っていきたいと思います。具体的にあれば教えていただけますか？（大場）さっき話したことと関係しているのですが、一つのサービスを成り立たさせるためにはいろんな技術の積み重ねがあって、一部分だけわかっててもサービスとしては成り立たないことがあります。だから、どこからというよりは「これが作りたい」とか「こんなサービスをやってみたい」といったところを目指して、それに足りないのはどこなのか、簡単そうなのはどこなのか、一番難しそうなのはどこなのか、そういう切り分けでちょっとずつ自分がどこにいるかわかるように進めるのがいいんじゃないかなと思います。この言語を覚えたいといった学習の仕方だとモチベーションが続かないと思うんですよね。（村田）それはありますよね。（大場）コンピュータという分野も3ヶ月勉強した人や10年仕事で使ってますという人とか経験にいろいろあっても、その中で「マスターしました」って自分で言える人はあんまりいないと思うんですよね。すごい奥が深い世界なんで。だからこの言語をマスターするまでやろうとなると結構どこまでいっていいかわからない。なので、道具として何をやりたいかというところを目標にすると続きやすいんじゃないかなと思います。（村田）目的ありきでその言語をツールとして使って、形にしていくところから足りない部分を補うのがいいんじゃないかということですよね。堀井さんはいかがでしょうか？（堀井）大場さんも仰ったように一つを学べば終わりというものではないですね。プログラミングをするモチベーションを保たないと結局意味ないので、自分がこういうのがあったら便利だなというものをとりあえず手を動かしながら作るのがいいと思います。（大場）さっきTechAcademyのオンラインブートキャンプの説明の中で、Twitterクローンを作るというお話しでしたが、あれってどこまでのクローンなんですかね？投稿するだけだと簡単だけどTwitterを真面目に作ると結構難しいと思うのですが。（村田）Ruby on Railsチュートリアルに載ってるくらいのマイクロポストみたいなレベル感ですね。ユーザー登録ができてフォローして、その投稿がそれぞれタイムラインに一列に出てくるクローンです。（大場）フォローもするということは、ある程度データベースの関係性もグラフみたいなところもやるんですね。そういう意味では歯ごたえのある感じですね。（村田）そうですね。実際に世界中で使われているようなサービスに近い形で作る方がモチベーションが上がると思っています。全く使わなそうな図書館データベースを作るよりもTwitterクローン作る方がイメージがわきやすいし面白いなと感じてもらえるはずです。プログラミングを学習するときのモチベーション、特に一人で勉強する時間が長いので、自分がやる気になるようなところから始めるのがいいのかもしれませんね。（村田）では次にいきましょう。「プログラミング習得をする上でつまずきやすいポイントとその解決方法」について聞いてみたいと思います。堀井さんいかがですか？（堀井）つまずくところいっぱいありますね。特に、環境構築が一つのハードルになるかなと思ってます。弊社でもインターンに来てもらうことが多いのですが、プログラミングを書き始めるまでの開発体制を整えるところで時間がかかることがあります。ただ、今はEC2とかHerokuとか、必要なパッケージがそろっている状態で始められるものもありますね。無料プランを使うか、少しお金を出せばサーバーが簡単に手に入るので、うまく使って最初のハードルを乗り越えてから本を一冊写経してみるといったことから始めるのがいいのかなと思ったりしますね。（大場）個人的には難しいところって技術と技術の境目の部分かなと。例えば、Rubyだとアプリケーション開発の知識がいるし、データベースにアクセスするときにSQLみたいな言語をわかってないといけないし、両方わかってないといけないようなシチュエーションがサービス開発の中でたくさんあります。両方の知識が求められるところでハードルがぐっと上がって、新しいことを覚えるのが難しいのかなと思いますね。その解決方法としては繰り返すということですかね。繰り返していると、「これはこのことだったんだ」みたいに理解できることもあるので、反復するところがコツかなと思っています。もう一つつまずきやすいところとしては、技術の中でそもそも難しいところです。C言語だったらポインタ、Rubyだったらブロックとかですね。そもそも考え方が難しいものがいくつかあって、それを変な例えで理解しようとしても、結局どこかで嘘が入っていたりして本質的には理解できないところがあります。それは難しいものだと受け入れて、わかるまで何回も繰り返すところが必要なんじゃないかなと思っています。（村田さん）そうですね。僕も最初はPHPから始めたんですけど、クラスみたいな概念がそもそも理解できなかったです。その時は、10日くらいわからないまま続けたら理解できました。繰り返しながらやっていくと、ピーンとわかるときがくるので諦めずに繰り返すのが重要ですね。（大場）悟るまでですね（笑）（村田）悟りが降りてきますからね。さて次の質問ですが、「おすすめのプログラミング学習方法はありますか」ということです。いま繰り返しやるとありましたけれど、もうちょっと具体的に聞きたいと思います。大場さんは仕事を始めてから学んだという感じですか？（大場）まあプログラムを書くのがもともと好きでゲームをつくるなかで学びました。Windows3.1が出たときに「マインスイーパ」というゲームが入っていたのですが、当時Windowsが動くパソコンがすごい高かったんですよね。なので、みんなができるように、MS-DOSのキャラクターベースでできるマインスイーパを開発してみんなに配ったとか、そのなかでいろんな技法みたいなものを学んでいったというところです。今はほんと一つのアプリケーションを成立させるのにいろんな技術が必要なので、競争仲間であるとか教えてくれる先輩とかそういう人がいる環境に身を置くところが大事かなという気がします。（堀井）小さいところから考えて手を動かすのがいいかなと思っています。会社に入ってみて思ったのが、システムって完璧じゃなくてすでに困っている人がいるんですね。そこで私もわからないなりに、管理画面にあったらいい機能とかを他の部署の人から聞いたりして、改善や機能追加できるところを調べながら徐々に開発技術を学んでいくところがありました。あとは、勉強会もおすすめです。新卒で入った会社では勉強会を定期的に開催していたので、自分の回が来たら学んできたことを発表しなきゃいけない場がありました。そういう半ば強制的にでも自分のスキルを底上げするようなイベントに身を置いてステップアップしていくのはいいかなと思います。（村田）なるほど。僕も自分で学習してきていたときは、何かインターネット上で気になるサービスをまねてそれと同じ動きを作ってみることをしていました。あとは、わからないところでずっと迷ってるとやる気がなくなっていくので、すぐ人に聞くというのは結構重要ですね。僕は新卒で楽天に入ったので、エンジニアの部署にいる同期を休日にカフェとかに呼び出して、わからないことを聞くというのを結構な頻度でやってました。（大場）あとはオープンソースの開発に関わっていくこともいいですね。そんなに難しくなくても手が足りないというプロジェクトはたくさんあって、それこそプログラムだけじゃなくてドキュメントの追加みたいな簡単なところから手伝うこともできます。それでコミュニティの人たちの顔がわかってきて、だんだん開発に協力していく中でいいプログラムをたくさん読んで、自分がやるならどうしようみたいなことを考えたりすることがスキルアップにつながると思います。エンジニアとして働く段階（村田）では次の項目に入っていきますね。「採用したいと思うエンジニアの特徴」について聞いてみたいと思います。具体的にこんな人がいいなというものがあれば教えていただけますか？（堀井）大前提としてプログラミングが好きなことが当てはまるのかなと思っています。やっぱ好きな人って勝手に自分でどんどん技術習得して、自分自身でスキルアップしていくので根本的にプログラミングが好き、ものづくりが好きという素養はまず見てますね。あとは、Githubとかを使って自分が書いたコードを他の人に見てもらう、シェアするみたいな文化があると思うんですけど、自分の恥をさらすことができる、自分の持っていることをシェアするとかオープンさみたいなものを持っている人は素晴らしいかなと思いますね。（大場）堀井さんのお話の中でもサービス志向のエンジニアみたいな話題がありましたけども、スキルはすごい優秀だけどうちの事業にそんなに興味ないみたいな人は今のステージでは採用が難しいです。なにかしら共感をもってるところのプラスアルファでエンジニアリングを見て採用してます。（村田）会社の規模とかフェーズによっても変わってくるかなと思うんですけれども、やっぱりそのそもそものエンジニアとしてのプログラミングが好きであったりとか、サービスが好きみたいなところは基本的には重要ですよっていうことですね。（村田）では次です。「優秀なエンジニアはどうやって見極めているんですか？」という質問です。大場さんいかがでしょうか？（大場）正直言って僕もこれだというものはないですけど、一番確実なのは一緒に働いたことがある人ですよね。やっぱりいろんな会社にいると、こいつは本当にすごいみたいな人が何人かいたりします。（堀井）優秀の定義にもよるかなと思うんですが、見極めるとしたら今はGitHubとかあるので、どういうコードをその人が書いているのか、アプリなど個人でプロダクトを出しているのかとか見たりしますね。（村田）結局その人がどういう人かとか、どれくらいできるのかっていうのが見えるかどうかっていうのは結構重要なのかもしれませんね。ポートフォリオなりGitHubなり、今だとそういうのが結構アピールしやすい時代かなと思います。（村田）次に行きますね。「プログラミングスキル以外でエンジニアに求めることはありますでしょうか」という質問です。堀井さんどうでしょうか？（堀井）これはもうたくさんあります。まず弊社もベンチャーなのでプログラミングだけできる人は結構厳しいのかなと。具体的に言うと、やっぱコミュニケーション能力が高い人がいたら嬉しいです。実際、弊社はユーザーにヒアリングすることがあるので、ちゃんとそのユーザーさんとコミュニケーションが取れるかとか、仕様が上から降ってくるのを待つのではなくて自分で考えたものをデザイナーやディレクターに発表して巻き込んでいく力みたいなのが問われるシーンが多いです。（大場）エンジニアに求めるコミュニケーション能力でいうと、そもそも人と話すのが苦手だからコンピュータを扱う仕事を選んだみたいなところもあると思うんですよね。立ち上げ初期のベンチャーだと、とにかく作るというところがメインになっていて、そんなにコミュニケーションする必要がなかったりします。でも組織がちょっと大きくなってサービスが伸びてくると、ある時点からチーム開発みたいなものが求められて個人技だけでは限界がきたりします。そういう時にちゃんと自分に求められている役割の変化を感じて、それについてこれるかは考えてほしいなと思ったりします。具体的にはさっきの仕様の話だと、ゆるふわで落ちてきた仕様に対してこんな仕様でできるかと思うか、僕が決めてもいいんだというように受け止めるかで大きな違いがあると思うんですよ。それってエンジニアリングのバックグラウンドがあって、そういう幅のある仕様のなかで可能性として見られるかどうかっていうのは大きな違いじゃないかなと。（村田）自分から能動的に動いて、与えられたものだけじゃなくてしっかりそれ以外も自分で発信できるっていうことを理解した上でスキルを上げていけるような方が優秀になってくるし、それが求められるかもしれないですね。（村田）次の質問ですが、「エンジニアとして働き始めてからどんな勉強が必要ですか」とのことです。基本的にはエンジニアは日々勉強みたいなところがあると思うんですけど、そういったこと以外に何か具体的にあれば教えていただけますか？（大場）最近だとエンジニアの向かう方向性としてフルスタックみたいに、いろんな層の技術をまたがって自分一人でもサービス立ち上げができるみたいなところを目指したりもしますけど、実際本当に伸びてくサービス開発のなかでフルスタックになっていくのはめちゃくちゃ難しいと思っています。他に得意な人がいればなかなか手を出すのも難しい、どこをやってもいいよと言われても躊躇してしまうというところがあったりします。その中でできることは、一つひとつ極めていくところだと思っています。ただ、一個の技術だけで戦ってるとやっぱりリスクも高いので、次はこの専門家になろうみたいな二つ掛け合わせるものが何かあるといいんじゃないかと思います。（堀井）私はどういう勉強をしてたかなと思い返してみると、やっぱり学んでいくには段階的になると思うんですよね。一つの言語を学んで、データベースのことも学んで、今度はその言語の上に動いているフレームワークのことを学んだりと段階的に自分が学んだことに派生して勉強してきました。なので、最終的に自分が得意であると言えるくらいのところまで行けるように深掘りして、一つの技術を学んでいくのがいいのかなと思いますね。エンジニアにもスペシャリストを目指すのか、ジェネラリストを目指すのかいろいろ方向性があると思うんですけど、ひとつ自分はこういうエンジニアだとか自分の代表するプロダクトはこれだとか、そういうものを作れるようになるまでは深掘りすることがいいかなと思いますね。（村田）やっぱりエンジニアとしてどこか一つでもいいので、ある程度極めるというか、できたというところまでやって、そこからスキルの掛け算みたいなところが重要になってくるということですよね。エンジニアとしてさらにスキルアップする段階（村田）最後の項目に入っていきたいと思います。「エンジニアとしてどんなキャリアパスが描けると思いますか」という質問ですが、エンジニアとしてキャリアの長い大場さんお願いできますか。（大場）いまエンジニアの責任者として会社の中での役割を担っていますが、究極的には「事業のためにエンジニアリングをどうするのか」みたいな話になっていくかなと思っています。なので、技術だけではなくて、最近だとよく読んでいるのはマネジメントの本とかビジネス書みたいなところからキャッチアップするような勉強をしたりしてます。（村田）技術だけではなくて、その先の事業をテクノロジーで解決していくみたいなところに進めるようなパスがいいんじゃないかという話ですよね。（村田）では次に、「エンジニアが仕事したいと思う環境はどんなところですか」という質問です。堀井さんいかがでしょうか？（堀井）やっぱりエンジニア目線でいうと自由度が高いであるとか、個人の裁量が大きい方がチャレンジングなことがしやすいですよね。なのでそういう環境をいまの会社で作っていきたいと思ってます。弊社ののコアバリューがいくつかあるんですが、「エンジニアもチャレンジする」というのもあります。ある程度エンジニアの裁量でどういう設計をするかなど決められるような体制になっているので、自分がいいと思ったものをすぐ試せる環境があるのはエンジニアにとっていいのかなと思いますね。（村田）なるほど。では最後の質問として「エンジニアとして成長するためにどんな人がいる会社で働くべきだと思いますか」という質問です。いかがでしょうか？（大場）前職のように本当にエンジニアリングに関して職人みたいな人がいっぱいいるところにいて感じるのは、自分より優秀な人がいるところに身を置くことですね。自分が一番下手になって、あとは登っていくしかないみたいなイメージです。例えば、学生時代にインターンで初めてプログラミングをして、ベンチャー企業を手伝いながら一番下っ端でがんばってたらいつの間にか自分が一番詳しくなっていた。その後、さらに強い奴に会いにいきたいと言って弊社にジョインしてくれたエンジニアがいます。僕自身もいかに自分より優秀な人に来てもらうか、自分自身がキャップにならないようにすごく気をつけていて、優秀な人が活躍できるような環境や会社やサービスが大事だなと思っています。（堀井）これは私もほとんど同意見なんですけれども、自分よりも技術において素晴らしいと思った人がいるところですね。あとは、自分のスキルセットに近しいのを持っている人がいるような環境にいくと、自分のやろうと思っていることが一段引き上げられるのでいいのかなと思っています。あと最近は勉強会とか発表された資料とかがWebサイトにいっぱい上がっているので、そういうのを参考にしながら企業を選んだりするのはいいかなと思ってます。会場からの質問（村田）ここからは会場からの質問を受け付けたいと思います。ーー大場さんにお伺いしたいのですが、ご自身が英語情報で技術をキャッチアップするために気をつけられていることや、社内の方に英語の情報をキャッチアップするためにどんなことをしているのか教えていただけますでしょうか。（大場）今やってることでいうと、オープンソースコミュニティがだいたい英語ベースになっています。日本人しかエンジニアがいないプロダクトでもコミットとかは英語じゃないと受け付けない感じだったりします。社内に関しては、こうしないとみたいなものは今はないのですが、今週の気になる技術みたいなのを社内のGitHubにスレを立てて共有して、みんなが気になった技術は突っ込むようにしています。そういうときに情報ソースが英語のものがたくさんあるので、おのずと危機感が醸成されればと思っています。（村田）他のご質問はいかがでしょうか？ーーエンジニアが少なくて採用が大変だみたいなことを何かで読んだのですが、雇われる側としてどう感じておられるかということと、あと村田さんは育てる側としてどう思われるか教えていただけますでしょうか？（村田）まず育てる側の僕の方から話をさせていただきますね。まずエンジニアが足りてないところは事実です。エンジニアの採用が難しいっていうのは、そもそもマーケットに人材が少ないから取り合いになってるっていうのが一つあります。あとは統計的にもアメリカでは2020年には100万人エンジニアが足りなくなると言われています。日本でも2020年には20〜30万人ぐらいは足りなくなると言われています。インターネットを使ったビジネスはすごい盛り上がって市場も拡大しているのに、そこで働く人が増えていなければ足りなくなりますよね。僕らはそれをエンジニアを増やすことで解決したいと思っています。エンジニアになりたいという方は多いと思っていて、それでも増えないのは仕組みの問題もあると思っています。それが解決できる仕組みがあれば、人が足りないということに対してひとつの力になれるんじゃないかなと。エンジニアが足りないということに対して、大場さんはいかがでしょうか？（大場）エンジニアが足りないと言ってる会社も、2種類あるかなと思っています。 1つはよくよく聞いてみると、あまりエンジニアを大切にするような文化がなくてエンジニアが定着しない会社です。そういう会社の方は、「来てくれても半年くらいで辞めるから、辞めると思ってアウトソースすればいい」といったことを仰る場合もあります。こういったことが負の循環になって常にエンジニアが足りないことが常態化してしまう。僕らみたいなエンジニアリングの重要性を理解していて、Webサービス中心の会社だとまったく事情は違っていて、サービスの成長にともなって、さらに成長させるためにエンジニアは、明確に足りていなくてまだまだ必要だと思っています。TechAcademyさんみたいな取り組みでエンジニアが増えていくのはこれからの日本にはものすごい必要だなと思っています。（堀井）ベンチャーで最近伸びているサービスであれば、やっぱりどうしても人が必要になってきて、実際に弊社でもエンジニアは常にどの職種も募集しています。私もベンチャーの友達とか知り合いも多くて起業する人もいるのですが、その立ち上げにはやっぱりそれなりにWebのことがわかる人がどうしても欲しくなるんですけど、そういうスキルの高い人たちは大手であるとか名の知れた会社とかに勤めています。そもそもその会社からあまり転職市場に出てこないというのは肌感としてはあるので、僕らみたいなベンチャーはいかにいい人たちを見つけて会社のことを知ってもらって、採用につなげるかについていつも苦労しています。なので、需要はかなりあると認識しています。（村田）最後付け加えますね。プログラミングを習い事の視点でみると、換金性の高い習い事だと思うんですね。というのも、例えば10万円払って勉強してプログラミングが習得できれば10万円以上稼げると思うんですね。もちろんクラウドワークスさんのようなクラウドソーシングサービスで仕事を探してそれに応募して自分で遠隔の仕事をするのも一つだと思いますし、自分でメディアを立ち上げるのというのも一つでしょうし。そういった意味でも企業に入るだけじゃなくて働く方法はいくつかあると思います。（村田）お時間になりましたので、最後にこの会の締めくくりということで「これからプログラミングを学習するみなさんへのメッセージ」をお二方からお願いします。まずは堀井さんお願いします。（堀井）私も最初はプログラミング初心者だったんですけど、いろいろ学びながら実際にものづくりができるようになりました。最初はハードルの高い部分もあるのかなと思いますが、楽しみながら学んでいくと自分の可能性も広がって、キャリアを積む上でもいい経験だと思います。ぜひみなさんがんばって欲しいです。プログラミングは楽しいです。（大場）僕からは作るだけじゃなくて問題解決していこうみたいな話もしましたけれども、一方で何かを作り出す・生み出すということは本質的に楽しいことだなと思っています。例えば、快適に作るための環境を整えることに丸一日費やすとか、自分のエディタの設定とか、これだから開発しやすいみたいなことを考えながらものづくりを純粋に楽しむところも実際にあるんですね。そういった気持ちってなかなか社会人になってしまうと忘れてしまったり、思い出せなかったりとかあると思います。今だと、エンジニアになろうみたいなフェーズだといくらでも失敗できるので、何度も作ったり壊したりしながら、ぜひものづくりの楽しみというところを大切にエンジニアを目指していただければなと思いました。（村田）堀井さん、大場さん今日はどうもありがとうございました。イベントレポートは以上です。 TechAcademyではこれからもプログラミング学習者のためのイベントを開催していきます。

イベントレポート

福岡のパソコン教室20選｜特徴や料金を表で比較

福岡県中心部や複数教室のある通いやすいパソコンスクールをピックアップしました。田島悠介今回は、なにか相談受けたんだって？大石ゆかり福岡に住んでる友達がパソコンの知識つけたいって言ったんですが、どこ選べばいいかわからなくて・・・田島悠介それじゃあ福岡にあるパソコンスクールを紹介していくね！大石ゆかりお願いします！目次アクアパソコン教室 Winスクールキュリオステーションパソコン教室アビバ西日本新聞パソコン教室パソコン市民講座アドバンスクール KENスクールパソコン県民講座いちごパソコン教室ヒューマンアカデミーパソコンスクール市民パソコン塾ディードットステーションライトアップパソコン教室パソコン教室ホエールハロー！パソコン教室パソコン教室わかるとできる DTP・Webデザインスクール「Desi」富士通オープンカレッジヤマダパソコンスクールまとめアクアパソコン教室画像引用元：https://aqua-school.com/ 特徴と向いている人「～の基礎講座」、「～の入門講座」という名前のレッスンが主体となっており合計100以上のコースを用意してあります。またレッスン形式もマンツーマンからグループレッスンまであるので自分のレベルに合わせて通うことができます。他にアクアパソコン教室の特徴を挙げると個人レッスンはオーダーメイドのカリキュラムを作成自習スペースが用意されいる基本的なPCスキルからプログラミングまで幅広く学習することができるというところです。講座数も多いので、組み合わせて複数スキルを獲得できるのもアクアパソコン教室の魅力の1つです。プラン・コース一覧【基礎知識】 Microsoft Officeに関する基礎知識 Adobeデザインに関する基礎知識　ほか【プログラミング言語】 VBA PHP JAVA　ほか就職・転職サポート「事務・営業・士業スペシャル」、「再就職支援パック」、「転職お急ぎ講座」など、週力・転職サポートも充実しています。料金入会金 10,000円(税抜) 受講料 4,500円 / 50分テキスト代 1,000円 / 講座割引制度割引に関しての記載は特にありませんが、法人向けの出張講座など法人向けの特別なプログラムが用意されています。住所・アクセス住所福岡県福岡市中央区天神3-4-2 シエルブルー天神4F 電話番号 092-984-0126 アクアパソコン教室 [PR] 未経験からWebエンジニアを目指す方法とはWinスクール画像引用元：https://www.winschool.jp/ 特徴と向いている人年間1484社の企業研修実績をもっており、実務の現場が求めるスキルを習得することができます。講座は全部で6つあります。他にWinスクールの特徴を挙げると国からの助成金をもらえる全国の教室で併用が可能学習ソフトの割引を受けられるといったところです。国からのお墨付きを得た信頼性の高いスクールです。プラン・コース一覧【基礎知識】 Word、Excelに関する基礎知識　ほか【専門知識】 CAD（機械・建築）・3DCAD・インテリア WEBデザイン・WEBプログラミンググラフィックデザイン・映像デザインプログラミング・ネットワーク AI（人工知能）・IoT・スマホアプリ Word・Excel・パソコン資格【プログラミング言語】 C・C# PHP・HTML・CSS JAVA Python　ほか就職・転職サポート Winスクール受講生向けに、就職サポート制度が用意されています。料金料金に関する資料を無料で請求することができます。割引制度 Winスクールの受講に当たって、特別価格でソフトを購入できる割引制度が用意されています。住所・アクセス【北九州小倉校】住所福岡県北九州市小倉北区浅野2-14-1 小倉KMMビル1F 電話番号 093-513-8611 【八幡黒崎イオンタウン校】住所福岡県北九州市八幡西区西曲里町3-1 イオンタウン黒崎店2F 電話番号 093-616-2131 【博多駅前校】住所福岡県福岡市博多区博多駅前1-1-1 博多新三井ビルディング7F 電話番号 092-433-0104 【福岡天神校】住所福岡県福岡市中央区天神一丁目1番1号アクロス福岡 3Ｆ電話番号 092-720-5570 Winスクールキュリオステーション画像引用元：https://curiostation.com/ 特徴と向いている人キュリオステーションは初めてパソコンを触る初心者向けのコースを用意しており主に、Microsoft Officeや自宅で趣味でPCを扱いたい（画像編集や音楽など）方にオススメのスクールです。他にキュリオステーションの特徴を挙げると PCの修理から設定まで行ってくれる POPやプリントやホームページの制作代行をしてくれるといったところです。個人商店などを営まれている方で、ホームページは用意してもらい後は自分で更新できる様にしたいといったこともできるので、自分ですべてやろうと考えていない人にもオススメです。プラン・コース一覧【基礎知識】パソコンに関する基礎知識 Webサイト作成に関する基礎知識 Officeに関する基礎知識　ほか【プログラミング言語】 HTML CSS　ほか料金料金に関する資料を無料で請求することができます。就職・転職サポート就職・昇格を目指すためのMOS(Microsoft Office Specialist)資格対策に特化したコースがあります。住所・アクセス【福大通り店】住所福岡県福岡市城南区七隈4-27-7　カワハラビル　1F 電話番号 092-864-9202 【西新店】住所福岡県福岡市早良区西新5-15-43　ドーミー福岡　1F電話番号 092-844-1472 【六本松店】住所福岡県福岡市中央区草香江2-1-4　プラムビレッジHIRO　1F 電話番号 092-791-6220 【古賀店】住所福岡県古賀市舞の里3-4-5　トライズビルII　1F 電話番号 092-692-5692 【久留米校】住所福岡県久留米市諏訪野町2355-1　第15上野ビル　2F 電話番号 0942-27-8608 キュリオステーションパソコン教室アビバ画像引用元：https://www.aviva.co.jp/ 特徴と向いている人アビバは大手という事もあり、講座のジャンル数と就業サポートが充実しているパソコン教室となっています。講座内容としてはMicrosoftOfficeやAdobeに強いです。他にアビバの特徴を挙げると自己診断をもとに必要なスキルを割り出してくれる様々な講座を組み合わせることができる人材サービス会社経由ですぐに就職ができるといったところです。遠回りをせず、最短最速で次のキャリアに進めるのがアビバの特徴です。プラン・コース一覧【基礎知識】パソコンに関する基礎知識 Officeに関する基礎知識　ほか【プログラミング言語】 VBA JAVA PHP　ほか【資格知識】 MOS クリエイター能力認定試験 ITパスポート　ほか料金料金に関する資料を無料で請求することができます。住所・アクセス【天神校】住所福岡県福岡市中央区天神2-8-30　天神西通りビジネスセンター1F 電話番号 0120-333-336 【博多校】住所福岡市博多区博多駅東2-5-37 博多ニッコービル3F 電話番号 0120-333-336 【小倉校】住所北九州市小倉北区京町3-1-1 COLET/I’m10F 電話番号 0120-333-336 【久留米校】住所久留米市日吉町16-1 ダイマンビル5F 電話番号 0120-333-336 パソコン教室アビバ西日本新聞パソコン教室画像引用元：http://is-pro.net/nishi-np/ 特徴と向いている人西日本新聞パソコン教室は幼児～大人向けまで幅広くコースが用意されているパソコン教室です。特徴としては8歳～に向けた簡単ロボット・プログラミング講座や幼児向けの思考力ブロック講座など、子供の習い事としてプログラミングに触れることができるようになっているという点です。他に西日本新聞パソコン教室の特徴を挙げると資格をたくさん取るための対策ができる Microsoft Officeを一通り扱えるようになれるといったところです。プログラミングではなくビジネス実務のPCスキルを上げたい人にオススメです。プラン・コース一覧【基礎知識】スマートフォンに関する基礎知識 Officeに関する基礎知識　ほか【プログラミング言語】 VBA Java Android　ほか料金料金に関する資料を無料で請求することができます。住所・アクセス【天神校】住所福岡県福岡市中央区天神4-3-20　ノース天神8階電話番号 092-739-3200 【久留米校】住所福岡県久留米市東町31-34　毎日文化会館2階電話番号 0942-38–6223 西日本新聞パソコン教室パソコン市民講座画像引用元：https://www.pc4353.net/ 特徴と向いている人パソコン市民講座は子供～大人に向けて約800種類の講座を受講することができるパソコン教室です。パソコン市民講座では、映像配信学習に対応しており、実際に教室に行かなくても自宅で学習することも可能となっています。他にパソコン市民講座の特徴を挙げると無料映像教材で自宅でも勉強できる 1時間1,500円と格安まずはお試しにPCを使えるようになりたいというひとにオススメです。プラン・コース一覧【基礎知識】パソコンに関する基礎知識 Officeに関する基礎知識スマートフォンに関する基礎知識　ほか【資格知識】 MOS　ほか料金入会金：記載なし月会費：2,204円(税別) / 月受講料：1,500(税別) / 時間テキスト教材費：記載なし ※料金に関する資料を無料で請求することができます。割引制度小学生～大学生は学割として、9,091円(税別) / 月で利用することができます。住所・アクセス【イオンスタイル笹丘教室】住所福岡県福岡市中央区笹丘1-28-74 イオンスタイル笹丘店 1階電話番号 092-753-6633 【スピナマート中井教室】住所福岡県北九州市小倉北区中井4-8-1 スピナマート中井店 1階電話番号 093-582-4066 パソコン市民講座アドバンスクール画像引用元：https://advan-school.jp/ 特徴と向いている人アドバンスクールはプログラマーやネットワークエンジニアからAdobeを利用したデザイナーや映像編集まで様々な専門的分野を学ぶことができるパソコン教室です。また、子供向けのコースも用意されている面も特徴です。他にアドバンスクールの特徴を挙げると講座とアプリを割安セットで購入できるオンライン講座も充実している料金は受講者のカリキュラムに合わせて決定複数の専門スキルを身につけたいひとにオススメです。プラン・コース一覧【基本知識】パソコンに関する基本知識 Officeに関する基本知識　ほか【プログラミング言語】 JAVA Servlet/JSP C　ほか【専門知識】 Photoshop Illustrator DTP　ほか料金入学金：11,000円(税込) 受講料に関しては、月に何回受講したかによって変わります。 ※詳細に関しては、料金に関する資料を無料で請求することができます。割引制度学割：入学金50%OFF さらに1万円割引シニア割：65歳以上の方であれば入学金30％OFF 住所・アクセス【小倉南校】住所福岡県北九州市小倉南区葛原東2-1-1　ベスト電器小倉南店 2F 電話番号 093-473-5810 【福岡天神校】住所福岡県福岡市中央区天神1丁目9-1ベスト電器福岡本店 7F 電話番号 092-791-7988 【福岡西校】住所福岡県福岡市西区北原一丁目15番30号　ベスト電器New伊都店2F 電話番号 092-806-0081 【福岡南校】住所福岡県太宰府市向佐野4-8-47ベスト電器太宰府店2F 電話番号 092-921-0166 【大牟田校】住所福岡県大牟田市旭町2-28-1ベスト電器大牟田ゆめタウン店2F 電話番号 0944-32-9669 アドバンスクール KENスクール画像引用元：https://www.kenschool.jp/ 特徴と向いている人 KENスクールは就職に特化したパソコン教室となっており、IT業界で必要な知識を大方網羅しており、大半の知識を習得できます。特徴として、就職・転職のサポートが手厚く、専任のキャリアアドバイザーが長期的に働くことのできる企業を紹介してくれます。他にKENスクールの特徴を挙げると資格試験と同じ環境で模擬試験を受けることができる現場で使う機材を扱うこともできる複数の校舎を利用することができる次のキャリアが明確に決まっている人にオススメです。プラン・コース一覧【プログラミング言語】 JAVA C VBA PHP　ほか【専門知識】ネットワークに関する専門知識 Web・DTPデザインに関する知識 CADに関する知識　ほか就職・転職サポート専任のキャリアアドバイザーや、転職エージェントサービスにより、長期的に活躍できる企業を抜粋して内定までサポートしてくれます。料金月会員：Officeコース・Webデザインコースのみ　10,000円～ / 月 ※その他コースの料金に関する資料は無料で請求することができます。割引制度学割、提携企業割引があります。住所・アクセス【KENスクール福岡校】住所福岡県福岡市中央区天神1-1-1 アクロス福岡ビル2階電話番号 092-713-5561 KENスクールパソコン県民講座画像引用元：https://pasoken.co.jp/ 特徴と向いている人パソコン県民講座は独自の教材を使用した個別指導によってスキルを習得できるパソコン教室です。このパソコン教室は、以下のような方に向いています。 Officeの基礎を学びたい方パソコンの使い方を学びたい方今すぐに解決したい悩みがある方プラン・コース一覧【基礎知識】 Officeに関する基礎知識パソコンに関する基礎知識　ほか【資格知識】 MOS　ほか料金入会金：11,000円(税込) / 月 (月謝制プランのみ) 月謝制プラン：11,825円(税込)～ / 月おたすけレッスン：5,500円(税込) 住所・アクセス【西新教室】住所福岡市早良区西新5丁目15-24 電話番号 092-821-3888 【飯倉教室】住所福岡県福岡市早良区飯倉4-22-25-1 電話番号 092-836-6525 【大橋教室】住所福岡県福岡市南区大橋1-24-1 電話番号 092-552-5881 【次郎丸教室】住所福岡県福岡市早良区次郎丸4-1-33 電話番号 092-862-1124 【愛宕教室】住所福岡県福岡市西区愛宕1丁目1-23 電話番号 092-834-6273 パソコン県民講座いちごパソコン教室画像引用元：http://ichigopasokon.com/ 特徴と向いている人いちごパソコン教室は決まったプランがなく、仕事上での困り事やOfficeの使い方を受講者に合わせて指導してもらえるパソコン教室です。またSNSやネットショップの使い方など、PCを生活の中で役立てたいという人向けの教室です。プラン・コース一覧【基礎知識】パソコンに関する基礎知識 Officeに関する基礎知識　ほか料金チケット制 5回19,980円〜住所・アクセス住所福岡県福岡市中央区渡辺通1-1-1 サンセルコ4F 電話番号 092-752-6667 いちごパソコン教室ヒューマンアカデミーパソコンスクール画像引用元：https://haa.athuman.com/academy/pc/ 特徴や向いている人ヒューマンアカデミーパソコンスクールは、初めにプレレッスンを受け、自分に足りない必要なスキルを確認してから受講となるのが特徴のパソコン教室です。特徴として、クラスで受ける授業スタイルの他に、「フリータイム受講制」という、仕事後や、土日の空いた時間に授業を受けるというスタイルもあるという点が挙げられます。このパソコン教室は以下のような方に向いています。 Officeの基礎を学びたい方資格を習得したい方プラン・コース一覧【基礎知識】 Officeに関する基礎知識　ほか【資格知識】 MOS ITパスポート　ほか就職・転職サポートグループ会社の人材サービス事業「ヒューマンソリシア」と連携しているため、履歴書や面接の対策、さらに仕事の紹介をしてもらえます。料金入学金：11000円(税込) ITパスポート講座：10120円(税込)/3ヶ月 MOS試験対策講座：27170円(税込)/2ヶ月など住所・アクセス【ヒューマンアカデミー福岡校／佐賀校】住所福岡県福岡市中央区天神４丁目４−１１天神ショッパーズ福岡６階電話番号 0120-15-4149 ヒューマンアカデミーパソコンスクール市民パソコン塾画像引用元：https://www.chuoh.com/ 特徴と向いている人市民パソコン塾は、電源の入れ方からの超初心者から、MOSの資格を取りたい方まで、広い指導を行なっているパソコン教室です。ビジネス向けはもちろん、日常での活用がしたいと思っている方にもおすすめです。また、子供用の講座もあり、年代問わず通うことができます。このパソコン教室は、以下のような方が向いています。パソコンを初めて触る方資格習得を目指している方プラン・コース一覧【基礎知識】パソコンに関する基礎知識 Officeに関する基礎知識 Webサイト作成に関する基礎知識　ほか【資格知識】 MOS　ほか料金入学金は1,000円です。受講料は月謝制になっており、1講座50分につき1,000円、別途、教室維持費が月1,000円かかります。週1回で月に4回受講する場合は、1,000円×4回＋維持費で5,000円といったように、好きなペースで授業を受けることが可能です。住所・アクセス【筑紫野校】住所福岡県筑紫野市二日市中央2-10-21 D.PRESENTS102号（ペッピーキッズクラブ併設校）電話番号 0120-868-003 【太宰府校】住所福岡県太宰府市五条2-2-24 ソニアルカサス101（ペッピーキッズクラブ併設校）電話番号 0120-868-003 【宇美須恵校】住所福岡県糟屋郡須惠町須惠800-1 アルバスエ205（ペッピーキッズクラブ併設校）電話番号 0120-868-003 【ウエストコート姪浜校】住所福岡県福岡市西区内浜1-7-3 レジャービル2F-E（ペッピーキッズクラブ併設校）電話番号 0120-868-003 【ゆめタウン大川校】住所福岡県大川市上巻字野口430-1 ゆめタウン大川店舗内１Ｆ（ペッピーキッズクラブ併設校）電話番号 0120-868-003 市民パソコン塾ディードットステーション画像引用元：https://dstation.jp/ 特徴と向いている人ディードットステーションは、初めてパソコンに触る方から、資格習得を目指している方まで幅広く対応しているパソコン教室です。また定額月謝制で通いたい放題というのもディードットステーションの良いところでしょう。プラン・コース一覧【基礎知識】パソコンに関する基礎知識 Officeに関する基礎知識【プログラミング言語】 Scratch（スクラッチ）料金月謝：3,000円(税抜) 初回のみ20,000〜60,000円(税抜)のコース料金が必要です。住所・アクセス【西新教室】住所福岡県福岡市早良区城西3丁目20‐3親和ビル１F 電話番号 092-985-0843 【久留米教室】住所福岡県久留米市天神町101 Mビル１F 電話番号 0942-46-6555 ディードットステーションライトアップパソコン教室画像引用元：http://www3.coara.or.jp/~lightup/ 特徴と向いている人ライトアップパソコン教室は初心者にスポットを当てたパソコン教室となっています。このパソコン教室は以下のような方に向いています。パソコンに触れたことがない方インターネットを活用してみたいと考えている方プラン・コース一覧【基礎知識】パソコンに関する基礎知識 Excelに関する基礎知識料金入会金：7,800円受講料：9,800円～ / 月割引制度 2人で入会、受講で割引住所・アクセス住所福岡県福岡市博多区博多駅前3丁目6番電話番号 092-483-2829 ライトアップパソコン教室パソコン教室ホエール画像引用元：http://www.ito-pc.jp/hp/ 特徴と向いている人パソコン教室ホエールは独自の教材を使用して、パソコンを触ったことがない方を対象にOfficeが使用できるまでの習得までに対応しているパソコン教室です。このパソコン教室は、以下のような方に向いています。パソコンに触れたことがない方これからパソコンを使ってみたいと考えている方プラン・コース一覧【基礎知識】パソコンに関する基礎知識 Officeに関する基礎知識料金入会金：6,600円(税込) 月謝：6,600円(税込)～ /

プログラミング

「Sketch vs. Figma」デザインツールとして優れているのはどちらか

本稿は、Smashing Magazineのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、WebデザイナーであるChristian Krammer氏によって投稿されました。 UIデザインツールはこれまでにおいてかなりの人気を集めてきました。Affinity Designerや、Gravit、Sketch等の素晴らしいアプリケーションが大きく進化した一方でAdobe XD （Adobe Experience Designの略）やFigma のようなプレイヤーもこのフィールドに参入してきました。個人的には後者に最も魅力を感じます。Sketchとの類似性から、Figmaも最初の段階から簡単に正しく理解できました。更にFigmaは簡単なファイルの共有やvector networks、「constraints」(レスポンシブデザイン向け）、リアルタイムコラボレーションのような他の使い易い競合相手とは明確に違う独自の個性があります。この記事ではSketchとFigma 両方のアプリケーションを細部に渡り比較し、それぞれの長所がどのような点かに焦点を当てていきます。 Sketchの最大の弱点は常にAppleのエコシステムにロックインされている事です。設計するだけではなく、ファイルを開きチェックするのにもMacが必要です。WindowsやLinux上では全く機能しません。その為しばらく経つとSketchファイルのスペックを持つ有料のサービスが現れた訳ですが、それにしても厄介で余分な手順です。上：Sketch 下：Figma これが恐らくFigmaが最初の段階から一線を画す理由の1つです。すなわち、世界中基本的にどのデバイスでもFigmaはWebブラウザで使うことができます。どのインストールも一切不要です。ただChrome（又はFirefox）を開いてアカウントを作成して設計を開始するだけでいいのです。私は以前からずっとブラウザベースのツールを躊躇していましたが、Figmaは一瞬で私の懸念を仏拭しました。Figmaは多数の要素を含みながらもSketchと同様高性能です（もし同様でなければFigmaの方がより高性能です）。 WindowsやMac用のFigmaのスタンドアローンデスクトップアプリも入手可能ですが、基本的にそれらはただのブラウザバージョンのラッパーにすぎません。それらはキーボードショートカットにより優れた一方で、常にオンライン上にいなければなりません。勝者：Figma 理由：プラットフォームに依存しないためユーザビリティ（特徴的機能とユーザーインターフェース）基本的に、FigmaはSketchのインブラウザ版と呼ぶのが最も相応しいでしょう。機能はほぼ同じ、インターフェースも似ている、キーボードショートカットでさえもほぼSketchから受け継いでいる。もし既にSketchを知っていれば、Figmaが2016年の始めにリリースされた時にすぐに簡単に使いこなせるようになったでしょう。 Figmaはリリース当初から様々な点において改善され、いくつかの部分ではSketchを上回ってきました。しかし、プラグインやサードパーティ・ツールとの統合、リアルデータを利用できる機能（Craft Pluginも使用して）など、欠けている機能が未だにいくつかあります。それにも関わらず、この調子で改善が進むとFigmaがSketchに肩を並べるのはもはや時間の問題でしょう。勝者：引き分け理由：現時点では大差はありません。しかしSketchの方があなたの仕事を効率化させる要素を持ち合わせています。価格 Sketchは元々新しいバージョーンごとに約99USドルの初回手数料のみで発売されました。しかしやがてこのビジネスモデルは維持不可能だと判明されます。Bohemian Coding社は最近価格を定期購入が必要なモデルに変更しました。99USドルで1年間の無料アップデートが入手できます。その後はそのまま使い続けることができるか、更に同額を支払うことでまた別の1年アップデートが行えます。この値上がりは当初不適切なように見受けられましたが、デザイナーとしてあなたのメインツールへの99ドルの価値とは何でしょうか？そうです、大した額ではありません。 Adobe’s Creative Cloud の定期購入よりはまだ安いのです。（又、Sketchは何の問題もなく使い続けることができる一方、Creative Cloud の定期購入を辞めたらどのAdobe CC アプリも使い続けることができなくなります。）当分の間は、Figmaは全ての人が無料で使えるようになっていますが、今年後半には変わってくるでしょう。きっと定期購入制になり、月額10~15USドルになるでしょう（あくまで私個人の見解ですが）。確かな事は1つあります。それは、Figmaは学生に対して常に無料でしょう。（Sketchが教師と学生に対しリーズナブルなディスカウントを提供しているのと似ています。）勝者：引き分け理由：Figmaの価格に関する発表はまだない為 [PR] 未経験からWebエンジニアを目指す方法とはコラボレーション機能 Figmaの主な差別化要因は恐らく「マルチプレイヤー」と呼ばれるリアルタイムコラボレーション機能でしょう。その機能を使って他のユーザーと同時に1つのファイルを編集することができるだけでなく、他のユーザーがデザインをいじっているのを見たり、内蔵型のコメント機能を使って変更を知らせることができます。 1つの例として、この同時編集はプレゼンテーションやリモートチームにとって素晴らしく、また関わっている全てユーザーが同じ状態を確認し、意図していなかった上書きを防ぐことができます。 Sketchには（プラグインを使用してですら）そのようなコラボレーション機能はありませんし、多分そのような機能がない方がSketchにとってはよいのかもしれません。なぜなら「このボタンをもっと大きくしよう。ちょっと待てよ、勝手にやっちゃえ！」というような結末をもたらすかもしれないからです。もちろんこれは少し大げさな例です。この機能は多少価値はありますが、事前に特定のルールを決めておかないとリスクがあります。勝者：Figma 理由：同時に同じファイルを複数の人で共同編集できる為ファイル共有とスペックリアルタイムコラボレーション機能に幾らか関連しているのは設計ファイルの共有です。なぜならFigmaではすべての事がブラウザで行われるため、全てのファイルが必然的にURLを持っていて、それを同僚や上司に送ることができます（閲覧専用モードでも可能です）。このブラウザベースのアプローチの別の大きな利点は、開発者をはじめ全ての人がサードパーティツールの必要性なしにすぐにデザインを開き検証できることです。 Figmaでは簡単に他のユーザーとデザインを共有できます。これはまさに、1つのファイルにおいて必要不可欠な全ての情報（例えばフォントサイズや色、寸法、アセットなど）を他の共同制作者に提供するためにSketchに求められているものです。しかしながら、前にも述べたように、ここであなたを手助けするZeplinやSimpli、InVisionの Inspect、Avocode、Marklyなどの有料のツールが必要です。公平な立場からみて、最初の3つは1つのプロジェクトでは無料ですが、より複雑なものに取り組む際にはそれだけでは十分ではないでしょう。更に何らかのツールを必要としている場合や、そのような（正直なところ基本的な）機能にお金をかけたくないというのであれば、MarketchやSketch Measureという無料のプラグインもあります。多くの有料のアプリではコメントを追加したり自動的にスタイルガイドを作成することができます。あるいは、FigmaはSketchのファイルフォーマットをサポートしているので、SketchのファイルをFigmaにインポートしてチェックすることさえできます。左上から右下順に:Avocode、Zeplin、Simpli、Markly。これら全てにおいて様々な方法でSketchのデザインの閲覧、共有可能。もし共同編集者とデザインをちょっと見たいだけであれば、内蔵されているSketch Cloudが正にその役割を果たしてくれます。iOSデバイスでデザインを見るには、Sketch MirrorやFigma Mirrorを使って、Androidのデバイスであれば、MiraやCrystalを使用することができます。 FigmaはAndroidベースのアプリを提供しないのですが、（デスクトップコンピューター上で）フレームかコンポーネントを選択後、デバイス上で「www.figma.com/mobile-app」を開くと、1種のプレビューが見れるでしょう。勝者：Figma 理由：サードパーティツールの必要性なしにブラウザ上で簡単にファイルの共有が可能な為ファイルの整理 Sketchには、ページを提供するという組織能力があるため1つのファイルでアプリやWebサイト全体を作ることができ、ページ同士のスイッチも即座に可能です。Figmaはこの点において後れをとっています。 Figmaはページを提供しませんが少なくとも複数のファイルを1つのプロジェクトに結合することは可能です。左：Sketchでは1つのファイルを複数のページに整理でき簡単にスイッチ可能右：Figmaのプロジェクトは未発達アートボードというSketchのもう1つ重要なコンセプトも適応され強化されました。Figmaでは塗りつぶしやボーダー、エフェクトを簡単にアートボードに適用でき、またそれらをネストしたりグループから簡単に作成することもできます。1つの例として、これにより組み合わされた範囲より大きな要素のコンテナも許容され、「constraints」機能の手助けになりうるでしょう。更には、各アートボードには独自のネストされたレイアウトグリッドがあり、それによりレスポンシブデザインに役立つのです。 Sketchでもアートボードをネストすることが可能ですがそのインプリメンテーションはFigmaと比べると全く有効的ではありません。勝者：引き分け理由：Sketchにはページがあるが、Figmaのアートボード（フレーム）はより有効的な為レスポンシブデザイン Figmaが導入した（Sketchにも何ヶ月か経ってから導入された）機能はレスポンシブデザイン、すなわち、どのように要素が異なるアートボードやデバイスのサイズに対応するかを設定した機能です。 Sketchでそのような機能を提供するプラグインが以前からありますが、ちょっと使いにくい感じがありました。「group resizing」という特有の機能だけはFigmaの「Constrains」機能に匹敵して簡単に使用できます。左：Sketchの「group resizing」機能は1つのドロップダウンメニューで設定され慣れるまで少し時間がかかります。右：Figmaの「constraints」機能はより目で見てわかるようになっています。両者とも基本的に同じような動作ですがその見栄えは一目瞭然。Sketchでは4つのオプション付きのドロップダウンメニューしかなく、操作中に一体どんなふうになるなるのかがイメージしずらいです。Figmaはよりビジュアル化した方法でこれらのプロパティを明確にします。例えば、ある要素をアートボードの端に固定するか、それと均一にリサイズする事などができます。 Figmaの大きな利点はこれらの制約がレイアウトグリッドと一緒に組み合わせることで機能することです。要素は、例えばある列（又は行）に固定されるか、それらの幅に一致します。更には、各軸にこれらの設定を個別に変更することができ、グループだけではなくアートボードにも機能します。Sketchではあり得ない機能です。勝者：Figma 理由：その制約機能は遥かに進化していてより多くのオプションがある為ベクトル　マニピュレーション Figmaが発売された時の1つの大きな特徴は「vector networks」でした。もはやベクトルはただ一連の繋がった点（ノード）ではありません。今や、新しい線でどのノードからも分岐する事ができます。例えば、矢印を作るのなんて朝飯前です。 Figmaのvector networksはベクトルのどの点にもセグメントを追加することができます。しかしそれよりも遥かに勝っているものがあります。ベクトルのパーツはPaint Bucketツールで簡単に塗りつぶされる（又は削除される）事ができます。ベンドツールを使ってセグメント全体を動かす（又は曲げる）事も可能です。そして1つのベクトルから別のベクトルへ線点も同様に）をコピーするのは一瞬でできます。 Figmaのvector networksでセグメントを簡単に動かしたり曲げたりする事ができます。この特殊な機能1つでFigmaはSketchと一線を画しており、アイコンデザインに適したものになっています。それに比べ、Sketchで利用可能なツールはほぼ時代遅れな感じを受けます。Sketchではベクトルオブジェクトを作成し操作するために必要なすべてのものが揃っているかもしれませんが、より複雑なベクトル操作が必要になってくるとすぐに扱いにくくなるでしょう。はじめの図：Figmaでは、ペイント塗りつぶしツールを使って2つの重複した円の塗りつぶされた部分を削除し1つの輪をつくる。 2番目の図：Sketchではブール演算を用い従来の手法を使っている。(ちなみにこの方法はFigmaでも可能) ほとんどの場合、Sketchではある特定のタイプの形を作るのにブール演算を使用しなければいけませんが、その多くはFigmaのvector networksではより簡単に作成可能です。Sketchでは2つのベクトルオブジェクトを繋げたり、またはブール演算が適用された後に形を平らにすることさえしばしば難しいという事実がさらに物事を悪化させます。このアプリはこの点において問題が山積みなのは確かです。勝者：Figma 理由：vector networksは全く新しい次元をベクトルマニピュレーションにもたらします。Sketchにおいてはまだそれと匹敵するものはありません。サポートされているファイルの種類新しいアプリケーションが出るたびに、もしプロジェクトを移行したければ全てをやり直さなければいけないという問題によく直面するでしょう。Figmaではそうではないのです。見事なほどに正確な方法でSketchのファイルを開くことができ、この時点で既にFigmaが優位です。残念なことに逆パターンでは機能しません。1度Figmaでデザインをスタートしたらもうそれを使い続けるしかないのです。SketchにエクスポートすることもPDFファイルを作成すること（またはインポートすること）もできません。SVGにエクスポートするオプションもありますが、デザインアプリケーション間で複雑なファイルをエクスチェンジするのに理想的なフォーマットではありません。エクスポートオプションは一見似ていますがSketchにはより多くのオプションがあります。左：Sketch 右：Fiigma もう1つの制限要因はJPG画像をFigmaでエクスポートしたときにその品質水準を設定できないことです。なので画像を最適化する他のアプリケーションが必要になるかもしれません。Sketchの最新版ではさらにもっとエクスポートのオプションが改善しています。現在ではファイル名に接頭辞と接尾辞の両方を設定できると同様、Androidへのエクスポートをはるかに簡単にさせるエクスポートプリセット機能があります。各アプリケーションがサポートするエクスポートファイル形式を見てみましょう。 Sketch PNG JPG TIFF WebP PDF EPS SVG Figma PNG JPG SVG 勝者：Sketch 理由：より多くのファイル形式とより良い保存、エクスポートのオプションがある為アクセシビリティ FigmaにはSketchで使用できる多くのショートカットキーがありますが、そのアクセシビリティのレベルは同じではありません。Sketchではほぼ全ての事がキープレスで行うことができます。もし気に入らないショートカットキーの組み合わせがあればあなた独自のやり方をシステム環境設定で登録することが可能です（デフォルトによって割り当てられないショートカットコマンドが主になる傾向があります）。 macOSのシステム環境設定でSketchのあなた独自のショートカットキー設定が可能 Figmaはブラウザ上に存在しているためそのようなことは一切不可能です。デスクトップアプリでその点を補うことができますが、特定のメニューバーコマンドが無いせいである特定の機能を単純にキーボードに割り当てることは不可能です。勝者：Sketch 理由：そのアプリケーションのほぼ全ての機能がショートカットキーでアクセスすることができ、更にはカスタマイズできる為シンボル（コンポーネント） 1つの重要な機能がちょうどFigmaに導入されました。それはシンボル、又はここではコンポーネントと呼びます。コンポーネントを使用すると、「instances」の形式で簡単に再利用できる1つの複合オブジェクトにいくつかの要素をを組み合わせることができます。主要なコンポーネントが変更されるとすぐに、全てのインスタンスがその変更点を受け継ぎます。（しかしながら、その同じコンポーネントのバリエーションを考慮して特定のプロパティは個別に修正されます。）最近では、Figmaではファイル間や複数のユーザーと一緒に共有できるコンポーネントのライブラリを作成することさえ可能です。これは確固たるデザインシステムへの大きなステップです。 Sketchでは、個々のインスタンスの修正がインスペクタパネル上でオーバーライドの形で処理されるので、各インスタンスごとにテキスト値や画像の塗りつぶし、ネストされたシンボルの変更が可能です。 Figmaでは、塗りつぶし、ボーダー、効果（影やぼかし）を含め、キャンバスで直に1つの要素のプロパティをアップデートすることができます。上：Sketchではインスペクタパネル上でオーバーライドを使用してシンボルインスタンスの内容を変更します。下：Figmaではテキストの色を含め直接キャンバスキャンバスでコンポーネントのインスタンスをカスタマイズできます。シンボル（コンポーネント）の真の強みはレスポンシブデザインで発揮されます。どちらのアプリでも、親のサイズが変更された時にどの様に要素がシンボル内で反応するか定義することができ、異なる場所や画面のサイズでシンボルを使うこともできます。 Figmaが未だに後れを取っている領域はレイヤーやテキストスタイルです。形やテキストレイヤーのスタイリングを保存することができなく、他の要素と同期することも不可能です。しかしながら、1つの要素から別の要素にスタイリングをコピーして貼り付けることはできます。勝者：引き分け理由：インプリメンテーションは極めて同じレベルですが、Figmaはその共有可能なコンポーネントでわずかに有利です。プラグイン Sketchは並外れて素晴らしい機能を兼ね備えていますが、それを決定打にしているのはSketchを強化させたり足りない機能を補うサードパーティプラグインの存在でしょう。 1度に複数のレイヤーの名前を変更したり、ダイナミックボタンを作成したり、カラーパレットを保存し読み込んだり、Unsplashから簡単に画像を挿入したり、Git機能を有効化したり、Sketchの中でアニメーションを創り出すことができたりなど、使用目的は様々です。プラグインの全リストは公式ディレクトリやGitHub上で見ることができます。公式WebサイトとGitHubの両方で、Sketchの膨大なプラグインのセレクションを閲覧可能です。では、Figmaですが、現段階では全くそのような機能はありません。公平に言うと、Sketchは恐らく開発の初期段階ではこれらの多くの機能はありませんでした。そして将来的にはFigmaにもプラグインエコシステムが導入されるのは確実でしょう。注意したいこと：プラグインがSketchに大きな利点を与えた一方で、それらが何かしらの落とし穴にもなりえます。それらは新しいリリースの度に正常に機能しない傾向があり、Sketchチームは将来の開発者たちを遠ざけないためにも細心の注意を払う必要があります。勝者：Sketch 理由：単純に、Figmaにはプラグインが全くない為プロトタイピング AdobeXDと違ってSketchもFigmaもプロトタイピング機能が備わっていません。今のところFigmaには導入される予定はありませんが、Sketchには少なくとも基本的なプロトタイピング機能をもたらすCraft Pluginがあります。更にその人気でSketchは他のプロトタイピングツールとの幅広く統合することが可能です。例をいくつか挙げると、InVision、 Marvel、Proto.io、Flinto、Framerなどがあります。これらを一緒に使うことによって簡単にデザインをインポートしてアプリを同期することができます。現時点でFigmaと動作する唯一のアプリケーションはFramerです。似たようなツールのサポートが将来どのようになっているか述べるのは難しいですが、そのようなインターフェースが既に製作段階かもしれません。勝者：Sketch 理由：Craft Pluginには説得力のあるプロトタイピング機能がありませんが、Sketchは多くのプロトタイピングサービスと統合している為実データでの作成 Sketchが提供する数あるプラグインの中でいわゆる「content generators」というものを見つけるでしょう。その一例として、ダミーコンテンツでデザインを埋めることができます。しかし、より興味深いことはこれらのちょっとした機能が様々な情報源から実データを引き出すことを可能にし、またJSONファイルの形で内容を挿入することさえ可能です。これにより設計の初期段階でより情報に基づいた判断ができ、エッジケースも明らかにできます。このカテゴリーで最も優れているのはInVisionのCraft Pluginです。それを使ってある要素に内容を追加するとすぐに、1つのステップで簡単にその内容を複製・変更する事ができます。Craftではデザインのアセットを保存し、チーム内で共有したり又は自動的にスタイルガイドの作成も可能です。他の機能やオプションの中でも、SketchのCraft Pluginでは要素を複製し、同時に他の内容を追加することができます。 Craftよりは優れてはいませんが、似たような機能を持つプラグインがもう数個あります。Sketch Data Populator、Content Generator 、 Day Playerがそうです。 Figmaにはまだそのような機能はありませんが、時間の問題だと思います。Adobe XDが少し前に適応したようにアプリにその機能を統合するのか、もしくはプラグインシステムに依存するのか、どちらの手段をとるか興味深いところです。勝者：Sketch 理由：Sketchでは様々なプラグインで備え付きの機能の不足を補い、簡単に実データを使用できる為バージョニング私がいつも行っていることの1つは、始めの頃のデザインがどのような感じだったか見るためにCommand+Zを使って変更点を1つ1つ元に戻すことです。評価の基準を持つか、新しいイテレーションをベースとして複製するかのどちらかです。Figmaはブラウザ上の限られたリソースのためここで行止まりと思うかもしれませんが、実際はSketchに劣ってはなんかいません。どちらのアプリでも古いバージョンをブラウズして復元する事ができ、自動的に保存されます。しかしながら、Sketchのインプリメンテーションは理想とはかけ離れていて、どこから始めるかもわかりません。何といっても時間がかかるのです。実際に閲覧できる前にバージョンを復元しなければいけなかったり、ハードドライブ上でスペースを無駄にする結果になるかもしれません。さらに言えば、クラウド上で(Dropboxを介してなど)複数の人が同じファイルで作業している時に簡単にダメになってしまう可能性があります。 Figmaでは瞬時に前のバージョンを復元する事ができ、複数の人が同じファイルを編集している時はそれぞれの人の変更を分離できるので役に立ちます。それから前の状態に戻ったり、新しいアイデアの出発点としてバージョンを復元することができます。勝者：Figma 理由：Sketchのバージョニングは不完全過ぎて勝敗は明らかです。テキスト機能他の点と同様に、どちらのアプリケーションでもテキスト操作はかなり似ていますが、いくつかの違いは言及する価値があります。デフォルトによってFigmaではGoogle Fontsからでしか選択できないのですが、単純にインストーラーでシステムォントにもアクセスできます。私が常にSketchに物足りなさを感じる部分はテキストレイヤーのボーダーの位置の変更機能です。ここでは「中心」だけが唯一の選択しです。Figmaにはその他にもシェイプレイヤー用であるかのごとく「内側」と「外側」が選択できます。左：Figmaでは、テキスト枠内の垂直の位置（上）が設定でき、さらにボーダーの位置のオプションがある（下）右：SketchではOpenType機能が適用されるさらにFigmaではテキストを垂直に配列する設定ができる為、枠内で垂直に中央揃えすることが容易です。対照的にSketchではより多くのタイポグラフィのオプションがあり、スモールキャップス、古い形式の図形、スタイルの選択肢や合字（フォントでサポートされていれば）等のOpenType機能が適用できます。勝者：引き分け理由：どちらのアプリケーションもそれぞれ違った利点があります。Sketchの方がその進化したタイポグラフィオプションで少しリードしていますが、完全な勝利にはまだ不十分です。結論簡単に各アプリの長所をおさらいしましょう。 Sketchの良い点キーボードのアクセシビリティがより良くサポートされているプラグインとプラグインエコシステムがあるサードパーティツールとサービスを統合可能ファイルタイプとエクスポートオプションが豊富複雑なプロジェクトを1つのファイル（ページ付き）にまとめることが可能 Sketchでは簡単に実データを使えるより洗練されている Figmaの良い点ブラウザベースなので、世界中どの場所からどのプラットフォームでも使用可能リアルタイムで共同作業できるファイルの共有が簡単ベクトルマニピュレーションが優秀（vector networksを介して）レスポンシブデザインオプションがより優れている（constraint機能により）コンポーネントのライブラリを作成しチームのメンバーと共有可能アートボードがより強力今後の展望 2013年のAdobe Fireworksの廃止はUIデザインツール界に大きな空白を残しましたが、Sketchがすぐにその空白を埋めてくれました。 Sketchが大成功を収め、その人気は主なライバルであるPhotoshopに徐々に迫り、ついには昨年インターフェースデザイナーのユーザー間における調査「the tool of choice」でトップの座に輝きました。 Sketchは恐らくWindows版があればより成功したでしょうが、他のツールにも問題はあります。Affinity

アプリデザイン

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

スマートコントラクトの実装で必須！SolidityとRemix開発環境とは【初心者向け】

Solidityとは

Remix開発環境について

Remixとは

Remixの機能

1. エディタ＋コンパイラ

2. 実行

3. デバッガ

4. アナライズ

関連するキーワード

あわせてよく読まれている記事

コントラクト開発に役立つ！browser-solidityを使う方法【初心者向け】

スマートコントラクトの開発で使う言語！Solidityとは【初心者向け】

【プログラミング入門者向け】コンパイラ型言語とは？現役エンジニアが用語解説

これからのエンジニアに必要なスキルとは【非エンジニアサミット・イベントレポート】

福岡のパソコン教室20選｜特徴や料金を表で比較

「Sketch vs. Figma」デザインツールとして優れているのはどちらか

TechAcademyから
現役エンジニアの方へ
お知らせ

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

Solidityとは

Remix開発環境について

Remixとは

Remixの機能

1. エディタ＋コンパイラ

2. 実行

3. デバッガ

4. アナライズ

記事を検索

関連するキーワード

関連する記事

あわせてよく読まれている記事

TechAcademyから 現役エンジニアの方へ お知らせ

TechAcademyから
現役エンジニアの方へ
お知らせ