TechAcademy（テックアカデミー） プログラミング Python Pythonにおけるimportエラーの回避方法を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
Python

Pythonにおけるimportエラーの回避方法を現役エンジニアが解説【初心者向け】

初心者向けにPythonにおけるimportエラーの回避方法について現役エンジニアが解説しています。モジュールのインポートが出来なかった場合に発生するエラーです。モジュール名の確認やカレントディレクトリの確認、インストール済みかどうかを確認します。

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

Pythonにおけるimportエラーの回避方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。

 

Pythonについてそもそもよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプ、Python講座の内容をもとに紹介しています。

 

田島悠介

今回は、Pythonに関する内容だね！

大石ゆかり

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

田島悠介

Pythonにおけるimportエラーの回避方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

importエラーとは？

Pythonではimport文でモジュールをインポートできますが、インポート中に問題があるとImportError例外が発生します。

import foo

上記のコードではfooモジュールをインポートしますが、fooモジュールが存在しません。すると、以下のような例外が発生します。

ModuleNotFoundError                       Traceback (most recent call last)
----> 1 import foo
ModuleNotFoundError: No module named 'foo'

ModuleNotFoundErrorはImportErrorのサブクラスです。
 

importエラーを回避するために確認すること

上述の通り、ImportError例外はインポート中に何らかの問題が発生したことを示しています。

ソースコード上のエラー発生箇所周辺で、以下のような点を確認します。

  • モジュール名称が正確か。スペルミスはないか。
  • 自作モジュールの場合にはカレントディレクトリにファイルがあるか。
  • 外部モジュールの場合にはpipコマンドでインストール済か。

 

[PR] 未経験からWebエンジニアを目指す方法とは

importエラーを回避する正しい記述を理解する

Pythonはsys.pathリストに格納されたパス配下でモジュールを探索します。

モジュールを正しく配置しているつもりだがインポートできない場合には、sys.pathの値を調べ調査の手がかりとします。

import sys
print(sys.path)

 

監修してくれたメンター

橋本紘希（はしもとひろき）

システムインテグレータ企業勤務のシステムエンジニア。

開発実績: Javaプログラムを用いた業務用Webアプリケーションや、基幹システム用バッチアプリケーションなどの設計構築試験。

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

TechAcademyでは、初心者でも、Pythonを使った人工知能（AI）や機械学習の基礎を習得できる、オンラインブートキャンプを開催しています。

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

記事を検索

関連するキーワード

関連する記事

Pythonの基本的な文字列操作について現役エンジニアが解説【初心者向け】

Pythonの基本的な文字列操作について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。  ...
Python

Pythonでバックスラッシュを使ってエスケープする方法【初心者向け】

Pythonでバックスラッシュを使ってエスケープする方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なの...
Python

Python2からPython3へソースコードを変換を現役エンジニアが解説【初心者向け】

Python2からPython3へソースコードを変換について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解...
Python

Pythonをダウンロードする方法を現役エンジニアが解説【初心者向け】

Pythonをダウンロードする方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。 &nbs...
Python

Pythonの例外処理の基本try, exceptの使い方を現役エンジニアが解説【初心者向け】

Pythonの例外処理の基本try, exceptの使い方について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何な...
Python

Pythonでfor文（ループ処理）を使う方法を解説【初心者向け】

Pythonでfor文（ループ/繰り返し処理）を使う方法を説明します。 for文は、Pythonに限らずプログラミングをする上で基本的な知識になるので、内...
Python

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

Pythonにおけるno module namedエラーの回避方法を現役エンジニアが解説【初心者向け】

Pythonにおけるno module namedエラーの回避方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次importエラーとは？importエラーを回避するために確認することimportエラーを回避する正しい記述を理解する監修してくれたメンター そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonにおけるno module namedエラーの回避方法について詳しく説明していくね！ 大石ゆかり お願いします！   no module namedエラーとは？ ModuleNotFoundErrorは、importキーワードで指定したモジュールが存在しない場合に発生する例外です。 エラーメッセージはno module named <モジュール名>です。 moduleとは Pythonにおけるmodule（モジュール）とは、機能や役割ごとに処理をまとめたObject（オブジェクト）です。   Pythonでは、method（メソッド）やClass（クラス）をmoduleというファイルにまとめます。 Pythonのmethodとは、Classで定義されている関数であったり、Objectの属性として参照することができる関数を意味します。 Pythonのmethodを利用する場合は、次のような文法で利用します。 オブジェクト.メソッド(引数)   PythonのClassとは、新しいデータの型を作る際の設計図です。 Classを用意することで、同じ処理を何度も実装する必要がなくなります。   PythonのClassを利用する場合は、次のような文法で利用します。 class クラス名: def メソッド名(引数): # 処理   Objectとは、変数などのデータやデータを処理する関数の集まりです。     [PR] 未経験からWebエンジニアを目指す方法とはmoduleを利用する方法 実際にmoduleを利用するための基本的な考え方を解説していきます。   moduleを利用するためのサンプルコード1 from モジュール(拡張子不要) import クラス名   解説1 moduleを利用する場合、moduleファイルを用意する必要があります。 例えば、animals.pyという動物関連の役割をまとめたモジュールがある場合、以下のように記述します。 from animals   .pyという拡張子を記載せず処理を書くことで、animalsモジュールから機能を利用することを宣言します。   そして、animalsモジュールにDogというClass（クラス）が用意されている場合、以下のように記述します。 import Dog   つまり、animalsモジュールからDogクラスを利用する場合は、以下のように記述します。 from animals import Dog     moduleを利用するためのサンプルコード2 import モジュール(拡張子不要)   解説2 例えば、animals.pyという動物関連の役割をまとめたモジュールがあり、animalsモジュールをすべて使いたい場合は以下のように記述します。 import animals   .pyという拡張子を記載せず処理を書くことで、animalsモジュール全体を読み込むことが可能です。   no module namedエラーが発生する原因 no module namedエラーが発生する原因は、以下の2つです。 ・指定したモジュールが存在しない場合 ・指定したモジュールが存在するが未インストールの場合 2つの原因について、それぞれ解説します。   例1 指定したモジュールが存在しない場合 ここでは、指定したモジュールが存在しない場合のエラーを解説します。   サンプルコード from animals import Dog   実行結果   発生エラー ModuleNotFoundError: No module named 'animals'   解説 from animals import Dogを実行するとModuleNotFoundError: No module named ‘animals’というエラーが発生します。 これは、animalsというモジュールは存在しないことが原因です。   解決方法 次のようにanimalsモジュールを用意すればエラーは発生しません。 今回はDogクラスでbow!とほえる機能を利用しています。   例2 指定したモジュールが存在するが未インストールの場合 ここでは、指定したモジュールが存在するが未インストールの場合のエラーを解説します。   サンプルコード import requests   実行結果   発生エラー ModuleNotFoundError: No module named 'requests'   解説 Pythonでは、HTTP処理に有用なrequestsというモジュールがあります。 しかし、標準ではインストールされません。 そのため、上記コードを実行すると以下のようなエラーが発生します。 ModuleNotFoundError:
Python

Javaのエラー「シンボルを見つけられません」の対処法を現役エンジニアが解説【初心者向け】

今回は、エラー「シンボルを見つけられません」が発生したときの対処法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   目次 「シンボルを見つけられません」と表示されたら？ インポート文を書く 実際にやってみよう そもそもJavaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 プログラミングしていると、よく発生するエラー「シンボルを見つけられません」の対処法について詳しく説明していくね！ 大石ゆかり お願いします！     「シンボルを見つけられません」と表示されたら？ Javaでコードを書いてコンパイルしたときに、「シンボルを見つけられません」と表示される場合があります。 これは、Javaにおけるコンパイル時のエラーの1つで、コードに問題があることを示しているものです。 具体的には、変数やクラス、メソッドなどの名前が間違っている場合が多いです。 他にも利用しているクラスのインポート文を書いていない場合があります。 インポート文は、他のパッケージにあるクラスを使用するときに、必ず書く構文です。 インポート文が正しく書かれていなければ、コードを修正してもエラーが解消しないため、注意してください。   [PR] 未経験からWebエンジニアを目指す方法とはインポート文を書く インポート文を書いていない場合のエラーは、単純にプログラムの先頭にコードを加えてコンパイルすれば問題ありません。 インポート文の書き方は、以下になります。 import パッケージ名.クラス名;   例）Listクラス import java.util.List;   実際にやってみよう それでは、実際にインポート文がない場合を例に、エラーが起きてしまうプログラムを修正して、エラーの回避をしてみましょう。 public class SymbolErrorSample{     public static void main(String[] args){         // ArrayListの初期化         List<Integer> list1 = new ArrayList<Integer>();         list1.add(0); list1.add(1); list1.add(2);         // ArrayListを表示         System.out.println(list1);    } }   このコードをコンパイルしてみると、以下のように「シンボルを見つけられません」というエラーが発生してしまいます。 SymbolErrorSample.java:6: エラー: シンボルを見つけられません List<Integer> list1 = new ArrayList<Integer>(); ^
Java

「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
アプリデザイン

【海外のエンジニアが語る！】未経験からプログラマーになるための完全ガイド

本稿は、Codementorのブログ記事を、Codementorより了解を得て日本語翻訳し掲載した記事になります。 本記事は、ThoughtWorksに勤務するソフトウェア・デベロッパーの、ナターシャ・ポストロヴスキによって寄贈されました。   また、オンラインのプログラミングスクールTechAcademyでは、未経験でもプログラミングを習得することが出来ます。   今まで以上に多くの人々が、これまでの伝統とは異なるバックグラウンドから、ソフトウェア開発の世界に参入しています。その背景には、コーディングブートキャンプの開催数が増え続けているのです。業界からは、より多様なタイプのデベロッパーを惹きつけるために、大きな後押しもあります。 また多くの会社は、次の世代のシニアデベロッパーを研修して育てる方が賢い方法だと気づき、もはやシニアデベロッパーに集中した採用は行っていません。 ソフトウェア開発は高報酬な仕事であり、業界全体も好景気です。また、ソフトウェアデベロッパーは、他の多くの職種と比べて、かなりの優待遇を受けられます。 しかし、ソフトウェア開発のキャリアに挑戦しようとする多くの人々を惹きつけているのは、よりやりがいのある仕事への探求心ではないかと、私は思います。   もしあなたがこの記事を読んでいるとしたら、キャリアチェンジを考えているかもしれません。 私自身、あなたと同じような状況にあった時から、まだ1年も経っていません。キャリアチェンジは怖くて、しかし良い刺激にも満ちていると思えることも、よくわかります。あなたが何よりも優先して自分自身に問いかけけるべき質問が1つあります。 Q. ソフトウェア開発職に転職したとして、仕事を好きになれるかどうか？ というのも、雇用されることが可能なスキルレベルに到達するまでには、数多くの事をこなさなければならないため、将来性のある現在のキャリアを犠牲にする可能性もあるからです。 ソフトウェア開発の仕事を好きになれるかについて答えが出なければ、コードでモノ作りをしましょう。 三目並べのゲームを作成しましょう。 その他のゲームを作成しましょう。 小さなオンラインビジネスを始めて開発を自分でしてみましょう。 個人のサイトの構築やデザインをすべて自分でしてみるのもいいでしょう。 プログラミングの課題を解きましょう。 オープンソースにも貢献しましょう。 そして、もしあなたがこれらの事を楽しめるとしたら、ソフトウェアデベロッパーの仕事も好きになれる可能性は高いです。   プログラミングを学ぶには何千通りもの方法がありますが、そのルート設計は、あなた自身に最も合う学習法はどれかという視点から考えるのがいいでしょう。 例えば、オンライン講座を受講したり、講師やメンターを見つけたり、YouTubeのビデオ動画を観たり、書籍を読んだり、コンピュータ・サイエンスの学位を取得したりなど様々な方法があります。 私自身は、上記の方法をすべて組み合わせたコード学習を実践しました。しかし、どんな事よりも私を支えてくれた事があります。   目次 作りたいと情熱的に思えるものを持っている コーディングブートキャンプに参加する プログラミング学習者と繋がる メンターを見つける 集中して学習する キャリアチェンジのために投資をする Githubに公開する ペアプログラミングを経験する 模擬面接を行う エラー駆動開発を行う   作りたいと情熱的に思えるものを持っていること ブログでも、ゲームでも、Webサイトでも、SaaSのスタートアップでも、オンラインデーティングサイトでも、家族の家計管理のためのアプリケーションでも、あなたが目的意識をもって立ち上げたいと思えるプロジェクトを持っていることは、プログラミングの勉強が辛くて困難な時にも、あなたを導いてくれる力となるでしょう。 私はコーディングブートキャンプのメンターとして数ヶ月働いたことがありますが、その時に最も学習速度が速かった生徒は、作りたいと強く思えるものを持っている人達でした。その理由は、彼らは学んだことを、彼ら自身のプロジェクトに応用することができたからです。   [PR] 未経験からWebエンジニアを目指す方法とはもし可能なら、もし自分のためになりそうだと思うなら、あなたもコーディングブートキャンプに参加しましょう 私が初めてコードを学び始めた頃、当時住んでいたオーストラリアのメルボルンには、コーディングブートキャンプがありませんでした。 そのためThe Starter Leagueというアカデミーで学ぶために、3ヶ月間アメリカのシカゴに移住するという抜本的な方法を取りました。今思うとこの決断は、私がソフトウェアデベロッパーになるまでの道のりの中での決定打だったと思います。   良いコーディングブートキャンプの特徴としては、集中できる環境と、困った時にサポートも提供してくれるでしょう。初めてコードを勉強する時には、何に集中して学習すればいいのか、範囲を絞るのも難しく思えるかもしれません。一方、コーディングブートキャンプでは、Webアプリケーションを作るために最低限必要な学習範囲に的を絞って、実体験を通しながら学ぶことができます。 また、コーディングブートキャンプは、プログラミングについての事前知識がないことを前提として、あなたが初歩レベルの段階から最終目標まで到達するためのスキルを教えてくれます。この点は、数多くのプログラミングの記事や動画ビデオとは異なります。 コーディングブートキャンプは、費用が高いので万人向きとは言えませんが、もしあなたが投資価値がありそうだと思うなら、私は強くお薦めします。   プログラミング学習を通して他の人とつながりましょう コードを学習していると時々困難に直面することがあるでしょう。同じ課題を通して、他の人たちとのネットワークを持っておくことは、とても重要です。もし誰も知っている人がいなければ、地域のイベントに参加して人々に話しかけてみましょう。特に、あなたがジュニアデベロッパーに人気のある言語( 特にRubyとJavaScript)を、集中して学習したい場合にはお薦めします。 もしあなたの地域のプログラミングイベントが、初学者のための夜会を時々開催していれば、幸運です。必ず参加してみてください！   業界で働いているメンターを見つけましょう 現役のソフトウェアデベロッパーと交友関係やメンターシップを築くことは、あなたがソフトウェアデベロッパーとなるまでのキャリアチェンジの旅においても、大きな手助けとなるでしょう。彼らは、あなたの地域の業界における面接の文化もよく知っていますし、あなたが行き詰った時にはアドバイスをくれるでしょう。重要なスキルに集中して学ぶことも助けてくれますし、あなたの書いたコードにもフィードバックをくれるでしょう。 あなたが幸運にも、時間を惜しまずに助けてくれるこのようなソフトウェアデベロッパーと出会えたら、何かお礼のお返しもしておきましょう。会った時にランチをごちそうしたりといった、小さな事でもいいでしょう。繰り返しになりますが、イベントはメンターと出会うには素晴らしい方法です。   集中して学習しましょう もしあなたが、主にバックエンドのプログラミングを行うことを望んでいるとしたら、1つの言語とそれからもし可能であれば、1つのWebフレームワークの学習に集中しましょう。 また、JavaScript、HTML、CSSにも多少慣れ親しんでおくことを目指しましょう。ReactやAngularJSのような、人気の高いJavaScriptのMVCフレームワークを集中的に学習するのもいいでしょう。   キャリアチェンジのための投資に備えましょう キャリアチェンジのための書籍、受講コースやクラス、スクリーンキャストの購読などにかかる費用を合わせると、月々何百ドルもの総出費が必要となり、多くのブートキャンプには1万ドルを超える費用もかかるでしょう。 プログラマの給料は過大だと言われているかもしれませんが、あなたがジュニアデベロッパーになった際に受け取る初任給は、実際に4～6万ドルにも登るでしょう。サンフランシスコやニューヨークのようなスタートアップの中心地であれば、それ以上の報酬も望めます。 最初は、このキャリアチェンジに見返りのない投資をしているように思えるかもしれません。しかし長期的に見れば、この投資はリターンの望めるものであり、経験を積むに従ってデベロッパーの報酬は、安定して6桁(10万ドル以上)の領域まで上昇します。   あなたのキャリアチェンジの旅が直線コースでなくても、心配することはありません プログラミングの学習は困難で、時間もかかります。あなたが現在のキャリアや他の約束事と同時並行して行っているとしたら、1週間に数時間でさえ、プログラミングに集中することは難しいかもしれません。 疑念を持ったり、集中力が分散すると、プログラミングの学習を数日、数週間、さらには数ヶ月、停止してしまうこともあるかもしれません。私のケースでは、コーディングブートキャンプに参加してからソフトウェア開発の仕事を得るまでに、約2年間のギャップがありました。本当はもっと早く実現できたのかもしれませんが、日々の生活や疑念が障害となっていたのです。 しかし、ソフトウェア開発があなたの本当にしたい事だとしたら、たとえ途中で道を間違えたり迂回するとしても、最終的には目的地に到着することができるでしょう。   GitHubのプロフィールに表示する情報は選択しましょう GitHubは、Gitリポジトリのオンラインホスティングサービスのことで、バージョン管理のためのプログラミングプロジェクトというのが最も良い表現でしょう。リポジトリがGitHubで公開されると、あなたのコードは誰でも読むことができます。 採用担当のマネジャーは、応募者がどのようなコードを書くのかを知るために、たとえ誰も見ていないような時でさえ、応募者のGitHubのプロフィールをチェックしています。   また採用担当のマネジャーは、ジュニアデベロッパーの応募者を評価する時に、素晴らしいコードを書けることは重視しない代わりに、熱心さ、物事の処理能力、新しい物事への探求心、遊び心などを求めているかもしれません。GitHubのプロフィールからはこうした要素もアピールすることができますが、採用担当のマネジャーは、ほんの数分間くらいしか、あなたのプロフィールを見る時間を割くことができないということは念頭に入れておくべきでしょう。   こうした理由から、素晴らしいまたは興味深いプロジェクトだけを選択して、公開することがいいアイデアだと言えます。あなたの最高のアピール部分にスポットライトを当てるためには、乱雑に散らかったままのプロジェクトや、講座で触れただけのプロジェクトは、有料でも非公開にしておく方がいいでしょう。   困難に直面した時 ジュニアデベロッパーで、特にソフトウェア業界で過小評価されて目立たないグループ出身の人にとっては、自己への疑念は、よく障害となることもあります。しかし、困難に直面したとしても、それはあなたが不向きだからではありません。：単に学ぶべき事が沢山あったり、取り組んでいること自体が難しいというのが、その理由でしょう。 また、あなたにとって難しい事を他の人が簡単にこなしていると、不安になるかもしれません。その人が、あなたと同じくらいの経験値である場合には、特にそうかもしれません。しかし、彼らを長く観察してみると、おそらく、彼らが苦戦していても、あなたにはいとも簡単にこなせる事もあることに気づくことでしょう。   私たちは皆異なっていて、各自がすでに持っている異なるスキルを提供することになりますし、実践方法も皆異なるのです。プログラミングは他のスキルと似ています。：十分に長い期間継続して、上達することを意識すれば、上手くなるでしょう。 Flatiron Schoolの共同設立者であるAvi Flombaum氏は、”誰もが読み書きできるのと同じように、誰もがプログラミングの方法を学ぶことができると、私は強く信じています。”と述べています。   盲点に注意しましょう コンピュータやインターネットの外からは見えない仕組みは、特にテクノロジー分野のバックグラウンドを持たない人にとっては、悩みの種となるほどに複雑です。 １つのプログラミング言語と、１つのWebフレームワークと、JavaScript、HTML、CSSを学習するには、あなたの使える全部の時間を要するかもしれません。   しかし、あなたがジュニアデベロッパーとしてスタートした時は、これらはまだ日々の仕事で関わるテクノロジーのほんの小さな部分でしかないことは実感できないでしょう。次の問いへの答えを考えてみてください。 あなたの書いたコードはどのように実行されるのでしょうか？ あなたの使用している言語のインタプリタやコンパイラは、構文エラーをどうやって見つけるのでしょうか？ ブラウザのツールバーにURLを入力したとき、あなたのコンピュータのスクリーンのWebページ上に、どのように反映されるのでしょうか？ Webサーバーはどのように動いているのでしょうか？ Webサイトを離れてブラウザを再起動した後でも、ログイン状態が保存されているのはなぜでしょう？ あなたの作ったアプリケーションはWebサーバー上でどのように動いているのでしょうか？ あなたのプロジェクトをHerokuやAWS(アマゾンウェブサービス)などでホストするときに、ホスティングサービスの見えない内部では、彼らは何をしているのでしょうか？ 人々が、あるオブジェクトが”メモリの中”にあると表現するとき、何を意味するのでしょうか？ SSHのプロトコルでサーバーに接続するには、どうしたらいいでしょうか？ ビルド・パイプラインを作って利用するにはどうしたらいいでしょうか？ OSはあなたのコンピュータ上でどのように実行されるのでしょうか？   もちろんこの質問リストは、もっと長くなる可能性もあります。学ぶべき事が、圧倒されてしまうほど沢山あります。良い知らせは、あなたがジュニアデベロッパーとして雇用されるには、これら全ての質問への答えを知っている必要はないということです。 しかし、キャリアを積むにしたがって、これらのことを学ぼうと努めるべきでしょう。日々の仕事で使うツールに対する実用的な理解なくしては、本当の意味での良いソフトウェア開発ができるようにはなりません。理解度を高めることことで、より良い選択をできるようになり、デバッグが上達し、デザインの選択も上手くできるようになるでしょう。   あなた独自のスキルを認識しましょう もしあなたが、仕事のミーティングへの参加やその企画、対処の難しいフィードバックへの対応、パフォーマンスレビュー、チームを率いた事などの経験があるとしたら、あなたはすでに最近コンピュータ・サイエンスの学士で卒業した人よりも、貴重なスキルを既に持っていることになります。 会社のステークホルダーとのやり取りをそつなくこなせたり、ミーティングや計画や組織化が得意であったり、単に多くの経験を積んでいたりということも、強みとなります。   最も重要なことは、全体を俯瞰する視点を持つことです。もしあなたが以前に手術室の看護師として勤務した経験があれば、製品にバグが発生したような時でも、冷静に落ち着いて集中力を保ちながら対処できるでしょう。結局のところ、ソフトウェア開発では、誰か人が物理的に傷つくようなことはないのですから！   ペアプログラミングを経験しましょう ペアプログラミングとは、1台のコンピュータを2人のプログラマーでシェアしながら行う共同のコード練習です。1人のデベロッパーがコードを書いている間、もう1人は観察しながら次の事を行います。提案する、質問する、エラーを発見する、書かれているコードをより大きなプログラムに応用するための方法を広い視点から考える。どちらの役もエネルギーを消耗するので、15分～数時間ごとに役交代することが通例です。 ペアプログラミングは、業界でも一般的に実践されている方法で、面接のプロセスでもよく行われます。ペアプログラミングのエキスパートとなる必要はありませんが、初めてペアプロをするときにはおっかなく思えるかもしれません。とりわけ、経験を積んだシニアデベロッパーとペアになって行うときには。 もし可能であれば、あなたも面接の前に、ペアプログラミングの練習をしておくといいでしょう。メンターがいれば、彼らと行いましょう。メンターがいなければ、ハッカソンイベントなどに参加しましょう。   模擬面接をしましょう プログラマーの面接は、今まで経験した面接とはずいぶん違ったものとなる可能性も高いです。面接にはコーディングの課題がよく含まれ、ホワイトボードに擬似コードを書いたり、ペアプログラミングを行ったり、あなたのコードへのフィードバックがなされたりします。コーディングのある面接については、事前に可能な限りオンラインリサーチをしておきましょう。 リサーチしたら、友人と練習をしましょう。ホワイトボードにコードを書いて、シンプルな問題を解いてみましょう。友人にプログラマの面接での一般的な質問をしてもらうよう頼んでみましょう。友人が技術系の人でなくても問題はないです。   テスト駆動開発の前に、エラー駆動開発を実践しましょう コードを勉強する時には、エラーが常に伴うでしょう。 エラーでプログラムが動作しなくなったり、多くのエラーメッセージにも出会うこともあるでしょう。かつて技術系ではなかった人々にとっては、エラーメッセージは怖い代物に思えるかもしれません。 コードを勉強する前には、エラーといえば、ゲームをインストールした時にコンピュータが破壊されたというメッセージ、電話のロック解除をしようとしている時に故障したと表示されるメッセージなどを意味していたかもしれません。   プログラミングを行う時の重要なマインドセットは、エラーメッセージは私たちを助けてくれる存在だと考えることです。 エラーメッセージの赤い文字(Ruby on Railsの場合)でスクリーンが埋め尽くされたり、困惑するほど長いスタックトレースがスクリーンに表示されることもあるかもしれませんが、エラーメッセージはあなたを援助するためにそこに存在しているのです。 多くのデベロッパーは、私たちが平手打ちされたかのように反応してしまうエラーメッセージに出会った時でも、ブラウザやシェルウィンドウから離れてナビゲートしながら、私たちが書いたコードを見て、何がコンピュータをそんなに怒らせたのかを理解しようと試みています。   コーディングブートキャンプのインストラクターJeff Cohen氏は、エラー駆動開発を実践することを私たちに薦めてくれました。この方法では、スピードを落としてエラーメッセージを読む代わりに、一連のエラーによって開発を前に進めます。 例えば、存在しないメソッドを呼び出して、”メソッドが存在しません”というエラーを確認した後に、そのメソッドを作るためのコードを実際に書きます。あるいは、存在しないビューを参照して、”ビューが存在しません”というエラーを確認した後に、そのビューを作成します。 エラーを恐れる必要はありませんし、実際にはあなたをナビゲートしてくれるのです。   テスト駆動開発についても学んで実践しましょう(少なくとも少しは) エラー駆動開発に慣れたら、次のステップはテスト駆動開発です。 TDD(テスト駆動開発)は業界でも需要の高いスキルであり、このスキルに通じていることが雇用条件であるソフトウェア会社もあります。テスト駆動開発とは、あなたの作ったプログラムの作動テストのため、またプログラムをより良く設計するための、コードを書く練習のことです。 あなたがいくつかの機能をプログラムに加えた結果、それ以前には正常に稼働していた何かを壊してしまったとします。これは、テスト駆動開発スキルが役に立つ場面の1つです！   TDDについて解説された初心者のためのプログラミングのリソースはほとんど存在していませんが、それは教えるのが難しい概念だからです。良いテストを書く方法がわからない場合、コードを書くよりもテストを書く方が難しいと思えるかもしれません。 問題を解くためのコードの書き方は知っていても、テストと共にコードを実行する適切な方法がわからないために、それに関するテストをデザインするのに1時間もかかるという状況に遭遇するかもしれません。 TDDを学ぶと、最初は時間もかかりペースが落ちるかもしれませんが、その見返りに自信を持つことができるでしょう。あなたのプログラムが作動するという自信、もし何かが故障しても直ちに知ることができるという自信です。テストは、ジュニアデベロッパーにとって非常に役立つセーフティーネットとなってくれます。   あなたの旅が始まります あなたはまさに今、最も困難で最も挑戦する価値のある旅に出ようとしています。恐れる必要はありません！最終的に到達できるゴールには、満足できて報いのあるキャリアと、テクノロジーを通じて世界をより良いものにできる機会があります。 決して小さな見返りではありません。 あなたの未来はきっと明るいものでしょう。幸運を祈ります！   まとめ いかがだったでしょうか。 未経験からプログラマーを目指す道のりはとても長いように感じた方もいるかもしれませんが、人によっては学習を始めてから数ヶ月から半年で職に就く人もいます。 今回挙げた項目で言えば、単純にプログラマーを目指すのであれば「プログラミングスクールに通う」「Githubに公開する」「模擬面接をする」で十分でしょう。 しかし、学習していく中でつまずくタイミングが出るかと思います。そういった場合にモチベーションを維持するためにも「プログラミング学習者とつながる」「メンターを見つける」といったアクションも非常に重要です。 ぜひ優先度を決めて、学習を進めていきましょう。どのタイミングでも未経験からプログラマーを目指すのに遅すぎるということはありません。 [お知らせ]TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。未経験でもこれからプログラマーとして活躍したいという方はぜひご覧ください！
プログラミング

Pythonで自作モジュールを作る方法を現役エンジニアが解説【初心者向け】

Pythonで自作モジュールを作る方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPython講座の内容をもとに紹介しています。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonで自作モジュールを作る方法について詳しく説明していくね！ 大石ゆかり お願いします！ この記事ではPythonにおいて自作モジュールを作る方法と、それをパッケージ化して使う方法について解説します。 目次 自作モジュールの実装方法 自作モジュールをパッケージ化する方法 自作モジュールをインポートする方法 まとめ   自作モジュールの実装方法 まずは、自作「モジュール」の実装の仕方について説明していきます。 「モジュール」というのは、「関数やクラスの集まり」といったイメージです。この「モジュール」を作るには、単純に関数やクラスを定義したPythonファイルを作成するだけで良いので、簡単かと思います。 例えば、 Hello という文字列を表示するhello()関数をモジュールとして使いたい場合は、 「function.py」という名前で、 def hello():     print('Hello') を保存します。これでモジュールは完成です。このモジュールを使うには、モジュールの保存先と同じディレクトリで、 >>> import function >>> function.hello() とすれば良いです。以上をまとめると、モジュール名.py」という名前で関数やクラスを保存して、同じディレクトリで、 import モジュール名 モジュール名.関数名 もしくは、 モジュール名.クラス名 という手順を踏むことでモジュールの作成と使用ができます。 [PR] 未経験からWebエンジニアを目指す方法とは自作モジュールをパッケージ化する方法 次に、自分で作ったモジュールを「パッケージ化」する方法について説明します。 「パッケージ化」というのは「モジュールを集めてまとめたもの」というイメージです。パッケージとして扱うことによって、いろいろな機能ごとにプログラムを呼び出すことが容易になります。 自作モジュールをパッケージ化する方法ですが、 「パッケージ名」を名前にしてフォルダを作る フォルダ内に「__init__.py」という空ファイルを作成 の2つの手順を踏めば良いです。例えば、先程作ったfunctionモジュールを「tool」という名前でパッケージにする場合は、 tool │─ function.py └─__init__.py という形でディレクトリ構造を作りましょう。 自作モジュールをインポートする方法 パッケージ化したモジュールを使うには、同じディレクトリで、 from パッケージ名 import モジュール名 とすれば、モジュールを使うのと同じように使うことができます。上で作ったtoolパッケージのfunctionモジュールを使う場合は、 >>> from tool import function とすれば、 >>> function.hello() のようにしてモジュールで定義された関数やクラスを使うことができます。 まとめ この記事ではPythonにおいてモジュールを自分で作る方法、そしてそれらをパッケージ化する方法を解説しました。コード量が多くなってくると必ずと言っていいほど必要になってくるので参考にしてみてください。 監修してくれたメンター メンターOS AIプログラミングを使って開発を行う。 プログラミング歴は約3年でPythonは割と得意。好きな物理理論は一般相対性理論で動物も好き。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもPythonを使った人工知能（AI）や機械学習の基礎を習得できるオンラインブートキャンプPython講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Python

Pythonのfromやimportの基礎を現役エンジニアが解説【初心者向け】

Pythonのfromやimportの基礎について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPython講座の内容をもとに紹介しています。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonのfromやimportの基礎について詳しく説明していくね！ 大石ゆかり お願いします！   importとは Pythonのプログラムは複数のファイルに分けることができます。 Pythonの関数を別のファイルに分けてまとめたものをモジュールと呼びます。Pythonの関数には以下の4つの種類があります。 組み込み関数：Python言語に最初から組み込まれている関数群 標準ライブラリ：Pythonをインストールすると一緒にインストールされる関数群 拡張ライブラリ：別途インストールが必要な関数群 ユーザー定義ライブラリ：ユーザー(開発者)が作成した関数群 この中で、組み込み関数以外では、モジュールの読み込みが必要になります。モジュールの読み込みに使うのがimportです。 importは以下のように使用します。2つ目の例のように、モジュール名に別名を付けることもできます。 import モジュール名 import モジュール名 as 別名 読み込んだモジュールの関数は以下のようにピリオドでつなげて使用します。 モジュール名.関数名() なお、importでは以下のように複数のモジュールを読み込むこともできますが、Pythonのコーディング規約(ソースコードを綺麗に書くための手引)であるPEP8によると、1行にまとめず分けた方が良いとされています。 import モジュール1, モジュール2, モジュール3   fromとは モジュール名を指定してモジュールを読み込むのがfromです。 fromは以下のように使用します。 from モジュール名 import 関数名 from モジュール名 import 関数名 as 別名 読み込んだモジュールの関数は、モジュール名を付けること無く使用できます。 関数名() このように便利なfromですが、複数のモジュールに同じ名前の関数があるとimportした際にエラーになってしまうため、注意が必要です。   [PR] 未経験からWebエンジニアを目指す方法とはimportとfromを使って外部ファイルを読み込む それでは実際にimportとfromを使って外部ファイルを読み込んでみましょう。 今回はPythonの標準ライブラリであるmathを読み込んでみたいと思います。まずはimportだけ使った書き方です。 import math # 半径 radius = 10 # 円の面積 area = radius * radius * math.pi # 結果を表示 print('半径=', radius, 'の円の面積は', area , 'です。') 実行結果は以下のようになります。 半径= 10 の円の面積は 314.1592653589793 です。 次に、 from を使って書いてみましょう。 from math import pi # 半径 radius = 10 # 円の面積(直接piと書いている点に注意) area = radius * radius * pi #
Python

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

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

オーダーメイドコース
TechAcademy（テックアカデミー） プログラミング Python Pythonにおけるimportエラーの回避方法を現役エンジニアが解説【初心者向け】