TechAcademy（テックアカデミー） プログラミング Python Pythonを利用したLINE Botの作り方を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
Python

Pythonを利用したLINE Botの作り方を現役エンジニアが解説【初心者向け】

初心者向けにPythonを利用したLINEのBotの作り方について解説しています。Bot(ボット)とは機械による自動発言プログラミングのことです。ブログに投稿したらTwitterにも投稿されるというようなプログラムが有名です。

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

Pythonを利用したLINEのBotの作り方について解説します。

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

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

LINEのBotの作り方について詳しく説明していくね！

大石ゆかり

お願いします！

 

LINEのBotの作り方

LINEとの連携のためにline-bot-sdk-pythonを使います。LINE Massaging APIを利用するために事前準備が必要です。詳細は公式の文書を参照してください。

 

環境

この記事では以下の環境を使用しました。

  • Amazon EC2 インスタンス: インターネットに公開されたWebサーバが必要なため
  • Fastly: HTTPS通信をHTTP通信に変換するため(*)

(*)作成するプログラムはHTTPの通信を受け付けます。

一方で、LINE Messaging APIのWebhookを利用しますが、仕様上HTTPSでの通信のみ対応しています。よって以下の構成とすることで、HTTPS通信をHTTPに変換しました。

  • LINE Messaging API → Fastly → EC2インスタンス

(注)この構成ではFastlyとEC2インスタンスの間の通信が平文になります。通信内容が保護されないため、試験や動作確認目的でのみ用いるべきです。重要なデータをやりとりしてはいけません。

 

手順

  1. Amazon EC2インスタンスを作成しました
  2. プログラムはTCP 8000ポートで接続を受け付けます
  3. セキュリティグループの設定でTCP 8000ポートへの通信を許可しておきます
  4. 以下のコマンドでline-bot-sdk-pythonをインストールしました

 

pip install line-bot-sdk

FastlyでCDNを設定しました。LINE Messaging APIを受け付けるフロントエンドと、転送先のバックエンドのURLはそれぞれ以下のような形式になります。

 

フロントエンド

https://<自分で設定する>.freetls.fastly.net/callback

 

バックエンド

https://<上で作成したインスタンス依存>.compute.amazonaws.com/callback

LINE Developersコンソールで、チャネルを作成しました。以下の設定を記録、変更しました。

  • Channel Secret: 後のプロセスで必要になります
  • アクセストークン: 後のプロセスで必要になります
  • Webhook URL: 上記のフロントエンドURLを設定しました
  • 自動応答メッセージ: 「利用しない」に設定しました

以下のコマンドで、環境変数を設定しました。

export LINE_CHANNEL_SECRET=<上記で控えたChannel Secret>
export LINE_CHANNEL_ACCESS_TOKEN=<上記で控えたアクセストークン>

 

line-bot-sdk-pythonに付属しているサンプルコードを実行しました。

python app.py

LINEで友達に追加し、メッセージを送信しました。下の画像のように、送信したメッセージがそのまま返信されてくる(echo)ことを確認できました。

PythonによるLine Botプログラミング

なお、プログラムを実行しているコンソールでも、以下のようなログが表示されます。

 

(line_bot) [ec2-user@ip-10-0-0-123 line_bot]$ python app.py
157.52.91.50 - - [26/Mar/2019 23:42:46] "POST /callback HTTP/1.1" 200 2
157.52.91.44 - - [26/Mar/2019 23:43:00] "POST /callback HTTP/1.1" 200 2
157.52.91.41 - - [26/Mar/2019 23:59:35] "POST /callback HTTP/1.1" 200 2
157.52.91.23 - - [26/Mar/2019 23:59:40] "POST /callback HTTP/1.1" 200 2
157.52.91.50 - - [27/Mar/2019 00:00:00] "POST /callback HTTP/1.1" 200 2
43.249.72.33 - - [27/Mar/2019 00:00:34] "POST /callback HTTP/1.1" 200 2

 

サンプルコード

  • 上記でも紹介した、送信したメッセージをそのまま返信する
  • プログラム同上、WebアプリケーションフレームワークのFlaskを使用し、簡潔にしたプログラム

監修してくれたメンター

橋本紘希

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

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

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

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

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

記事を検索

関連するキーワード

関連する記事

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

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

Pythonをsudoで実行する方法を現役エンジニアが解説【初心者向け】

Pythonをsudoで実行する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読む...
Python

昇順で並び替える！Pythonでsortメソッドを使う方法【初心者向け】

今回は、Pythonでsortを使う方法を解説します。 sortメソッドを使うことで、配列を昇順に並べることができます。   なお本...
Python

Pythonでitertoolsモジュールを使って直積を求める方法 【初心者向け】

Pythonで直積を求める方法 （itertoolsモジュールの使い方）について解説します。 そもそもPythonについてよく分からないという方は、Pyt...
Python

Pythonのクラスに用いられるprivate変数の利用方法を現役エンジニアが解説【初心者向け】

Pythonのクラスに用いられるprivate変数の利用方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何...
Python

Pythonで変数に格納した配列要素を削除する方法を現役エンジニアが解説【初心者向け】

Pythonで配列の要素を削除する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読...
Python

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

PHPでhttpかhttpsかを判定する方法を現役エンジニアが解説【初心者向け】

今回は、PHPでhttpかhttpsかを判定する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   PHPについてそもそもよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、PHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPでhttpかhttpsかを判定する方法について詳しく説明していくね！ 大石ゆかり お願いします！   httpとhttpsの違いとは この記事では、PHPでhttpかhttpsかを判定する方法を紹介します。 まずは、httpとhttpsの違いについてついて説明していきます。 HTTPとは「Hyper Text Transfer Protocol（ハイパーテキストトランスファープロトコル）」のことです。 ホームページのデータは文字だけでなく画像や動画などがあります。これらのデータをサーバとクライアントの間で通信するときの通信規約（プロトコル）がHTTPです。 HTTPに対してHTTPSには文字列の最後に「S」が付いています。この最後の「S」は「Secure（セキュア）」の「S」です。HTTPSもHTTPと同じプロトコルの一つですが、HTTPSではSSL（Secure Socket Layer）というプロトコルが使用されています。 SSLのプロトコルを使用することによりその通信の内容は暗号化されます。URLがhttpかhttpsかで何が変わるかというと、通信内容が暗号化されているか、されていないかの違いとなります。 URLがhttp://で始まるものは暗号化されておらず、URLがhttps://で始まるものは暗号化されているものとなります。暗号化されているということは、通信を行う際の安全性が高まり、通信経路の盗聴や改ざんによる、詐欺被害や、ハッキング、無線LAN経由でのサイバー攻撃などを受けにくくなります。 反対にHTTP通信を行うことは、そのような被害を受けやすく、HTTPS通信を行うことが推奨されています。   httpsを判定する方法 上記の通り、HTTPでの通信はセキュリティ面の安全性が不十分のため、もしユーザーがHTTP通信を行った場合、HTTPS通信に変換するような処理を行ったりすることができ、より安全にシステムの利用、運用を行えます。 それでは、まずはユーザーがHTTP・HTTPSのどちらでシステムにアクセスしているか半別する方法を紹介します。 echo $_SERVER['HTTP']; 通信プロトコルの内容を知りたい時にPHPでは基本的に、$_SERVER というスーパーグローバル変数にアクセスすることで値を取得できます。 上記では$_SERVERにHTTPという文字列を指定することで、通信の内容がHTTP通信であるかを確認できます。 もし、HTTP通信であった場合は以下の結果となります 'on' 反対にHTTP通信でなかった場合は「NULL」になります。 また、$_SERVERにHTTPSの文字列を渡すことで、その通信内容がHTTPSかどうかを判別できます。   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう それでは、上記の判定方法を利用して、HTTP通信でシステムにアクセスされた場合、 HTTPS通信に変換するようなソースを見ていきましょう。 <?php // HTTPS通信でなかった場合HTTPS通信でリダイレクトする if (empty($_SERVER['HTTPS'])) { header("Location: https://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}"); exit; } 上記のソースでは、まず、通信内容がHTTPSかどうかを判定し、そうでなかった場合は、https://で始まるURLに変換し、リダイレクト（自動的に指定したURLに転送）するという内容になっています。 このような処理を行うことで、HTTPS通信による安全なシステムのアクセスできます。   筆者プロフィール 平野大輝（ひらのだいき） スキル：PHP・Java・JavaScriptを用いて様々なアプリを開発するWebエンジニア。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、PHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
PHP

PHPでarray_walkを使う方法【初心者向け】

PHPでarray_walkを使う方法について解説します。 array_walk関数を使うと、配列の各要素に対して処理を適用させることが出来ます。   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPでarray_walkを使う方法について詳しく説明していくね！ 大石ゆかり お願いします！   array_walkとは PHPに標準で用意されている関数で、配列の各要素に対して指定したcallback処理を行えます。foreach文で同様の処理を実現することができますが、array_walkを使用するとコード量を抑えて書けます。 また、ほとんど同様の処理ができる関数としてarray_map関数があります。 こちらも配列の各要素に対して指定したcallback処理を行えますが、array_walkと何が違うのでしょうか。   では、array_walkとarray_mapをどう使い分けるのか、それぞれの関数の差異を説明していきます。 1つ目の違いは、array_walkは各配列の要素に対して値を上書きすることができますが、array_mapはそれができません。配列の要素を上書きしたい場合はarray_walkを使用して、上書きする必要がない場合はarray_mapを使いましょう。 2つ目の違いは、array_walkは添字/キーをcallbackの引数に取れるので、値とキーを利用した処理を行えます。一方でarray_mapではcallbackの引数には値しか渡ってこないので、添字/キーを扱う処理が行なえません。添字/キー・値を利用する処理を行う場合は、array_walkを使いましょう。   array_walkの書き方 第1引数には対象となる配列を渡します。（※必須） 第2引数には各要素に対して行う処理をcallbackで渡します。（※必須） このcallbackは第1引数に各要素の値、第2引数に各の要素のキー/添字を受け取ります。 第3引数には第2引数で渡したcallbackの第3引数に渡せる値を渡します。（※任意）   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう // 数字が入っている配列 $numbers = [1,2,3,4,5]; // callbackの第1引数を参照渡しすることで、上書きが可能になります array_walk($numbers, function(&$val, $index) { // 添字/キーを出力します。今回は添字になるので0~4までの値が$indexに渡ってきます echo '添字/キーは '.$index.PHP_EOL; $val = $val * 10; }); // 各要素が10倍になっています print_r('【array_walkで各要素を10倍にする】'); print_r($numbers); // 配列の中身をリセットする $numbers = [1,2,3,4,5]; // array_mapは第1引数にcallback、第2引数に配列です // array_walkと同様にcallbackの第1引数を参照渡しにします array_map(function(&$val) { $val = $val * 10; }, $numbers); // 各要素に変化はなく上書きされていないことがわかります print_r('【array_mapで各要素を10倍しようとしたけど、更新されてない】'); print_r($numbers);   この記事を監修してくれた方 青木 敦史（あおきあつし） 昼間は自社のWebサービスを運営している会社でフロントエンド/バックエンドを担当しているエンジニア。 Webエンジニアの経験は5年ほどです。TechAcademyではPHP/Laravelコースを担当しています。 開発実績: メイクレッスン支援アプリ / 電力自由化パッケージ / 携帯電話料金計算 / ライブチャットサービス   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
PHP

プログラミングが学べる「大阪電気通信大学」について

本記事ではプログラミングが学べる「大阪電気通信大学」について紹介します。 大阪電気通信大学の特徴からプログラミングを学べる学部/学科の特色など、公式HPをもとにまとめていますので、ぜひ大学選びの参考にしてください。 目次 大阪電気通信大学について 情報通信工学部の特色・基本情報 総合情報学部の特色・基本情報 プログラミングを学ぶなら「大阪電気通信大学」をチェック！ 大阪電気通信大学について 大阪電気通信大学の起源は、1941年に創設された東亜電気通信工学校にさかのぼり、大学としての起源は1958年に創設された大阪電気通信短期大学が直接的前身となります。 大阪電気通信短期大学における電子工学科の開設は、東京大学・大阪大学の電子工学科の開設と同時でした。 私学としてはわが国初のことです。 さらに、電子工学はわが国の工業立国の礎となるとの認識の下、産業界からは専門技術者育成のための4年制大学が切望され、結果3年後の1961年に大阪電気通信大学が創設されました。 大阪電気通信大学は、実学の大学として実社会で役立つ教育研究を推進し、それを通して学生の問題発掘能力や課題解決能力の養成を目指した実践的教育（PBL）を行っています。 先端科学技術の教育研究を支えるために、社会との連携をはかりながら活発な先端的研究活動を推進し以下のような施設を設置しています。 エレクトロニクス基礎研究所 メカトロニクス基礎研究所 先端マルチメディア合同研究所 情報学研究所 メディアコミュニケーションセンター 衛星通信研究施設 ◇大阪電気通信大学 3つのキャンパス 寝屋川キャンパス 京阪本線「 寝屋川市」駅から徒歩7分。次世代のテクノロジーを生み出すための実験施設や、学びと交流が一体となった校舎が、このキャンパスに集結しています。 駅前キャンパス 金融経済学部、esportsプロジェクトの拠点として使用される7階建てのキャンパス。学生ラウンジやメディアセンター、資料室なども設けられ、新しい学びと交流が生まれています。 四條畷キャンパス 美しい自然に囲まれたキャンパス。大阪平野を一望できる高台にあり、クリエイティブな発想を生み出したり、実習や研究に打ち込むのにぴったりの環境です。 ◇プログラミングが学べる学部/学科 情報通信工学部 / 情報工学科 総合情報学部 / 情報学科 [PR] 未経験からWebエンジニアを目指す方法とは情報通信工学部の特色・基本情報 学部キャンパス：寝屋川キャンパス 偏差値：40.0 入試倍率：6.6倍 （T日程）※2020年度 学部学生数：240人（男94％:女６％）※2020年時点 《昼夜》学科 年度 初年度 納入金額 入学金 授業料 施設費 実習費 納入方法 情報工学科 2021 1,522,000 200,000 1,282,000 0 0 ２段 【大阪電気通信大学 情報通信工学部のポイント】 ソフトウェアや通信で高度情報化社会をリードする この学部では、ネットワークやソフトウエア開発、光通信やADSL回線といったブロードバンドなど、高度情報化社会を牽引するトップリーダーを育成します。 この学部には、情報工学科と通信工学科があります。 情報工学科では、武器はコンピュータ・キーワードは情報とし、しなやかな専門性を磨くことができます。 将来のイメージは、システム・ネットワーク開発、ソフトウエア開発、マルチメディア関連といったハードウエア・ソフトウエアそれぞれのIT分野を目指います。 通信工学科では、通信ネットワークの将来を担う次世代のエンジニアを育成します。 将来のイメージは、通信設備産業、システムエンジニア、プログラマー、ネットワークエンジニアといった、ネットワークエンジニア・システムエンジニアなどの通信分野を目指しています。 ■情報通信工学部〈情報工学科〉 この学科ではコンピュータを使いこなし、人間の知的活動のための「情報」を発生・伝達・収集・蓄積・処理する先進の理論と技術を追究します。 人工知能（AI）、IoT、データベース、バーチャルリアリティ、メディア情報処理、データ・サイエンス等、学びの対象は実に多様です。 情報工学科では、学生の資格取得を全力で応援しています。 たとえば、情報処理の入門資格である「ITパスポート」の取得を推進するため、夏季休暇中に学科主催で集中講座を開講。 1年次の必修科目「コンピュータ工学1・2」を中心とした授業で、より発展的な内容の「基本情報技術者試験」にも対応可能な基礎知識をカバーできるようになっています。 オンラインで学修できるe-learningも整備しており、自習の環境もばっちり。さらには、学科指定の資格を取得することで受験料相当を返金する独自の奨学制度まで設けられています。 ■情報通信工学部 卒業後の進路 【情報工学科】 情報工学科の就職実績（2017年〜2019年）です。 情報通信業が43％と大部分を占めています。 総合情報学部の特色・基本情報 学部キャンパス：四條畷キャンパス 偏差値：42.5 入試倍率：8.0倍 （T日程）※2020年度 学部学生数：340 人（男89％:女11％）※2020年時点 《昼夜》学科 年度 初年度 納入金額 入学金 授業料 施設費 実習費 納入方法 情報学科 2021 1,522,000 200,000 1,282,000 0 0 ２段 【大阪電気通信大学 総合情報学部のポイント】 新たなエンターテインメントで社会をもっと豊かにする この学部では、CGアニメーションなどの映像や音楽、デジタルゲームなどのエンターテインメント分野で、次世代を担う独創的なクリエイターを養成します。 ゲーム制作を軸に、カルチャーやアート等多分野での表現力を磨く、デジタルゲーム学科。 映像やアニメーション、イベント等のメディアを駆使してゲームの可能性を拡張するゲーム＆メディア学科。 スマートフォン、バーチャルリアリティ等新時代の情報技術を切り拓く情報学科。 以上の3つの学科からなる学部です。 ■総合情報学部〈情報学科〉 この学科では日々進歩する情報学を学ぶために、2つのコースを設置しています。 JABEE認定の「コンピュータサイエンスコース」では、情報技術のスペシャリストを育成。「デジタルメディアコース」では、デジタルコンテンツのデザインやマネジメントの学びを深めます。 情報学科の升谷研究室ではロボット研究の一環として、「ODENS」というチーム名で毎年ロボカップの国内大会に参加しています。 ロボカップは世界的なロボット競技会で、さまざまなリーグが実施されています。 その中で升谷研究室が参加しているのは、サッカー小型リーグヒト型部門と、アットホームリーグのエデュケーション部門の2リーグ。 前者では、3台のロボットにチームでサッカーをさせるためにどのようにプログラムをつくるかが最も重要な課題です。 後者では、音声やジェスチャで人とコミュニケーションし、人と協調して作業するためのプログラムをつくらなければいけません。 どちらのリーグでも競技会に参加することは、勝敗を競うだけでなく、研究の成果を検証したり、新たな課題を発見したりするための貴重な機会です。 ■総合情報学部 卒業後の進路 【情報学科】 情報学科の就職実績（2017年〜2019年）です。 情報通信業が40％と大部分を占めています。 プログラミングを学ぶなら「大阪電気通信大学」をチェックしよう！ 本記事ではプログラミングが学べる大学として「大阪電気通信大学」の学部/学科を紹介しましたが、いかがでしたか？ 自分の学びたい分野、なりたい職業、学費や偏差値など、大学選びで考えるべきポイントはいくつもあります。 自分なりの判断基準と優先度を決めて、なんとなくではなく、しっかりと向き合いましょう！ この記事が後悔のない大学選択のお力になれたら幸いです。 ▶︎大阪電気通信大学HP ▶︎大学の選び方について詳しく知りたい ▶︎今すぐプログラミング学習をはじめるなら テックアカデミージュニアは、小中高校生向け実践的プログラミングサービスです。 独自で開発した学習システムは、基礎から実践までステップアップ式のカリキュラムとなっており、生徒が1つの画面で迷うことなく学習を進めることが可能です。 現在、自宅にいながらプログラミング学習を体験できるプログラミング学習体験を実施しています。 プロから学べる機会ですので、ぜひ体験してみてください。 ▶︎自宅でできるプログラミング学習体験を申し込む ▶︎テックアカデミージュニアについて詳しく知りたい
高校生プログラミング

行間を調整する時に便利！CSSのline-heightの使い方【初心者向け】現役エンジニアが解説

CSSで書くline-heightの使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次LINEのBotの作り方監修してくれたメンター そもそもCSSの記述方法がわからない場合は、 CSSの書き方について解説した記事を読むとさらに理解が深まります。   【動画の解説はこちら】   田島悠介 今回はline-heightを使ってみよう。 大石ゆかり 田島メンター！！line-heightは何をするものなんですか〜？ 田島悠介 行の高さを設定するプロパティで、これによって文字列の行間の幅を調整することができるんだ。 大石ゆかり 文章などのレイアウトで必要になりそうですね。よろしくお願いします！   line-heightとは line-heightは、文章の行の高さを設定できるプロパティです。 文章の行間をあけたり、せばめたいときに使用します。   line-heightの書き方 line-heightプロパティは以下のように記述します。 line-height: 値; 値は絶対値で指定する方法、文字サイズを基準に設定する方法、normalで指定する方法の3つがあります。 line-heightで指定される高さは、文字の高さ＋上下の余白です。 そのため、文字の上下の余白はline-heightで設定した数値からフォントサイズを引いた数値が均等に配置されます。 例えば文字サイズが16pxの文章にline-heightで20pxを指定した場合、20px – 16px = 4pxとなり、上下に各2pxずつ余白が配置されます。   絶対値で指定する場合 pxで設定すると1行の高さが、文字サイズに関係なく指定した高さになります。 HTML <p class="font10">line-heightで行の高さを設定してみましょう。</p> <p class="font20">line-heightで行の高さを設定してみましょう。</p> CSS p{ line-height:50px; background:gold; } .font10{ font-size:10px; } .font20{ font-size:20px; } 表示結果 行の高さがわかりやすいように背景色をつけています。 文字サイズに関わらず、行（<p>）の高さは一律で50pxになっています。   文字サイズを基準に指定する場合 文字のサイズに合わせて行間を指定する場合は、単位をつけずに数値を書きます。 文字のサイズを1として計算しますので、1だと文字の高さ=行の高さになります。 2文字分の行の高さにする場合は、line-heightの値を2にします。 HTMLは絶対値で指定する場合と同様です。   CSS p{ line-height:3; background:gold; } .font10{ font-size:10px; } .font20{ font-size:20px; } 表示結果 同じline-height: 3; を適用していますが、文字サイズによって行（<p>）の高さが変わっているのがわかります。 上の行は、フォントサイズが10pxなので、 10 x 3 = 30px の高さに、下の行はフォントサイズが20pxなので、 20 x 3 = 60px の高さになっています。 ％やem、remなどでも、文字のサイズに応じた行の高さを指定することが可能です。 一方で、font-sizeを指定している要素とline-heightを指定している要素が異なる場合などでは、意図した表示にならないことがあります。 文字のサイズに応じて行の高さを変えたい場合は、単位をつけずに指定するのが良いです。   また、line-heightの値として、normalというキーワードを設定した場合は、ブラウザで設定されているデフォルトの行の高さが適用されます。     大石ゆかり line-heightの長さには、文字自体も含まれているってことですね。 田島悠介 値の書き方は、使用する場面によって書き分けると良いんだ。実際の例を見てみよう。 大石ゆかり 分かりました！   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう 文章で行の高さを設定する場合は、文字のサイズに合わせて行間が変わるようにしておくと良いです。 逆にボタンなど、デザイン的にどうしても行の高さを固定したいときには、絶対値で指定すると良いでしょう。 HTML <div class="area line-height-1"> <h1>line-height:1;</h1> <p class="font-size-15">此書は趣向もなく、構造もなく、尾頭の心元なき海鼠なまこの様な文章であるから、たとい此一巻で消えてなくなった所で一向差さし支つかえはない。又実際消えてなくなるかも知れん。</p> <p class="font-size-10">然し将来忙中に閑を偸ぬすんで硯すずりの塵ちりを吹く機会があれば再び稿を続ぐ積つもりである。猫が生きて居る間は――猫が丈夫で居る間は――猫が気が向くときは――余も亦また筆を執とらねばらぬ。</p> <a href="#">続きを読む</a> </div> <div class="area line-height-1-5">
CSS

プログラミングが学べる「千葉工業大学」について

本記事ではプログラミングが学べる「千葉工業大学」について紹介します。 千葉工業大学の特徴からプログラミングを学べる学部/学科の特色など、公式HPをもとにまとめていますので、ぜひ大学選びの参考にしてください。 目次 千葉工業大学について 工学部の特色・基本情報 先進工学部の特色・基本情報 情報科学部の特色・基本情報 プログラミングを学ぶなら「千葉工業大学」をチェック！ 千葉工業大学について 千葉工業大学は1942年、東京府南多摩郡町田町本町田（現、東京都町田市本町田）に「興亜工業大学」の名称で創立を発端として、1950年学制改革に伴い新制千葉工業大学を設置。 この際、機械工学科・金属工学科・工業経営学科（それぞれ第一部、第二部）を設置し、千葉県千葉郡津田沼町（現、習志野市津田沼）に移転。 そしてキャンパスの増設・開設を経て、現在津田沼キャンパス・新習志野キャンパス・東京スカイツリーキャンパスの3キャンパスとなりました。 教育理念として、師弟同行（していどうぎょう）/師弟共生（していきょうせい）の教育をもって、次の5つの育成を目指しています。 広く世界に知識を求める好学心を持つ人材の育成 自ら学び、自ら思索し創造する人材の育成 自由闊達、機智縦横な人材の育成 善隣及び協力をつくり上げていく人材の育成 高度な専門知識と豊かな教養を持つ、学理及び技術に優秀な人材の育成 ◇千葉工業大学 3つのキャンパス 津田沼キャンパス 3・4年生と大学院生が通う緑あふれる津田沼キャンパス。講義棟をはじめ、最先端の設備を誇る実験室や研究室、演習室などが建ち並びます。JR津田沼駅から徒歩1分抜群のアクセスの良さを誇ります。 新習志野キャンパス 1・2年生が学ぶ新習志野キャンパスは、幕張メッセやハイテク産業の企業が集中する「幕張新都心」に隣接しています。テクノロジーを駆使した施設・設備がそろいます。 東京スカイツリータウン®キャンパス 東京スカイツリータウン®キャンパスは、研究活動を通じて生まれた先端技術を応用した体感型アトラクションゾーン。ロボット技術から惑星探査プロジェクトまで、千葉工業大学が誇る科学技術が楽しめます。 ◇プログラミングが学べる学部/学科 一覧 工学部 / 情報通信システム工学科 先進工学部 / 知能メディア工学科 情報学部 / 情報工学科 情報学部 / 情報ネットワーク学科 [PR] 未経験からWebエンジニアを目指す方法とは工学部の特色・基本情報 学部キャンパス：津田沼/新習志野キャンパス 偏差値：情報通信システム工 50.0 (A日程) 入試倍率：情報通信システム工学科 5.6倍(A日程) ※2020年度 学部学生数：工学部：3,397(285)、情報通信システム工学科521(27) ※2020年5月時点 ( )は女性人数 《昼夜》学科 年度 初年度 納入金額 入学金 授業料 施設費 実習費 諸会費 納入方法 情報通信システム工学科 2021 1,674,500 250,000 1,390,000 0 0 34,500 ２段/延納 【千葉工業大学 工学部のポイント】 工学部は、自ら学習を継続する能力・論理的思考力・課題解決力・コミュニケーション力・豊かな人間力・国際感覚と教養を備え、専門技術者として守るべき倫理や負うべき社会的責任を理解し、専門知識を応用する工学分野において世界文化に貢献し得る人材を養成することを目的としています。 ■工学部〈情報通信システム工学科〉 この学科では、携帯電話やテレビなどの通信にかかわる技術を学び、次世代通信を担うエンジニアをめざします。 アンテナや電子回路などハードウェアにはじまり、通信プログラムやネットワーク構築のノウハウなどソフトウェアに関する領域も幅広く学修。 まだ使用されていない無線周波数帯の活用方法や、生体機能に学ぶ通信回路など、最先端の課題にも取り組んでいきます。 以下が各年次ごとの学びのポイントです。プログラミングも駆使してものづくり・問題解決にも取り組んでいます。 １年次 情報通信の基盤となる数学と物理を必修とし、基礎をしっかり固めます。ここでの学びが、2年次以降の演習や実験の土台となります。 ２年次 通信に関わる実践的な学びがスタートします。回路の仕組みやネットワークの概要を学ぶとともに、プログラミング演習で、自らの手でモノをつくる楽しさを体感します。 ３年次 無線通信、電気回路、光通信、ソフトウェア、データベースの中から専門性の高い科目を任意で選択し、各自専門性を高めていきます。 ４年次 今までの集大成として通信産業の未来を担う卒業研究に臨みます。 ■工学部 情報通信システム工学科 卒業後の進路 2020年度の情報通信システム工学科の就職率は98.9%でした。 また、2020年度卒業生は以下の分野に就職し活躍しています。 2020年度の業種別進路先は「情報・通信」が52.1％と大部分を占めています。 情報通信システム工学科が活躍できる業界・職種 家電・音響機器メーカーの技術者 通信機器メーカーの研究開発者 計測器メーカーの開発技術者 通信機器の研究・開発者 放送会社のメンテナンスエンジニア インターネットサービスプロバイダのシステム技術者 他 千葉工業大学卒業生の主な進学先企業 先進工学部の特色・基本情報 学部キャンパス：津田沼/新習志野キャンパス 偏差値：知能メディア工学科50.0(A日程) 入試倍率：7.3倍（A日程）※2020年度 学部学生数：先進工学部：1,601(299)、知能メディア工学科 538(104) ※( )は女性人数。2020年5月時点 《昼夜》学科 年度 初年度 納入金額 入学金 授業料 施設費 実習費 諸会費 納入方法 知能メディア工学科 2021 1,674,500 250,000 1,390,000 0 0 34,500 ２段/延納 【千葉工業大学 先進工学部のポイント】 先進工学部は，人間の生活における利便性を向上させ，先進的な領域を開拓していく学際領域で，世界文化に技術で貢献する人材を育成することを目的としています。 ■先進工学部〈知能メディア工学科〉 知能メディア工学科では、最先端のメディア工学・知識工学・情報デザインを駆使して、新時代のコミュニケーションを創出できる人材を育てます。 学科の取り組み ・現在の水準をはるかに超えるバーチャルリアリティの実現。 ・人工知能とビッグデータ解析で新たな知見・知識の創出。 ・情報デザインで製品やシステムを使いやすく楽しいものにする。 以下が各年次ごとの学びのポイントです。プログラミングも駆使しものづくり・問題解決にも取り組んでいます。 1年次 知能メディア工学には、「メディア工学」「知識工学」「情報デザイン」の3領域があります。 その基盤となる数学と物理・プログラミングを中心に、知能メディア工学の全体像を体験し、基礎知識を修得します。 2年次 専門領域の基礎を学びプロジェクト科目で応用力を身につけます。 3年次 2年次までに身につけた知識をもとに、3領域の実験、演習科目に取り組みます。 応用力を高める「知能メディアチャレンジ」では、本格的な作品を制作。 4年次 卒業研究では、各研究室のテーマを掘り下げて、新時代のコミュニケーションを創出することをめざします。3領域にまたがる知識や技術を駆使して、システムや作品の創出にチャレンジします。 ■先進工学部 知能メディア工学科 卒業後の進路 2020年度の情報通信システム工学科の就職率は93.0%でした。 また、2020年度卒業生は以下の分野に就職し活躍しています。 2020年度の業種別進路先は「情報・通信」が47.5％と大部分を占めています。 知能メディア工学科が活躍できる業界・職種 音響エンジニア 映像エンジニア システムエンジニア ネットワークエンジニア ITエンジニア・コンサルタント ユーザーインターフェイス設計エンジニア・デザイナー 情報デザイナー Web企画デザイナー 商品企画デザイナー 専門性を備えた公務員 研究者 他 千葉工業大学卒業生の主な進学先企業 情報科学部の特色・基本情報 学部キャンパス：津田沼/新習志野キャンパス 偏差値：情報工学科 52.5(A日程)/ 情報ネットワーク学科 50.0(A日程) 入試倍率：情報工学科13.9倍（A日程）/情報ネットワーク学科12.1倍(A日程) ※2020年度 学部学生数：情報科学部：1,305(135) 、情報工学科649(58)/情報ネットワーク学科656(77) ※2020年5月時点 《昼夜》学科 年度 初年度 納入金額 入学金 授業料 施設費 実習費 諸会費 納入方法 情報工学科 2021 1,674,500 250,000 1,390,000 0 0 34,500 ２段/延納 情報ネットワーク学科 2021 1,674,500 250,000 1,390,000 0 0 34,500 ２段/延納 【千葉工業大学 情報科学部のポイント】 情報科学部は，情報システム，ネットワーク，メディア処理などの多様な情報処理分野において，建学の精神である世界文化に技術で貢献する人材を育成することを目的としています。 ■情報科学部〈情報工学科〉 情報工学とは、情報に関わる科学技術のことです。 コンピュータや携帯電話、ICカードなどはすべて情報工学の成果です。本学科では、これらを自ら設計できる創造的人材の育成を目指しています。 学科の取り組みのポイント ・ハードウェアとソフトウェアの両方をバランスよく学べます。 ・論理的に考えるシステマティックな思考が身につきます。 ・課題を見つける“問題発見力”を育てます。 １年次 プログラミングを中心に、基礎となる力を身につけます。 ２年次 実験を繰り返し、知識にとどまらない、情報工学の総合的な力を養います。電子機器をプログラムで制御する実験も行います。 ３年次 実践的な課題に取り組む情報工学の総仕上げを行い、卒業研究につなげます。 ４年次 これまでの集大成となる卒業研究に取り組みます。わかっていることを学ぶ「勉強」ではなく、わかっていないことに挑戦する「研究」を行うのです。 ■情報科学部〈情報ネットワーク学科〉 情報ネットワーク社会の要求に応えるために、本学科では、先進的なWebシステムの開発技術をはじめ、インターネットの基盤を支えるネットワーク技術、多様なメディアを使いこなすコミュニケーション技術を幅広くかつ深く習得していきます。 学科の取り組みのポイント ・Webシステムの基礎をマスターし、社会インフラを支えます。 ・広い業種で活躍できるネットワーク全般のプロをめざします。 ・ネットワークを活用した「+α」の提案をします。 １年次 コンピュータとは何かを基礎から学び、一般教養も深めます。 ２年次 1年次から継続して専門科目や教養科目の基礎を固めます。実社会のネットワークの役割を理解して、将来に生かします。 ３年次 LAN（家庭や企業内でデータのやり取りを行うネットワーク）の構築や、プログラムの作成などの実習を通して、実践的なIT 技術を身につけます。 ４年次 4年次は学びの集大成となりますが、それまでに身につけた知識と応用力を確実なものとし、卒業論文を完成させ、社会で役立つ「+α」の提案ができる力を身につけます。 ■情報科学部 卒業後の進路 2020年度の情報科学部情報工学科の就職率は100%でした。情報ネットワーク学科の就職率は93.2%でした。 また、2020年度情報科学部卒業生は以下の分野に就職し活躍しています。 どちらの学科も情報通信系が50％以上と多いですが、サービス・輸送その他の分野でも幅広く活躍しています。大学院へ進学する学生もいるようです。 主な進路実績 【情報工学科】(過去５年間) 日立製作所、ＪＲ東日本、東京メトロ、小田急電鉄、東京電力、東芝、沖電気工業、日立ソリューションズ、ＴＤＫ、日本無線、ＪＶＣケンウッド、ＮＥＣフィールディング、ＮＥＣソリューションイノベータ、日本デジタル研究所、アルファシステムズ、富士ソフト、ＮＳＤ、協和エクシオ、京三製作所、ＤＴＳ、ＴＫＣ、日本システムウエア、沖電線、長野日本無線、アイ・エス・ビー、システムソフト、ミライト、朝日工業社、沖ウィンテック、ＪＡＬインフォテック、インクリメント・ピー、セントラル警備保障、東洋シヤッター、千葉県警、警視庁、千葉工業大学大学院　他 【情報ネットワーク学科】(過去５年間) ＮＴＴ東日本、富士通、コナミデジタルエンタテインメント、富士通ゼネラル、野村総合研究所、凸版印刷、日立アプライアンス、日立システムズ、大和ハウス工業、日本コムシス、ＴＩＳ、ＮＥＣネッツエスアイ、ＮＥＣフィールディング、ＮＥＣソリューションイノベータ、グローリー、富士通マーケティング、関電工、九電工、日本電設工業、協和エクシオ、ミライト、ＮＳＤ、アルファシステムズ、サイバーエージェント、ＤＴＳ、ニフティ、インクリメント・ピー、インフォマート、エキサイト、ＮＴＴアドバンステクノロジ、ＮＴＴ- ＭＥ、ＪＴＢ情報システム、北海道庁、千葉県教員、千葉工業大学大学院　他 プログラミングを学ぶなら「千葉工業大学」をチェックしよう！ 本記事ではプログラミングが学べる大学として「千葉工業大学」の学部/学科を紹介しましたが、いかがでしたか？ 自分の学びたい分野、なりたい職業、学費や偏差値など、大学選びで考えるべきポイントはいくつもあります。 自分なりの判断基準と優先度を決めて、なんとなくではなく、しっかりと向き合いましょう！ この記事が後悔のない大学選択のお力になれたら幸いです。 ▶︎千葉工業大学HP ▶︎大学の選び方について詳しく知りたい ▶︎今すぐプログラミング学習をはじめるなら テックアカデミージュニアは、小中高校生向け実践的プログラミングサービスです。 独自で開発した学習システムは、基礎から実践までステップアップ式のカリキュラムとなっており、生徒が1つの画面で迷うことなく学習を進めることが可能です。 現在、自宅にいながらプログラミング学習を体験できるプログラミング学習体験を実施しています。 プロから学べる機会ですので、ぜひ体験してみてください。 ▶︎自宅でできるプログラミング学習体験を申し込む ▶︎テックアカデミージュニアについて詳しく知りたい
高校生プログラミング

Rubyのnet/httpライブラリの使い方を現役エンジニアが解説【初心者向け】

Rubyのnet/httpライブラリの使い方について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。   田島悠介 今回は、Rubyに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 net/httpライブラリの使い方について詳しく説明していくね！ 大石ゆかり お願いします！   net/httpライブラリとは 汎用データを転送したりするプロトコルで、HTTPを扱ったりするためのライブラリーの一つとしてnet/httpがRubyにあります。 平たく言えば、Webサーバーからドキュメントを得たりフォームの情報を送信したりすることがRubyのプログラムでできてしまうということです。   net/httpライブラリの使い方 net/httpライブラリの使い方としては最初に   require 'net/http'   と書きます。次にuriをつかう場合は   require 'uri'   と書きます。その他   Net::HTTP メソッド   などを使ってドキュメントを取得したります。   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう それでは実際に書いてみましょう。以下のコードをファイルに書いてみてください。   require 'net/http' require 'uri' Net::HTTP.get_print URI.parse('https://www.yahoo.co.jp/') #=> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> ............   こちらファイルを実行すると上記のように長くyahooのトップページのソースが表示されますね。   ではもう少し汎用的に次のコードを見てください。   require 'net/http' require 'uri' url = URI.parse('http://www.yahoo.co.jp') res = Net::HTTP.start(url.host, url.port) {|http| http.get('/index.html') } puts res.body #=> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="shortcut icon" href="https://s.yimg.jp/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="https://s.yimg.jp/favicon.ico" type="image/vnd.microsoft.icon" /> ............   Net::HTTP.start メソッドで、HTTP セッションを開始します。webサーバ名とhost名が引数として渡されています。getメソッドはパスを取得します。   筆者プロフィール 町田　耕 学生時代は会計学専攻。塾講師勤務を経て、企業のCFOとして会社経営に携わる。 会社経営から一線を退いた後、インフラエンジニアの妻の勧めでプログラミングを 独学で始め、プログラミングセミナーなど転々としながら、開発案件に携わるようになる。 現在、フリーランスとして活動しながらテックアカデミーのメンターも勤めている。 大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもRuby on Railsを使ったプログラミングを習得できるオンラインブートキャンプRuby講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Ruby

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

オーダーメイドコース
TechAcademy（テックアカデミー） プログラミング Python Pythonを利用したLINE Botの作り方を現役エンジニアが解説【初心者向け】