Python

PythonでDLLを呼び出す方法を現役エンジニアが解説【初心者向け】

初心者向けにPythonでDLLを呼び出す方法について現役エンジニアが解説しています。DLLはWindowsにおける共有ライブラリになります。PythonからWindowsのDLLを使うにはctypes.WinDLL関数を使用します。サンプルではウィンドウを表示させています。

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

PythonでDLLを呼び出す方法について解説します。

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

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

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

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

PythonでDLLを呼び出す方法について詳しく説明していくね！

お願いします！

DLL(ダイナミックリンクライブラリ)とは

DLL(Dynamic Link Library、ダイナミックリンクライブラリ)とは、Windowsにおける共有ライブラリの仕組みです。

DLLは複数のプログラムで同時かつ共通に使用できるコードとデータを含みます。もしDLLがないと、複数のプログラムで都度似たような機能(例えば、ファイルの読み書き、ネットワークでの送受信など)を実装しなければいけません。

DLLを使うことで、共通の機能をDLLにまとめ、複数のプログラムで使い回せます。バグの修正や機能追加でコードを変更したい場合にも、DLLを更新し入れ替えるだけで済みます。

外部関数ライブラリctypesとは

ctypesはPythonのための外部関数ライブラリです。

ctypesを用いることで、共有ライブラリ(Windowsでは*.dll、Linuxでは*.so)の関数を呼び出せます。既存のプログラムが別言語(例えばC、C++)で作成されていて、Pythonからそれらを利用したい場合に便利です。

詳細は公式のリファレンスを参照してください。

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

DLLを呼び出す方法

以下のように、ctypes.WinDLL関数で、引数で指定したDLLを読み込みます。
DLL読み込み後の利用方法は、DLLや関数ごとに異なるため、公開されているリファレンス(API)を参照します。

dll = ctypes.WinDLL(name)

実際に書いてみよう

サンプルコード

import ctypes

user32 = ctypes.WinDLL("user32")
user32.MessageBoxW.argtypes = (ctypes.c_void_p, ctypes.c_wchar_p, ctypes.c_wchar_p, ctypes.c_uint32)
user32.MessageBoxW(None, 'test', 'title', 0)

実行結果

以下のようなウィンドウが表示されました。

PythonでWindowsのDLLを呼び出す方法。

解説

1行目でctypesモジュールをインポートしました。
3行目でuser32.dllを読み込みました。
4,5行目でMessageBoxW関数を呼び出しました。4行目で関数呼び出し前に、引数の型を設定しています。

監修してくれたメンター

橋本紘希

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

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

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

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

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

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

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

Pythonのnoseを利用してユニットテストを書く方法を現役エンジニアが解説【初心者向け】

Pythonのnoseを利用してユニットテストを書く方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説し...

Python

Pythonを業務効率化に活用する方法を現役エンジニアが解説【初心者向け】

Pythonを業務効率化に活用する方法について解説します。そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読...

Python

Pythonにおけるassertの利用方法を現役エンジニアが解説【初心者向け】

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

Python

PythonのNumPyのastype関数について現役エンジニアが解説【初心者向け】

PythonのNumPyのastype関数について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。 ...

Python

Pythonで最適化問題を解く方法を現役エンジニアが解説【初心者向け】

Pythonで最適化問題を解く方法について解説します。そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むと...

Python

Pythonのdatetimeメソッドによるtimezoneの利用方法について現役エンジニアが解説【初心者向け

Pythonのdatetimeメソッドによるtimezoneの利用方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者...

Python

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

JavaScriptで別ファイルの関数を呼び出す方法を現役エンジニアが解説【初心者向け】

JavaScriptで別ファイルの関数を呼び出す方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 JavaScriptで別ファイルの関数を呼び出すことができれば、用途ごとにJavaScriptの関数をまとめることができます。実務でも、複数のライブラリを使用する際、複数のJavaScriptファイルから関数を呼び出すので、ぜひ学習してみてください。目次DLL(ダイナミックリンクライブラリ)とは外部関数ライブラリctypesとはDLLを呼び出す方法実際に書いてみよう監修してくれたメンターそもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。田島悠介今回は、JavaScriptに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介別ファイルの関数を呼び出す方法について詳しく説明していくね！大石ゆかりお願いします！別ファイルを読み込む方法 HTMLからJavaScriptを読み込む場合、scriptタグを利用して読み込みます。 scriptタグを実装する位置は2種類あります。 headタグに実装する場合 bodyタグの終了タグの直前に実装する場合 headタグに実装する場合 headタグに実装する場合は、JavaScriptをbodyタグ内で実行する場合です。ここでは、jQueryをheadタグ内で読み込むことで、bodyタグ内のJavaScriptでjQueryを利用した処理を可能にしています。 Vue.jsなどのフロントエンドフレームワークを利用する際には、headタグ内でVueファイルを読み込み、body内でVueの処理を呼び出す実装行うこともあります。注意点として、headタグに読み込み実装すると、headタグ内のJavaScriptを読み込み終わってからHTMLの表示が始まるため、表示速度が遅くなるというデメリットもあります。 <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <script type="text/javascript"> // スクリプトを<body>内で実行する </script> bodyタグの終了タグの直前に実装する場合現在主流な方法としては、bodyタグの終了タグの直前にscriptタグを実装する方法です。 bodyタグの終了タグの直前にscriptタグを実装する際、複数のファイルを利用することがあります。複数のJavaScriptファイルを呼び出す場合、先にjQueryなどのライブラリを読み込んでおくことで、他のファイルでjQueryが利用されていたときに、エラーなく処理できます。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </body> </html> 別ファイルの関数を呼び出す方法 head内でJavaScriptファイルを2つ呼び出して、関数を呼び出してみます。 HTMLサンプルコード <html> <head> <meta charset="utf-8" /> <title></title> <script src="sample1.js"></script> <script src="sample2.js"></script> </head> <body> <input type="button" id="b1" value="ボタン1" onclick="sample1()"> </body> </html> sample1.jsサンプルコード function sample1() { sample2(); } sample2.jsサンプルコード function sample2() {

JavaScript

JavaScriptで即時関数を使う方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。今回は、JavaScriptで即時関数を使う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発できます。目次DLL(ダイナミックリンクライブラリ)とは外部関数ライブラリctypesとはDLLを呼び出す方法実際に書いてみよう監修してくれたメンターそもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。注意書き本記事で解説されている「無名関数」「即時関数」という概念は、現在のJavaScript開発においてはあまり意識されなくなりました。もともと即時関数はグローバル汚染といって、むやみにグローバル変数を増やさないための方法の1つでもありました。アロー関数という関数の記述法や、constやletといった宣言法が新たに生まれた今、即時関数をあまり意識せずとも安全なコードが書けるようになっているのです。参考：JavaScriptのアロー関数の使い方を現役エンジニアが解説【初心者向け】参考 : JavaScriptで書く「var,let,const」の違いと使い分け方法とはいえ、教養として「無名関数」「即時関数」を学んでおくと、今まで気づかなかったJavaScriptの仕組みが見えてくるかもしれません。上記の注意書きを踏まえた上で、ぜひ記事を閲覧してみてください。関数とは、処理に名前をつけてまとめたものです。無名関数とは、関数名のない関数です。即時関数は、英語で IIFE (Immediately Invoked Function Expression）と呼ばれる即時実行関数式です。関数とは関数とは、処理に名前をつけてまとめたものです。これにより、他の場所から関数を呼び出して使用できます。つまり、何度も利用する処理の場合、呼び出すだけで簡単に利用できます。 fonctionを使い、次のように定義します。 function 関数名( ) { 処理 } 大石ゆかり関数は名前を付けて処理を定義するものですよね？functionで定義すると後ろのほうに書いても、前で使えるんでしたっけ？田島悠介その通り！ただ、JavaScriptの関数には名前をつけないで書くことができる無名関数というのもあるんだよね。大石ゆかり名前がない関数も書くことができるんですか？ [PR] 未経験からWebエンジニアを目指す方法とは無名関数とは無名関数とは、その名の通り関数名なしに関数を定義できるものです。無名関数を利用することは、高階関数を利用する際にコードがシンプルになるというメリットにもつながります。高階関数とは、関数自体を引数や戻り値として扱うことができる関数のことをいいます。高階関数では、引数になる関数が1回きりしか使わない関数の場合が多く、そのため無名関数にすることでコードをシンプルにできます。また、無名関数にすることでグローバルスコープ名を定義する必要がないため、結果的に関数名の重複によるエラーを減らすことにもつながります。通常の関数と無名関数の比較次のプログラムをもとに、名前付き関数と無名関数を比較してみましょう。 function( ) { 処理 } 通常の関数 sumという関数名で定義した関数を、変数answerに代入してconsole.logで呼び出します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset = "utf-8"> <title>JavaScriptの練習</title> </head> <body> <script> function sum(a,b){ var result

JavaScript

【未来のUIデザイナーへ！】初心者のためのプロトタイピングガイド

本稿は、本稿は、Web Designerdepotのブログ記事を、Web Designerdepotより了解を得て日本語翻訳し掲載した記事になります。プロトタイピングの概念そのものは、インターネットの成立以前から存在していました。典型的な例として、新しい製品を開発をする人々は最初に製品を組み立て、次に製品が期待した通りに作動するか試します。最初のバージョンで特許を取得して、潜在的な投資家に製品を見せることもあるかもしれません。もし投資家が独自の生産ラインの設備を利用できるとしたら(例えば既存の会社で働いているなどの理由から)、製造可能なレベルのモデルが完成するまで、製品の開発が進められて、バグの修正も行われます。昔のデモディスクを覚えていますか？機能の制限されたプログラムが入っていたり、ゲームの初歩レベルあるいはゲームが2つだけ入っているようなディスクのことです。プロトタイプはデモディスクと似ている点が多くありますが、よりシンプルでさえあります。 Webサイトやアプリのプロトタイプを作成するのは、期待した通りに作動するか確かめるためです。プロトタイプの目的は、将来の顧客の獲得というよりも、より良い製品を作るのに役立てることです。 Webサイトやアプリのプロトタイプは、製品が期待通りに作動するか確かめるために作成します。またクライアントや潜在的な投資家に製品の作動を示すこともできます。最近では、Webとモバイルアプリ用のプロトタイプ作成アプリが多数登場しています。最近リリースされたデザインツールのAdobe Experience Designerは、Webとモバイルに対応したデザインアプリとしての機能と、プロトタイプ作成用のアプリとしての機能が融合されています。 Adobe社の知名度とプロ向け製品における市場シェアを考えれば、多くの人々が今まで以上にプロトタイプを実践し始めているのも当然かもしれません。今回の記事は初心者向けのガイドです。デザイン業界でどのような経験を積んできたかにかかわらず(あるいは未経験でも)、プロトタイプを日常的に使い始めた方向けに書いています。このガイドでは何よりもまず基本的な原則を説明します。もちろんその後に発展的な情報として、役立つツールやアプリをリンクとともにご案内します。ワイヤーフレーム＆モックアップ VS. プロトタイプデザイナーとしての経験が豊富な方は、すでにワイヤーフレームやモックアップを編集で利用しているかもしれません。ただ、これらは必ずしもプロトタイプとはいえません。ワイヤーフレームやモックアップで問題なのは静的なことです。製品の機能についての多くの情報を伝えることができないのです。このため、製品の動作性についてクライアントやデベロッパーに誤解を与えるおそれもあります。こうした理由から、プロトタイプとは一般的に、何かインタラクティブな要素を持つものと定義できます。ただし、例外的に静的なものにもプロトタイプと見なせるものもあります。例えば、概念的なプロトタイプや、詳細に作成された設計書などです。重要なのは単にインタラクティブであることよりも、製品に期待される機能について情報を伝えられることだからです。それでもやはり、ワイヤーフレームやモックアップは単にプロトタイプの作成によく使われているという理由だけで、誰も捨てようとはしません。いつプロトタイプが必要になるのか？何かがどのように作動するかを示す必要があるときにはいつでも、プロトタイプが必要です。わかりやすい例は、Webアプリやモバイルアプリです。アプリは、モックアップでは簡単に見たり予測したりできない機能を数多く持っている傾向があります。コンテンツ中心型の静的なWebサイトでさえプロトタイプを必要とするかもしれません。 1つの理由として例を挙げると、私は以前クライアントにシンプルなビジネスサイトのモックアップを見せたときに、クライアントから「トップページにある「概要」や「サービス」などをクリックしたら別のページに移行するのか？」、「コンタクトフォームでユーザーが「送信」をクリックしたら、私はメールを受信することになるのか？」と聞かれたことがあります。シンプルなタスクでさえ不確実性を伴うことがあり、プロトタイプは当て推量を解消するのに役立ちます。また、簡単なブラウジングの操作さえ、ユーザーやクライアントによってはわかりづらくて大変な作業となりえます。プロトタイプがあればネットワークからサインオフするときにも、当て推量する手間を省くことができます。加えて、プロトタイプはユーザーテストに役立ちます。ユーザーテストを行うときには、初期段階からプロジェクトのシミュレーションを始めるのがベストです。作業がほとんど完了した後に大きな変更をしなければならない事態は避けたいところです。 [PR] 未経験からWebエンジニアを目指す方法とは4種類のプロトタイププロトタイピングを始める前に、どの種類を使うか決めます。ほとんどのデザイナーたちが実践しているように、どのようなプロジェクトでも複数の種類を組み合わせて使うことができます。 1. 概念的プロトタイプこのプロトタイプは、形の上では完成した製品と全く似ていません。ここでインターフェースのディテールとレイアウトは重要ではありません。インタラクションとプロセスだけに集中します。全てのプロトタイプの目的は製品の動作性を示すことです。その意味で、このプロトタイピングは原始的な形だといえます。機能性だけがテーマであり、形は問題となりません。この段階では、フローチャート、ポストイットのメモ、PowerPointのプレゼンテーション、アイコンでプロセスを説明するビデオを使ったり、身振り手振りを加えてカメラに向かって録音してもいいでしょう。要点を伝えることができれば何でもいいのです。概念的プロトタイプはプロジェクトの初期段階で使われます。プロジェクトにはまだ名前がないかもしれません。アプリやWebサイトもアイデアの段階なので、「こんな感じで作動すると思う。」と話しているかもしれません。 2. ローファイプロトタイプローファイプロトタイプでは、レイアウトやスクリーンのサイズなど具体的な対象を扱うようになります。このプロトタイプは、作られるのも破棄されるのもサイクルが速いです。ローファイプロトタイプの目的は、あなたとクライアントが基本的な部分に満足できるまで、試行錯誤を最速で繰り返すためのものです。だからプロトタイプに愛着を持つべきではありません。ほとんどのプロトタイプは使い捨てであり、それこそが長所です。「ローファイプロトタイプ」は「ワイヤーフレーム」とよく置き換えることができます。この段階では紙に書いて行うこともよくあります。アプリでローファイプロトタイプを作成するときには、他のスクリーンへのリンクやコメントの機能など、基本的なプロトタイピングの機能を備えているものを使うことがおすすめです。ワイヤーフレームのアプリはインターネットとの連携が容易であるというメリットがありますが、やや動きが遅いことも多いです。概念的プロトタイプと同じくプロジェクトの初期段階で使われますが、ビジネスモデルやプロジェクト名はすでに存在している段階でしょう。上手くいくと確信できるものが持てるまで、頭の中で思いつく無数のアイデアをえり分ける時です。 3. ミディアムファイプロトタイプ段階によっては、ローファイプロトタイプでは要点を把握しにくい一方、ハイファイプロトタイプでは十分過ぎることがあります。スタイルガイドを完全には作成していなかったり、まだグラフィカルアセットを全て作り終えていない段階です。ミディアムファイプロトタイプは、このようなデザインの初期～中間の段階で使うことができます。インタラクションのシミュレーション機能を持つプロトタイピング作成アプリによって作られることも多いです。CSSのフレームワークを利用して、HTMLとCSSによって構築することもできます。 BootstrapとFoundationが、現在存在しているプロトタイピングのツールの中ではおそらく主流です。有名ブランドのイメージがあればそれを使うべきですが、ストックイメージでも足りるでしょう。ストックタイプのUIエレメントは、模作のインターフェイスをより速く構築するために使われます。プロトタイピング作成アプリの多くは、これらのUIエレメントのライブラリを持つことが多く、作業の高速化に役立ちます。ミディアムファイプロトタイプは、リテラル思考型(Literal thinker:全体的なイメージよりも、具体的なステップや言葉の定義から考えるような人)で外観や動作の近似を見たいと思うような人に向いています。彼らにとっては、「未完成」のヘッダーの方が、Webサイトのヘッダーに全く見えないようなスケッチ風の代物よりも、まだ耐えられます。リテラル思考のクライアントには、ワイヤーフレームで素早く考えた初期のアイデアを見せる必要はないでしょう。ミディアムファイプロトタイプの段階で見せる方が、彼らに方向性を分かってもらいやすいです。 4. ハイファイプロトタイプこの段階までプロジェクトが進むと、全てのスクリーンのモックアップが完成していて、全てが立派なものになっているでしょう。製品をバックエンドのコードと統合して、人々に製品の動作性を見てもらう時です。ハイファイプロトタイプは通常、デザインに関する最終的な合意をクライアントと結ぶために使われます。ただのPSDファイルを送るだけれはなく、インタラクティブなものを提示しなければなりません。 2つの方法のうちいずれかによって行われます。1つの方法では、静的なHTMLとCSSを利用して、一部をインタラクティブな外観に仕上げます。もう1つの方法では、画像やPSDのファイル形式をインポートできるアプリを利用して、擬似インタラクティブな特性を加えることで完成品のアプリ（製品）の機能を模倣します。アプリによっては、プロトタイプのデモをWeb上(またはモバイルデバイス上)で行うことも可能です。プロトタイピングのメソッドプロトタイプの主な種類を見たところで、次にプロトタイプを実際に作るためのツールをご紹介します。基本的な使い方も含めてすでにほとんどご紹介していますが、さらに詳細を見てみましょう。あなた自身とクライアント双方にとって適合するメソッドを選びましょう。ビデオまたはプレゼンテーションのプロトタイプこれらは具体的な作業がなされる前に、アイデアを売るためによく使われます。そのため通常は、潜在的な投資家を意識したものです。クライアント向けにも使えますが、他の代替手段の方が効率的なコミュニケーションを図るには優れていることも多いです。アドバンテージは人によって異なるでしょう。ビデオとプレゼンテーションのプロトタイプで、利益率を上げるために作られたものは商業型の公式に従います。聴き手が共感できる問題を提示する。あなたの製品によってその問題がどのように解決されるかデモを示す。 (オプションとして)会社のマスコットをデジタル形式で表現して、キャッチフレーズを叫ばせながら楽しそうにダンスさせる。これらのプロトタイプの中にはアイコン、テキスト、イラストレーションを使うだけで完成するものもあります。他にはアニメーションを利用して、要点を説明するのに動きを使うこともあるでしょう。あなたのアイデアを売ることができれば、正しく使いこなせているといえます。ビデオのプロトタイプと紙のプロトタイピングを組み合わせた良い例をご紹介します。Video Prototype for Mobile Cooking App : Youtube動画よりワイヤーフレームワイヤーフレームは紙面上かアプリにおいて作成できます。ワイヤーフレームは通常ローファイプロトタイプと見なされていますが、時間をかければミディアムファイプロトタイプにアップグレードすることも可能です。もっとも労力をかけるだけの価値はほとんどありませんが。ワイヤーフレームは、作成されるのも破棄されるのも速いです。紙面上でワイヤーフレームを作成することが魅力的である理由の1つです。アプリでワイヤーフレームを作ると、より正確なデザインが可能となり、既存のワイヤーフレームから簡単に編集することもできます。しかし、あなた自身以外には誰も見ないであろうスケッチを速く作成できるという点が、やはりワイヤーフレームの長所として一番優れています。しかし、すで述べたようにアプリでワイヤーフレームを作成すると、より簡単にインターフェースの機能を模倣できるというメリットもあります。紙面上に作成したワイヤーフレームをタップしたところでトントン音が鳴るだけですから、面白いかもしれませんが、あなたの意図するところを伝えることはできません。紙のプロトタイプこれはただのスケッチではないという点で、紙面上のワイヤーフレームとは異なります。紙を利用するのは、物理的でフラットな素材でインターフェースのモデルを作るためです。先にご紹介したビデオのプロトタイプにもその例を見ることができます。インターフェースの要素は、紙にスケッチして、カットして作ります。コピーして予備を作ることもあります。そして作ったピースを他の紙の上に集めます。ある要素のサイズが間違っていれば、他の要素の並びを変えたり、新しいサイズの要素を紙をカットして作るなどの方法があります。またワイヤーフレームより「本物」らしいといえます。特に面白さはないとしても、クライアントは紙のモデルを触ることができます。この触覚に訴える方法はクライアントに多くを説明できるので、他のどんな方法より優れていることもあります。誰でも対象をより深く理解するためには、物理的なコンタクトが必要です。UXデザインの半分は、物理的なインタラクションの使い心地を、デジタルのインターフェースで作り直す作業であるといえます。アプリで作成するミディアムファイおよびハイファイプロトタイプこれらは紙のプロトタイプとの共通点が多いです。以下でご紹介するInvisionなどのアプリで作成するプロトタイプは、あらかじめデザインしたインターフェースの要素をもとに作り始め、これらのピースを集めて完成品を模倣します。異なる点は、全ての作業がスクリーン上でなされることです。完成製品のグラフィック作成やブランド化も可能であり、プロトタイプであっても完成製品のように作成することができます。その次はすでに述べたことですが、アプリによって製品のデモをブラウザやモバイルデバイス上で行うこともできます。また手で触れて感じることも可能になります。クライアントの触覚に訴えることで、もし気に入ってもらえれば、最終的な承認を得たも同然です。コードもちろんインタラクションを必要とする場合には、インターフェースのプロトタイプをコードで作るのがいい方法です。その理由もご紹介します。あなたのワークフローによく合う(とにかくブラウザ上でデザインするような場合)。作成するサイトやアプリに、ボタンなどのインタラクティブな要素が多数存在している。製品作成の最終段階でプロトタイプのコードを利用すると、時間の節約になる。インターフェースの機能性のデモを、アプリを使わずにブラウザ上で実行したい。あなたがキーを押すのが好きで、クリックするのは嫌いである。ブラウザ上でプロトタイピングを行うと、特に修正版を作成中はやや時間がかかります。製品の初期段階ではおすすめしません。ミディアム～ハイファイプロトタイプで使うのがベストです。すでにHTMLやCSSで作業を進める方法を好んでいるとしたら、完成間近のプロジェクトを提示するには最良の方法の1つです。フレームワークによるプロトタイピングフレームワークを利用すると、コードを使ったプロトタイピングのスピードを相当上げてくれます。さらに、完成製品用のフレームワークを利用するとしたら、コーディングの量も少なくて済みます。補足として、BootstrapやFoundationのような人気の高いフレームワークを利用して構築された、ドラッグ＆ドロップ形式のWebページ用エディタもあります。これらを使うことで、ローファイプロトタイプからコードを加えた完成製品まで全て作ることができます。または、これらをプロトタイプを速く作る目的だけに使い、プロジェクトの最終段階ではカスタマイズしたコードを使う方法もあります。どちらの方法でも上手くいくでしょう。プロトタイピングのツールとアプリ理論を理解したところで、プロトタイプの作成に進みましょう。紙のプロトタイプやコードだけに限定せず、アプリをどこかで使うと仮定します。良くも悪くも、多数の優良なアプリから選ぶことになります。繰り返しになりますが、結局はあなたに合うものを選ぶことが大切です。モバイルアプリのデモを実行する機能が必要か？Google DriveやDropboxなどのサービスとファイルの同期が必要か？Githubと統合させるか？ローファイ、ミディアムファイ、ハイファイのどのタイプか？アドバンストスクリプト言語(Advanced scripting)か？などから考えましょう。以下にリストアップするアプリは、これらのニーズに対応しています。何に着目すべきか分かりやすいように、アプリごとに最も関連性の高い機能をご紹介します。これらアプリの多くは主にワイヤーフレームのためのツールとして知られています。ワイヤーフレームのソフトウェアは、インタラクティブなプロトタイプに必要な機能を備えていることが一般的です。人によってこれらのアプリを使うことで得られるアドバンテージも異なります。 AdobeのExperience Design CC 現時点では最新のアプリです。このアプリの登場により、今まで飽和状態だった市場に競争を巻き起こすことになりそうです。単にワイヤーフレームのアプリまたはプロトタイピングのアプリというよりも、デザインアプリです。Sketchや開発終了したFireworksと似ていますが、デザインした全てのものからプロトタイプを作り出すことが可能な点が斬新です。今のところMacのプレビューにのみ対応していますが、2016年末までにはWindows版もリリースされる予定です。プレリリース版は無料ですが、完成版のリリース後にはAdobe Creative Cloudのプランに組み込まれます。プレゼンテーションのソフトウェア MicrosoftのPowerPoint、AppleのKeynote、LibreOfficeのImpress、GoogleのSlidesは全てプロトタイプの作成に使えます。プロトタイプについてのコンセプトはそれぞれ異なっています。スライドにリンク機能を加えるだけで、インタラクティビティを模倣できます。コンテンツ中心型のWebサイト用のプロトタイプにも向いています。またこの中のソフトの少なくとも1つは使った経験のある人も多いでしょう。もし使ったことがなければ、ImpressとSlidesは無料で使えます。 InVision InVisionも有名なアプリの1つで、ハイファイプロトタイピング向きです。バージョン管理を特色としていて、リアルタイムの連携機能やフィードバック機能を売りとしています。Marvelのアプリのように、アニメーション、プロトタイプの組込み、デバイス上でのデモ、などの機能もあります。無料プランではプロトタイプ1つまで作成できますが、それ以降は有料プランで月額15USドルかかります。 InVision Justinmind Justinmindはアプリケーションのハイファイプロトタイプを作成するのに向いているように思えます。JustinmindのサイトではレスポンシブデザインのWebサイトのプロトタイプについても言及されています。アプリ上でのデモ機能もあります。今のところ1年間の有料契約(月額換算で19USドル)からスタートできます。 Justinmind Marvel Marvel Appは有名なプロトタイプのアプリです。基本的に無料プランで、アップデートの価格も全てリーズナブルです。注目の機能は、PhotoShipとSketchのサポート、DriveとDropboxとの同期、Webページ上での組込み型プロトタイプです。これらの機能によって、プロトタイプをアニメーション付きのプレゼンテーションに仕上げることもできます。ハイファイプロトタイプの作成に向いています。 Marvel Proto.io Proto.ioはハイファイプロトタイプ向きのアプリです。複合的なインタラクション、アニメーション、ファイル形式のエクスポート、印刷、組込み、デバイスのデモンストレーションなどの機能が全てビルトインされています。15日の無料お試し期間と、月額24USドルのプランから始められます。 Proto.io POP POPが他のアプリと異なっているのは、ワイヤーフレームのスケッチとデジタル形式のプロトタイプのハイブリッドを作成できる点です。 iPhone、Androidフォン、Windowsフォンなどのカメラでスケッチの画像を取り込み、これらをインタラクティブなプロトタイプに変換します。主に紙で作業を進めるタイプの人には、データを共有するのにいいアプリです。プロジェクト2つまでは無料で利用可能で、以降は月額10USドルの有料プランになります。 POP Flairbuilder Flairbuilderはデスクトップアプリですが、プロジェクトにオンラインのビューア(閲覧用ソフトウェア)機能を利用できます。ミディアムファイのワイヤーフレームとプロトタイプに向いています。インタラクションを追加したり、デバイス上でのデモを行うことが可能で、グリッドベースのデザインにも特色があります。ワンタイム料金で99USドルと高額ですが、Axureよりも安いです。 Flairbuilder Flinto Flintoには、Macアプリ版とWeb用ライト版の2つのバージョンがあります。違いはというと、Macのバージョンの方がより複雑なアニメーション、インタラクションなどの機能をテーブル(表)に加えることができます。またSketchからファイル形式をインポートできるのも、Web用ライト版にはない機能です。ワンタイムの購入価格で99USドルかかります。ライト版(月額20USドル)だとデスクトップバージョンのライセンスも含まれるので、両方の良い部分を利用できます。 Flinto [お知らせ]TechAcademyでは初心者でもUI/UXデザインができるようになるUI/UXデザインオンラインブートキャンプを開催しています。現役UI/UXデザイナーのサポートで学びたい場合はご参加ください。

アプリデザイン

JavaScriptのthisについて現役エンジニアが解説【初心者向け】

JavaScriptのthisについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 thisは基本的に呼び出し元のオブジェクトを指すとなんとなく理解している方も多いのではないでしょうか。実は呼び出し元によってthisの内容が変わりますので、しっかり理解していきましょう。目次DLL(ダイナミックリンクライブラリ)とは外部関数ライブラリctypesとはDLLを呼び出す方法実際に書いてみよう監修してくれたメンターそもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。田島悠介今回は、JavaScriptに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 JavaScriptのthisについて詳しく説明していくね！大石ゆかりお願いします！ thisとは JavaScriptのキーワードで、主に呼び出し元のオブジェクトを表します。「主に」と言うのは、関数の実行方法やJavaScriptのモードによってthisの値が変わるからです。 thisを呼び出すパターン thisの呼び出し方は呼び出し元によっていくつかのパターンがあります。メソッドと関数は同義ですが、ここではオブジェクトに定義された関数をメソッド、functionで定義された関数のことを関数とします。メソッドで呼び出す場合メソッドからthisを呼び出す場合は、そのメソッドが定義されているオブジェクトをthisで参照できます。 const human = { age: 20, hello() { console.log(`Hello, I am ${this.age} years old.`); } } human.hello(); // Hello, I am 20 years old. 上記の例では、humanというオブジェクトからhelloメソッドを呼び出しています。 helloメソッドではthis.ageを参照していますが、thisはhumanを指すため、age: 20の20を参照します。関数で呼び出す場合関数からthisを呼び出す場合は、グローバルオブジェクトを参照します。グローバルオブジェクト = windowですので、windowにexampleプロパティを追加し、確認してみます。 window.example = "hello"; function hello(){ console.log(this.example); } hello(); // hello 出力内容がhelloとなるため、グローバルオブジェクトに定義したexampleプロパティを参照していることが分かります。動作させる環境によっては出力結果が上記の通りにならない場合があります。コンストラクタで呼び出す場合コンストラクタからthisを呼び出す場合は、呼び出したオブジェクト自体を参照します。 const Human = function(name, age) {

JavaScript

Pythonにおけるlibraryについて現役エンジニアが解説【初心者向け】

Pythonにおけるlibraryについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプPython講座の内容をもとに紹介しています。田島悠介今回は、Pythonに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 libraryについて詳しく説明していくね！大石ゆかりお願いします！目次 libraryとは Pythonにおける標準ライブラリライブラリの確認方法おすすめのライブラリ便利なライブラリをインストールしてみようまとめ libraryとはライブラリ(library)とは、もともと図書、書庫の意味です。特にIT分野では、プログラムの部品のことを指します。プログラミングでは、しばしば似たような操作を繰り返し行う必要があり、そのたびに都度コーディングするのは非効率です。そのような場合に、共通する処理をライブラリにまとめ、他のプログラムからそのライブラリを呼び出せるようにします。 [PR] 未経験からWebエンジニアを目指す方法とはPythonにおける標準ライブラリ標準ライブラリの充実していることがPythonの長所の一つです。文字列処理、数学の計算、ファイル操作など、プログラミングで必要になる各種操作のかなりの範囲を標準ライブラリのみでカバーしています。標準ライブラリで機能や性能の不足する場合には、PyPIという仕組みでライブラリを追加インストールできます。ライブラリの確認方法標準ライブラリはPython本体と同時にインストールされるので、追加のインストールは不要です。各ライブラリの使い方は、こちらで確認できます。前述のPyPIからライブラリをインストールするには、pipコマンドを使います。例えば以下コマンドでrequestsというライブラリをインストールします。 pip install requests おすすめのライブラリ Tensorflow：機械学習、特にディープラーニングのライブラリ NumPy：科学計算でほぼ標準といってよいライブラリ Matplotlib：グラフ描画でひんぱんに用いられるライブラリ Jupyter：ライブラリというよりも実行環境に近いですが、ノート形式でPythonのコード、テキスト、画像などを保存できる requests：HTTPのライブラリで、HTTPリクエストの送受信を強力にサポートしてくれる便利なライブラリをインストールしてみよう上記で挙げたNumPyをインストールしてみます。 pip install numpy Pythonインタプリタでnumpyライブラリをインポートしてみます。特にエラーが出なければ、インストールは成功しています。 Python 3.8.6 (tags/v3.8.6:db45529, Sep 23 2020, 15:52:53) [MSC v.1927 64 bit (AMD64)] on win32 Type "help", "copyright", "credits" or "license" for more information. >>> import numpy >>> まとめこの記事ではPythonで標準ライブラリ、PyPIライブラリを利用する方法を紹介しました。ライブラリを効果的に活用すると、コーディングの量やバグを減らすことができ、効率的にソフトウェアを開発できます。監修してくれたメンター橋本紘希（はしもとひろき）システムインテグレータ企業勤務のシステムエンジニア。開発実績: Javaプログラムを用いた業務用Webアプリケーションや、基幹システム用バッチアプリケーションなどの設計構築試験。大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは、初心者でもPythonを使った人工知能（AI）や機械学習の基礎を習得できるオンラインブートキャンプPython講座を開催しています。挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

Python

Pythonのおすすめライブラリを現役エンジニアが解説【初心者向け】

Pythonのおすすめライブラリについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Pythonについてそもそもよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプPython講座の内容をもとに紹介しています。田島悠介今回は、Pythonに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 Pythonのおすすめライブラリについて詳しく説明していくね！大石ゆかりお願いします！ライブラリとはライブラリ(library)は、一般的には図書や蔵書という意味です。 IT、ソフトウェア業界では、凡庸性の高いプログラムの共通部品を指します。計算、ファイルの入出力、ネットワーク送受信などはプログラムでは頻出の処理です。これら共通機能を都度コーディングするのは非効率なので、使い回しができるようにライブラリにまとめます。 Python標準ライブラリとは Python標準ライブラリは、Pythonに標準で付属しているライブラリです。 Pythonをインストールするとこれらのライブラリも自動的にインストールされるので、追加インストールなく利用可能です。テキスト処理、ファイル処理、ネットワーク処理など、多様なライブラリがあります。 [PR] 未経験からWebエンジニアを目指す方法とはPythonライブラリの主な種類標準ライブラリでは機能が不足する場合、Python Package Index（PyPL）からライブラリを入手することが可能です。ここではPyPIに登録されているライブラリをいくつか紹介していきましょう。数理処理用ライブラリ NumPy. Pythonで行列計算などの数値計算を行うライブラリです。その他の数値計算ライブラリからも頻繁に利用され、デファクトスタンダードとなっています。こちらの記事でNumpy.の使用法を解説しています。 SciPy 理数系研究や計算のためのトータルパッケージで、NumPyを含む、複数の数値計算ライブラリをまとめて提供しています。スクレイピング用ライブラリ Scrapy Pythonのスクレイピング用フレームワークです。 Scrapyの使用法はこちらの記事をご覧ください。 Beautiful Soup XML, HTML等の文書パーサーで、スクレイピング処理と組み合せて多用されます。 Beautiful Soupの使用法はこちらの記事をご覧ください。マルチメディア用ライブラリ MoviePy Pythonの映像、画像編集用ライブラリです。カットや映像の結合、エフェクトの設定まで可能です。 pyglet Pythonで動作するクロスプラットフォームや複数ウィンドウを制御するために使います。 Pythonのおすすめライブラリ scikit-learnとTensorFlow 機械学習のライブラリです。標準でも多くの分類器やモデルを扱え、機械学習分野の入門者から専門家まで幅広く使用されています。 scikit-learnとTensorFlowの使用法はこちらの記事で解説しています。 Requests HTTP処理ライブラリです。標準ライブラリには、http.requestライブラリがあるものの、GET, POST処理やCookieの扱いをより便利に行えるようになっています。 Requestsの使用法はこちらの記事で解説しています。 Bottle, Flask いずれもWebアプリケーション作成の軽量ライブラリです。PythonにはDjangoというWebアプリケーションフレームワークがあるものの、ちょっとしたWebアプリを作成するには大がかりに感じるでしょう。 BottleやFlaskは中小規模のアプリ作成に向き、少ないコーディング量でWebアプリを作成可能です。 Bottle, Flaskの使用法はこちらの記事で解説しています。執筆してくれたメンター橋本紘希システムインテグレータ企業勤務のシステムエンジニア。開発実績: Javaプログラムを用いた業務用Webアプリケーションや、基幹システム用バッチアプリケーションなどの設計構築試験。大石ゆかり Pythonのおすすめライブラリがわかりやすくて良かったです！田島悠介これからも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは、初心者でもPythonを使った人工知能（AI）や機械学習の基礎を習得できるオンラインブートキャンプを開催しています。また、現役エンジニアから学べる無料体験も実施しているのでぜひ参加してみてください。

Python

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

PythonでDLLを呼び出す方法を現役エンジニアが解説【初心者向け】

DLL(ダイナミックリンクライブラリ)とは

外部関数ライブラリctypesとは

DLLを呼び出す方法