誰でもチャットボットが作れる時代に！コーディング一切なしでチャットボットが完成する「Botsify」

facebook messengerを利用して、誰でもチャットボットを作れるツール「Botsify」を紹介します。一切コーディングをする必要がないので、誰でも作成できてしまいます。ぜひ自分のチャットbotを作ってみては！

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

facebook messengerを利用して、誰でもチャットボットを作れるツール「Botsify」を紹介します。

最近、「チャットボット」というキーワードが非常に注目されていますよね。ボット(bot)というのは、ロボットの略称で自動送信をするプログラムのことを言います。

LINEの「りんな」がチャットボットとして有名なサービスの一つとなっています。

今までは、LINEやFacebookでチャットボットを提供することはできますが、基本的には開発者が自分でプログラムを書く必要がありました。今回紹介する「Botsify」は、コーディング一切せずにチャットボットを作成することができてしまうのです。

海外のサービスのため英語ではありますが、まずはサンプルのチャットボットを体験してみてください。

@listと入力すると、食べ物のメニュー出てきますね。

チャットボットを作成する流れは、動画をご覧ください。

18分程度の動画なので、初めの設定に少し時間がかかるかと思いますが、一度作ってしまえば誰でも簡単に作れます。

簡単な手順としては、

facebookページの作成
facebookアプリの作成
Botsifyでチャットボットを作成
facebookアプリと連携
チャットボットをリリース

といった流れでmessengerでチャットができるようになります。

今までfacebookページやfacebookアプリを作ったことがないという人でも動画を見ればスムーズに進められるのでご安心を。

管理画面は、以下のようになっておりこの中でチャットボットを作成することができます。

現状まだ実装されていませんが、ユーザーの分析も行えるようになるそうです。

スクリーンショット 2016-05-13 12.00.34

「こんにちは」と言われたら「こんにちは！」と返すように用意するのもチャットするように設定できてしまいます。

スクリーンショット 2016-05-13 11.43.44

ちなみに対応できない言葉に対しては、一律で「すみません分からないです。@listと入力してもらえますか？」と軌道修正させることもできるので、話が合わないタイムラインにはならないはずです。

機械学習するものではないので、自分でカスタマイズする必要がありますが、無理に予測することもありません。

カスタマーサポートでのコミュニケーション、予約や注文が必要なレストラン等で使ってみるのも面白いでしょう。

わざわざ新しいアプリをインストールしなくても、facebook messenger上でチャットができるのであらゆる場面で役に立ちそうです。ぜひBotsifyを使ってチャットを自動化してみましょう！

[お知らせ]TechAcademyでは初心者でも8週間でエンジニアになれるRuby on Railsオンラインブートキャンプを開催しています。自分のアイデアを形にしたいと思っている方はぜひご覧ください！

札幌のパソコン教室7選｜自分に合った学校の選び方も解説

今回は、札幌中心部の通いやすいパソコン教室をピックアップしました。自分の趣向やスキルに合わせて通うパソコン教室を選択していきましょう。 ...

プログラミング

独学はもう限界？6つのパターンから考えるプログラミングのベストな学び方とは

本稿は、Codementorのブログ記事を了解を得て日本語翻訳し掲載した記事になります。また本記事は、ソフトウェアデベロッパーのNatasha Post...

プログラミング

市場規模は200億円以上！アメリカで受講者が急増中の「コーディングブートキャンプ」とは

プログラミングやWebデザインを短期間で学べる「コーディングブートキャンプ」がアメリカで急拡大しています。市場規模は日本円で200億円を越えるほどに成長している...

プログラミング

今さら聞けない！コマンドプロンプトの使い方【初心者向け】

初心者向けに、Windowsの「コマンドプロンプト」の使い方を紹介した記事です。コマンドプロンプトは、WindowsのPCがあれば誰でも使うことができま...

プログラミング

【開発者向け】アップルが発表した「WWDC2017」の振り返りまとめ

本稿は、Erminesoftのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、Ellina氏によって投稿されました。 &nbs...

プログラミング

【プログラミング初心者必見！】Webとモバイル！どちらを最初に学習するべきか？

本稿は、CourseReportのブログ記事を、CourseReportより了解を得て日本語翻訳し掲載した記事になります。「Web」と「モバイル」どちら...

プログラミング

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

この記事では、人気の子ども向けロボットプログラミング教材10選を紹介しています。ロボットプログラミングは、3歳から簡単に始められるものから大人も楽しめる本格的なものまで種類が豊富で、プログラミング初心者の方にもおすすめのプログラミング教材です。子どものうちからプログラミングをはじめることには多くのメリットがあり、小学校、中学校、高校と段階的に必修化されるプログラミング教育への導入としても役立つため、習い事としてもおすすめです。子どもがロボットなどの動くおもちゃやプログラミングに興味があるようでしたら、まずはロボットプログラミング教材からはじめてみてはいかがでしょうか。目次ロボットプログラミング教材とは【幼児におすすめ】ロボットプログラミング教材 3選【小学生におすすめ】ロボットプログラミング教材 7選これもおすすめ！人気のプログラミング教材もっと学びを深めたい子どもにはロボット教材で楽しくプログラミングを学習しよう！ロボットプログラミング教材とはロボットプログラミング教材とは、プログラムによって実際にロボットなどを操作して動かすことができる教材です。自分のプログラムした内容がすぐに確認できるので、子どもが興味を持ちやすく、楽しみながら学習することができるのが特徴であり、ロボットプログラミング教材のメリットです。知育おもちゃとしてもおすすめの文字入力不要で幼児でも操作しやすいものから、テキスト言語でプログラムする本格的なロボットまで種類が豊富です。それでは、「幼児向け」と「小学生向け」に分けてそれぞれにおすすめのロボットプログラミング教材を紹介します！ [PR] プログラミングで挫折しない学習方法を動画で公開中【幼児におすすめ】ロボットプログラミング教材 3選それではまず、幼児が遊びながら学べるロボットプログラミング教材を3つ紹介します。幼児向けのものはWi-Fiなどのネットワークやパソコン、タブレット等が必要なく、簡単にはじめられるものが多く揃います。 1）コード・A ・ピラーツイストツールタイプ：タンジブル, ロボット対象：3歳〜価格：5,500 円文字入力不要コード・A・ピラーツイストは、幼児（3歳～6歳）の子ども向けの芋虫型プログラミングロボットです。マテル社のベビー・プリスクールのおもちゃブランド、「フィッシャープライス」によって開発されました。プログラミングの際に文字の入力を必要としないので、幼児の子どもでも簡単に、かつ、楽しみながらプログラミングを学習することができます！コード・A・ピラーは乾電池式のロボットで、芋虫のように自走します。芋虫の胴体部分が関節ごとに外れるようになっており、胴体部分のパーツのそれぞれに「前進」、「右折」、「左折」などの命令を持たせることができます。これら胴体部分パーツをつなげ変えることでコード・A・ピラーの動きを変化させることができます。さらに、子どもが考えたプログラムによって胴体部分のパーツを光らせたり、音を鳴らしたり、楽しく遊びながらプログラミングを学べる知育玩具となっています。例えば、コード・A・ピラーが障害物を避けて走るにはどのようにしたらよいか、付属のゴールプレートを置いた場所に向うにはどうしたらよいかなど、手先を使いながら組み替えたり、走らせてみたり、子ども自身が考えて動かします。この体験はプログラミング的思考を育むことにつながるでしょう。 2）Cubetto（キュベット）ツールタイプ：タンジブル, ロボット対象：3歳〜価格：35,750円文字入力不要 Cubetto（キュベット）は、手を使って遊ぶ木のおもちゃ型のコーディングキットです。キュベットと一緒に冒険することで、子どもたちはプログラミングの基礎を身につけることができます。この教材の特徴は、テキスト言語などの子どもには複雑な手段を一切使わずに、LEGOのようなブロックを組み合わせることでロボットを動かせる、という点です。各ブロックに命令がそれぞれ1つずつ組み込まれており、それらを組み合わせボードにはめることでキュベットに指示を出します。青い実行ボタンを押すと作成したプログラム通りにキュベットが動き出します。魅力的なワールドマップとストーリーブックによって子どもの学習意欲が高まり、楽しく遊びながら学習ができます。これからを生きる現代の子どもにとって重要なスキルの一つであるプログラミングを、子どもたちが分かりやすい形で身につけることができます。 3）PETS（ペッツ）ツールタイプ：タンジブル, ロボット対象：3歳後半〜価格：22,000円文字入力不要 PETS（ペッツ）は、方向ブロックをロボットの背中に挿し込んで、子どもが作成した命令通りに動くプログラミング学習ロボットです。マス目状の特性シートの上を、ときには障害物をよけながらスタートからゴールへと動かしていきます。 PETSでは、パソコンなどに難しいコードを打ち込む学習方法ではなく、実際にロボットに触れて動かし、楽しみながらプログラミング的思考を学ぶことができます。また、ロボット自体が簡単な作りとなっているため、単三電池4本があればすぐに学習を開始することができます。保護者や教育者など教える側にも負担なく、大人も一緒になってプログラミング体験ができるロボット教材です。【小学生におすすめ】ロボットプログラミング教材 7選次に、小学生はもちろん中高生から大人まで、楽しみながらプログラミングを学習できるロボット教材を7つ紹介します。 1）embot（エムボット）ツールタイプ：ビジュアル言語, ロボット対象：6歳〜　価格：6,600 円文字入力不要タブレットでの操作を推奨 embot（エムボット）はNTTドコモが開発したプログラミング教育用の教材ロボットです。専用のアプリをダウンロードして、そのアプリからプログラミングを行い、embotを動かすことができます。ビジュアル言語を使っての直感的なプログラミングですので、子どもたちだけでなく教える側である先生や親御さんにとってもプログラミング学習の導入がしやすい教材です。教材の外装はダンボールで簡単に加工しやすく、外装ダンボール，embotコア，ブザー，LEDライト，サーボモーターを自由に組み合わせて、いろいろな活用を考えることもできます。直感的なプログラミングで論理的思考力を養うことができ、子どもたちの自由な発想、想像力を高めることも期待できます。公式サイトではembotを活用した様々な指導案や動画が公開されていますので、ぜひそちらも参考になさってください。 2）kurikit（クリキット）ツールタイプ：ビジュアル言語 , テキスト言語 , ロボット対象：6歳〜価格：6,600 円文字入力対応可 PCやタブレットでの操作を推奨 kurikit（クリキット）の代表的なプロダクトは「ココロキット」と呼ばれるロボットプログラミング教材です。こちらは、同社のヒット商品である「ユカイな生きものロボットキット」の拡張キットとして販売されています。子どもが工作のように自分で組み立てて作ったロボットを、ビジュアルプログラミングやテキスト言語のJavaScriptによって記述したプログラムで動かすことができます。シンプルな構成で専門的な知識がなくても簡単に操作することができ、プログラミングでロボットを動かしながら楽しく学ぶことができます。 kurikitのコースには、初級と上級があり、初級のコースでは直感的にプログラミングができる「ビジュアルプログラミング」を、上級コースではプロのエンジニアも使っている「テキストプログラミング」に挑戦できます。 3）toio（トイオ）ツールタイプ：タンジブル, ビジュアル言語 , テキスト言語 , ロボット対象：6歳〜大人価格：16,980円＋税（本体セット）文字入力対応可 PCやタブレットでの操作を推奨 toio（トイオ）には、パソコン不要でカードを使ってゲーム感覚で楽しめるものから、本格的なテキスト言語で自由にプログラミングを行えるものまで、幅広くプログラミング学習コンテンツが用意されています。プログラミングの基本を遊びながら身につけることができ、ステップアップしていく中で枠に囚われない動作を自由に作ることができます。 toioでは、初級コースとして「GoGo ロボットプログラミング～ロジーボのひみつ～」というコースがあります。これは、プログラミングの基本要素「順次、分岐、反復」が楽しみながら身につく冒険絵本を作成していくコースとなっています。子どものプログラミングによって、絵本の上をかわいいロボットが動きまわります。また、初中級コースとして、ビジュアルプログラミングアプリ「toio Do」が用意されています。こちらはパソコンやタブレットを使ったビジュアルプログラミングにステップアップします。しかし、いきなりプログラムを作成しなくても、サンプルプログラムを使用してロボットの動き試すことから始められます。ブロックを組み換えて改造することでオリジナル作品を作ることも可能です。さらに、上級コースとして、toioコアキューブというものが用意されています。キューブを使い、JavaScriptなどのテキスト言語でより実践的なプログラミングが体験できます。 4）LEGO®BOOST（レゴブースト）ツールタイプ：ビジュアル言語 , ロボット対象：7～12歳価格：19,660円文字入力不要 Wi-Fiなどのネットワーク、パソコン・タブレット不要 LEGO®BOOST （レゴブースト）では、LEGOで作ったロボットをプログラミングによって動くおもちゃに変身させながら、楽しくプログラミングを学ぶことができます。障害物のあるコースを移動させたり、シューターで的に命中させたりなど、子どもが興味を持ちやすい内容になっています。 LEGOが行う動作には、ジョークやダンス、ビートボックスなど面白い機能も豊富に用意されていますので、お友達と一緒にゲームをしているようにプログラミングを学べます。アプリには60種類以上のアクティビティがあり、プログラミングのブロックを集めながら基本的なプログラミングのスキルを身に付けることができます。さらにアプリのクリエイティブキャンバスという機能でオリジナル作品を組み立てることもできますので、さらに発展的なプログラミングを作成することも可能です。 5）mBot（エムボット）ツールタイプ：ビジュアル言語 , テキスト言語 , ロボット対象：8歳〜価格：15,400円文字入力対応可 PCやタブレットでの操作を推奨 Makeblock Co., Ltdが開発したmBot（エムボット）は、光センサーや超音波センサー、ブロックやタイヤなどがセットになっています。いろいろな機能が入っているためプログラミング技術だけでなく、センサーの仕組みやロボットの構造なども学ぶことができます。これらのセンサーやロボットをmBlockで作ったプログラムで動かすことで、試行錯誤してロボットの動きを考える経験が生まれます。さらに、mBlockで作成したプログラムを、現在多くのシステムエンジニアが活用している非常に汎用的なテキスト言語、Pythonや、Arduino言語のプログラミングコードに切り替えることもでき、より実用的な製品であるといえます。 6）KOOV®（クーブ）ツールタイプ：ビジュアル言語 , ロボット対象：8歳以上価格：36,880 円＋税文字入力不要 PCやタブレットでの操作を推奨 KOOV®（クーブ）とは、ブロックで自由な「かたち」を作って、それらを「プログラミング」することでさまざまな「動き」を与えながら学ぶロボット・プログラミング学習キットです。ロボット制作の体験によって、子どもたちの探究心や創造力、未来を切り拓く思考力を育むことができます。下記の3つのステップを子どもの理解や成長に合わせて選択することができますので、プログラミング初心者の子どもでも安心して挑戦できます。 STEP 1「ロボットレシピ」を真似るお手本となる「ロボットレシピ」を見ながら、いろいろな作品を制作して、ロボットとして動かしてみるところからプログラミング学習を始めます。 STEP 2「学習コース」で体系的に学ぶ流れに沿ってロボットを作るためプログラミングを徐々にマスターでき、確認クイズで学習を振り返りながら、少しずつロボットプログラミングを理解することができます。基本的な組み立てとアプリの操作を学習できるコースも用意されています。 STEP 3「自由制作」で子ども自ら発明するブロックの組み立てと、そのプログラミングの流れを一通りマスターした後で「自由制作」を行うことで、オリジナル作品づくりに挑戦することができます。作成したロボットプログラミングの写真・動画を共有して世界中の人々に評価してもらうこともでき、新たなロボット制作のアイデアを生み出すことができます。 7）ArtecRobo2.0（アーテックロボ2.0）ツールタイプ：テキスト言語, ビジュアル言語, ロボット対象：8歳以上価格：27,000円文字入力対応可 PCやタブレットでの操作を推奨 ArtecRobo2.0（アーテックロボ2.0）は、日本の学校教材メーカーである株式会社アーテックが開発したロボットプログラミング学習教材セットです。縦、横、斜めに自由につながるブロック、モーターやセンサーなどのロボットパーツ、プログラミングソフトを使用して、ロボットの仕組みとプログラミング技術を学ぶことができます。パーツ説明も親切で、ブロックの組み立ては工具やネジ、接着剤などを使わずに行うことができ、ロボットパーツを接続する際に付属コードの配線が見えるので、子どもがどう配線したらどう動くのかを実感しやすい構成となっています。プログラムを作るソフトは、パソコン用では「Studuino」、iPad用では「Tickle for iPad」があります。どちらも画面上で命令をブロックのようにつなげて並べるビジュアル言語方式なので、低学年の子どもでも無理なく学習を開始できます。さらに、児童用テキストや教員用指導書が付属しているので、子どもがテキストを参考に予習・復習をすることができます（WEBでも公開）。これもおすすめ！人気のプログラミング教材ここからはロボットではないが人気のタンジブル教材を紹介します！タンジブルとは形のないもの（命令、情報、プログラムなど）を、直接触ることができる形のあるものとして操作できるタイプの教材を指します。ロボットプログラミング教材よりもお手頃で始めるハードルが低いので、ぜひ参考にしてくださいね。 micro:bitV2（マイクロビット） ※micro:bitはmicro:bitV2にバージョンアップされています。ツールタイプ：テキスト言語, ビジュアル言語対象：7〜16歳価格：2,200円文字入力対応可 PCやタブレットでの操作を推奨 BBC micro:bit（マイクロビット）は、イギリスの公共放送局「BBC」によって開発された教育用コンピュータで、イギリスをはじめ多くの国の子どもたちがBBC micro:bitでプログラミングを学んでいます。クレジットカードよりも小さいサイズの電子基板にセンサーやLEDといったなどさまざまな機能が搭載されているにもかかわらず、その価格は非常に安価です。センサーやLEDの他にも、コンパス、無線通信機能、加速度センサー、温度センサーなどの搭載されていて、子どもたちが作った段ボールやペットボトルのおもちゃに心臓部としてこのmicro:bitを入れることで、自作のおもちゃを動かすことができます。 micro:bitで学ぶプログラミングでは、マイクロビット本体のほか、プログラムを書くためのパソコン、データを転送するケーブルなどの周辺機器を扱うため、子どもが技術に触れる機会を増やすことができますよ。 Toy-Conガレージ（トイコンガレージ）ツールタイプ：ビジュアル言語対象：6歳〜価格：6,980円＋税文字入力不要 Nintendo Switch本体が必要 Toy-Conガレージ（トイコンガレージ）は、Nintendo Switchを使って行うビジュアルプログラミング学習教材です。 Toy-Conガレージでは、Nintendo Labo の付属のToy-Conを作って遊ぶほかに、オリジナルのToy-Conのプログラム「発明」に挑戦することもできます。入門動画がYouTubeの任天堂公式チャンネルにて公開されているので、専門知識がなくても簡単に操作が可能です。 Toy-Conガレージでは、タッチスクリーンを使って指で直感的に作業できるので、子どもやプログラミング初心者でもキーボードでコードを書く必要がなく、プログラミング学習の導入としてもおすすめです！ YouTubeの任天堂公式チャンネルでは「バラエティキット」に含まれている「ラジコンカーToy-Con」と「紙人形Toy-Con」を使ったものや、本体に加えて輪ゴムを使った「輪ゴムギター」など、作例が豊富に紹介されています。ですが、工作は必須ではないのでJoy-Conだけを使用してプログラミングを始めることもできますよ！子どもがあれこれと工夫することで、「あそび」とはまた別の手触りや反応といった「体験」を作ることが可能となっているプログラミング学習教材です。AND、NOT、カウンター、タイマーなど、一般的なプログラミングの概念に通じる機能が詰まっていて学習教材としても質が高いと言えます。 MESH（メッシュ）ツールタイプ：ビジュアル言語対象：6歳〜大人価格：13,871円＋税文字入力不要 Wi-Fiなどのネットワーク、パソコン・タブレットなど不要 MESH（メッシュ）は、ソニー株式会社が開発した、小さな「電子タグ」型のプログラミング学習教材です。 USBメモリを一回り大きくしたような形状で、スマートフォンやタブレット、Windows10上のアプリを使ってプログラミングが行えます。アプリは画面上のアイコンを組み合わせてプログラムを作成する「ビジュアルプログラミング」形式になっており、子どもやプログラミング初心者でも直感的なプログラミングが可能です。 MESHには「LED」、「ボタン」、「人感」、「動き」、「温度・湿度」、「明るさ」、「GPIO（拡張）」の７種類の電子タグがありそれぞれを組み合わせることで色々な機能が実現できます。 MESHではプログラミングしてできたものを「レシピ」と呼び、そのレシピを作成する際に何を作るか、どの電子タグを組み合わせるかなどを子どもが考えながら、意図した仕組みを完成させるので、自然とプログラミング的思考が身に付きます。複数のMESHの組み合わせけでなく、身近にあるモノをMESHとスマホなどの通信機器と組み合わせ、「モノ」に通信機能をもたせる、いわゆるIoT（Internet

子ども向けプログラミング

JavaScriptでセレクトボックスの値を動的に生成する方法を現役エンジニアが解説【初心者向け】

JavaScriptでセレクトボックスの値を動的に生成する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。田島悠介今回は、JavaScriptに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 JavaScriptでセレクトボックスの値を動的に生成する方法について詳しく説明していくね！大石ゆかりお願いします！セレクトボックスとは入力画面などで選択を行う下記のような部品です。セレクトボックスの値とはセレクトボックスの値とは、セレクトボックスの選択肢のことです。上記の例では、「和食」「中華」「イタリアン」のそれぞれが「セレクトボックスの値」です。 [PR] プログラミングで挫折しない学習方法を動画で公開中セレクトボックスの値の設定方法 HTMLのselectタグの中にoptionタグで値を記述していきます。先程のセレクトボックスの画像の例では、下記のように3つのoptionタグが書かれています。なお、ここで日本語の「和食」「中華」「イタリアン」はあくまでユーザー向けの表示です。実際に内部で値として登録されるのはoptionタグのvalueである”JapaneseFood” “ChineseFood” “ItalianFood”です。 <select name="genre" id="genre"> <option value="JapaneseFood">和食</option> <option value="ChineseFood">中華</option> <option value="ItalianFood">イタリアン</option> </select> 「セレクトボックスの値を動的に生成する」とはそもそも「セレクトボックスの値を動的に生成する」とはなんでしょうか。さきほどの和食・中華・イタリアンの例では、最初からHTMLに3つの値が設定されていますが、これは「静的に生成されている」といいます。これに対して「動的に生成する」とは、JavaScriptを用いて、その時の状況に応じてあとから値を追加することをいいます。例えば、先ほどのセレクトボックスで和食を選んだ場合には「天ぷら」「寿司」を、中華を選んだ場合は「炒飯」「エビチリ」を選択肢として提示したい場合、ユーザーの選択に応じて「動的に」次のセレクトボックスの値を生成する必要が出てきますね。このような実装については、本記事後半の「実際に書いてみよう」で解説しています！まずは、具体的に値を動的に追加する方法を見ていきましょう。セレクトボックスの値を動的に生成する方法 JavaScriptでselectタグを取得して、optionタグを追加することで実現できます。下記のコードでは、セレクトボックスに「天ぷら」という値を追加しています。 HTML <select name="food-name" id="food-name"> </select> JavaScript //select要素を取得する const selectFoodName = document.getElementById('food-name'); //option要素を新しく作る const option1 = document.createElement('option'); //option要素にvalueと表示名を設定 option1.value = "tempura"; option1.textContent = "天ぷら"; //select要素にoption要素を追加する selectFoodName.appendChild(option1) 最終的なHTML <select name="food-name" id="food-name"> <option value="tempura">天ぷら</option> </select> 実際に書いてみよう選択した値によって動的にセレクトボックスの値を生成してみようそれではいよいよ実践的な実装をしていきましょう！ 100%理解するのが難しかったとしても、「こんな風に活用できるのか」とイメージするだけでも有意義ですので、ぜひ読み進めてみてください。冒頭の例で使った料理のジャンルを選択するセレクトボックスを使って、2つめのセレクトボックスに選択したジャンルのメニューを設定してみます。完成した動作は下記のような形になります。和食を選んだ場合と中華を選んだ場合で、右側のセレクトボックスの選択肢が変わっていますね。まずはHTMLソースです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> </head> <body>  <select name="genre" id="genre"> <option disabled selected>ジャンルを選択してください</option> <option

JavaScript

コードを一切書かずに「Repl-AI」でチャットボットを作成してみた！

プログラミングの知識がなくてもチャットボットを作れるサービス「Repl-AI」がリリースされています。 LINEやFacebookメッセンジャーを利用したボットのAPIが公開され、誰でもチャットボットを作成できるサービスがどんどん増えてきています。海外にもBotsifyというチャットサービスがあるので、合わせてご覧ください。今回は実際にRepl-AIを使って、チャットボットを作成してみたいと思います。目次 Repl-AIとは準備するもの実際にチャットボットを作成してみよう Repl-AIとは Repl-AIは、インターメディアプラニング(IPI)とNTTドコモが共同開発し、2016年4月にβ版が公開されました。プログラミングせずにチャットボットを作成するツールは他にもありましたが、ボットの動きをRepl-AI上で行えるので、実行確認をするのに役立つでしょう。実際ボットがしっかり反応しているかといったテストは多くするはずなので、手軽にテストできるのは有難い。 [PR] プログラミングで挫折しない学習方法を動画で公開中準備するもの docomo developer supportアカウント取得 Repl-AIを利用するには、docomo Developer supportアカウントを取得する必要があります。チャットボットを作る前に登録しておきましょう。実際にチャットボットを作成してみようプロジェクトの作成準備が完了したら実際にチャットボットを作ってみましょう。まずはプロジェクトプランの選択をします。そして、プロジェクト名を決めます。今回は私たちが運営しているプログラミングスクール「TechAcademy」という名前をつけています。プロジェクトを作成したら、ボット名とシナリオ名を作ります。上記の画像ではすでに「techacademy」というボットが作成されていますが、スタート時は何もない状態です。新規作成/インポートをクリックし、ボット名を決めましょう。ボットを作成したら、続いてシナリオを作成しましょう。こちらも新規で作成していきます。ボット名同様、シナリオ名を決めて作成するをクリックしましょう。作成すると画像のように「contact」と書かれたシナリオができています。では、実際にチャットボットで必要なシナリオを作成していきます。シナリオ作りシナリオ作成のタイミングで、「挨拶シナリオ」を選択すると以下のような対話シナリオを作成してくれます。このように「◯◯です」と言われたら「〜〜」と返すといった仕組みをプログラミングを一切せずに作ることができます。実際にどんな会話になるのか見てみましょう。「シナリオを保存してデプロイ」をクリックして、保存を完了させましょう。実際の動作確認プロジェクトの一覧画面に戻り「シミュレータ」を開きます。シミュレータを開くとキャラクターが2Dで動きながら待っています。今回はわんころもちというキャラクターと会話をしてみました。きちんと会話になっている部分、対応できるテンプレートがない場合は「NOMATCH」と表示されています。既存のチャットボットサービスは、一つの質問に対して一つの回答しか決められないというものが多かったですが、内容をまとめておくことができます。これは、名前を間違ってしまった際にユーザーが回答する例を追加している項目です。部分一致や曖昧一致といった一字一句合っていなくても会話できるように工夫もされています。まとめ LINEやFacebookメッセンジャーで提供しているチャットボットはビジネスにもなっているくらいです。最終的には人間が行うコミュニケーションはあるものの、ECサイトを運営している会社などはカスタマーサポートの一環としてチャットボットを利用してみても良いでしょう。ハッカソン等でもチャットボットは積極的に利用されているので、今後ますます利用シーンは広がるはずです。ぜひコミュニケーションの自動化、試してみてください。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルサービスが作れるRuby on Railsオンラインブートキャンプを開催しています。

プログラミング

JavaScriptのテキストボックスから値を取得する方法を現役エンジニアが解説【初心者向け】

JavaScriptのテキストボックスから値を取得する方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。目次テキストボックスとはテキストボックスの値とはテキストボックスの値を取得する方法実際に書いてみよう田島悠介今回は、JavaScriptに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介テキストボックスから値を取得する方法について詳しく説明していくね！大石ゆかりお願いします！テキストボックスとはテキストボックスとは、ユーザーが入力した情報を受け取るフォーム要素の1つです。 <input>タグで表現されます。 <input type="text" id="テキストボックスのid"> <input>タグは type 属性の値で内容が大きく変わります。詳しくは以下の記事を参考にしてください。 mozilla.org-input [PR] プログラミングで挫折しない学習方法を動画で公開中テキストボックスの値とは上記で紹介したinput要素に入力されている内容のことを、本記事では「テキストボックスの値」と呼びます。テキストボックスの値を取得する方法テキストボックスの値を取得するには、大きく分けて2つのステップが必要です。テキストボックスの要素をJavaScriptで指定する指定したテキストボックスの要素のvalueプロパティを参照するテキストボックスの要素をJavaScriptで指定するテキストボックスの要素をJavaScriptで指定するには様々な方法がありますが、最も一般的な方法としてgetElementByIdがあります。この方法を使うには、指定したいテキストボックスの要素にid属性を付与する必要があります。 //HTML <input type="text" id="message"> このinput要素をJavaScriptで指定する場合、書き方は以下の通りになります。 //JavaScript const textbox = document.getElementById("message") HTML側で指定したmessageというidを、getElementByIdの引数に入れることで、その要素を指定しています。指定したテキストボックスの要素のvalueプロパティを参照するテキストボックスの要素が指定できたら、その要素のvalueプロパティを参照すると、テキストボックスの値を取得できます。コードにすると以下のような形です。 const textbox = document.getElementById("message") const value = textbox.value テキストボックスの値を取得する方法についての基本的な解説は以上です。ここからは実際にコードを書いていくことで理解を深めましょう！実際に書いてみよう今回のサンプルプログラムでは、テキストボックスから値を取得して別の要素に表示します。完成形のコードは以下の通りになります。ぜひ流れを追いながら、ご自身のエディタにコードを書き写してみましょう！ <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>sample1</title> </head> <body> <form id="form1" action="#"> <input type="text" id="input-message"> <input type="button" onclick="showMessage()" value="送信"> </form> <p id="output-message"></p> <script language="javascript" type="text/javascript"> const showMessage =

JavaScript

Photoshopでアートボードを追加する方法を現役エンジニアが解説【初心者向け】

Photoshopでアートボードを追加する方法について、TechAcademyのメンター（現役エンジニア）が初心者向けに解説します。なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。田島悠介今回は、Photoshopに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介アートボードを追加する方法について詳しく説明していくね！大石ゆかりお願いします！目次アートボードとはアートボードを追加する方法アートボードの基本的な使い方まとめアートボードとは Photoshop CC 2015から追加された新機能で、1つのPSDファイルの中にアートボードと呼ばれるカンバスのようなものをいくつも作成することができます。作成されたアートボードは、独立しているため、個別にサイズやレイヤーの変更を加えても他のアートボードには影響は及びません。 [PR] プログラミングで挫折しない学習方法を動画で公開中アートボードを追加する方法ツールバーの「アートボードツール」をクリックするか、または、ウィンドウ内の「アートボード名」をクリックします。アートボードの上下左右に表示された「＋」ボタンをクリックし、アートボードを追加します。アートボードは、クリックされたボタンの方向に、追加されます。アートボードの基本的な使い方アートボードの新規作成ファイル新規作成時にアートボードを作成する。Photoshopで、ファイルを新規作成する際に、「アートボード」にチェックを入れ「作成」します。ファイル作成後にアートボードを作成するレイヤーパネルの「三」ー「アートボードを新規作成」をクリックします。ダイヤローグボックスにアートボードの名前を設定し、「OK」をクリックし確定します。アートボードの移動「アートボード名」をドラッグすると、アートボード全体を移動することができます。アートボードの複製複製したいアートボードのレイヤー上を右クリックし、メニューの「アートボードを複製」をクリックします。ダイヤローグボックスにアートボードの名前を設定し、「OK」をクリックし確定します。アートボードの削除削除したいアートボードのレイヤー上を右クリックし、メニューの「アートボードを削除」をクリックします。まとめアートボードを利用すると、Webサイト用のデザインカンプやバナーなどサイズの違う複数のデザインを1つのPSDファイル内で管理できるので、とても便利です。監修してくれたメンターメンターOM Webデザインの勉強のためロサンゼルスに留学。その後、現地のWeb制作会社に就職し、Webデザイナーとしてのキャリアをスタート。現在もロサンゼルスで働く傍ら、フリーランスのWebデザイナーとして、アメリカだけでなく日本からのWeb制作も請け負う。また、画像のリタッチが得意なので、しばしばリタッチの依頼も請け負う。大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。

Photoshop

過去160年間の情報技術の歴史から見る！インターネットの変遷とは

本稿は、FreeCodeCampのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、プログラミングの指導をしているQuincy Larson氏によって投稿されました。歴史は繰り返している今日までインターネットは、過去160年間に他の情報技術に起こったものと同様の悲劇をたどってきています。電報電話映画ラジオテレビこれらはそれぞれ、おおよそ同じ物語を持っています。発明者が技術を発見する。愛好家がその技術の使用方法を開拓し、一般の人に広く行き渡るようになる。企業が目をつける。技術を商業化し、洗練し、規模を大きくする。企業が充分に力を持つようになると、技術を守るため政府を騙し支援させる。自分達を「自然独占企業」として位置づける。長い停滞のあと、その古い技術を崩壊させる新しい技術が登場する。古い独占を除去するときもあるが、独占をますます強固にするだけの場合もある。このループは何度も繰り返されてきました。「ネットワーク中立性」という言葉を作ったハーバード大学法学部教授のティム・ウーは、これを「サイクル」と名付けました。「歴史は、情報技術の発展の特徴を示しています。誰かの趣味から、誰かの産業へ。自由にアクセスできるチャンネルから、企業・政治集団によって厳密に制御されたものへ。オープンなシステムからクローズドなシステムへ。」――ティム・ウー我々は今、ステップ4の部分にいます。そしてステップ5が見えてきません。 1900年代の始めに経済学者のヨーゼフ・シュンペーターが述べた創造的破壊は実現していません。インターネットは特別なように見えます。電報・電話・ラジオ・映画・テレビに取って代わる究極の情報技術であり、それを破壊する明確な方法がありません。しかしインターネットの最高の地位をめぐる争いは終わりません。このグローバルチェス盤にはたくさんのプレイヤーがいます。政府、テレコムの独占、GoogleやFacebookのような大手インターネット会社、NGO、スタートアップ企業、ハッカー。パート1では、オープンインターネットが何であるかを探ります。そしてそれまでの情報技術の歴史を掘り下げましょう。パート2では、原子について説明します。インターネットの物理的なインフラ。インターネットのバックボーン。通信衛星。広帯域インターネットをもたらす銅線および光ファイバーケーブルの「ラストマイル」。パート3では、ビットについて説明します。インターネットのオープンで分散した性質と、それがどのように多国籍企業によって壁に囲まれた庭に封鎖されるか。パート1：オープンインターネットとは何かオープンインターネットを表す言葉はひとつだけです：カオスオープンインターネットは、お互いに叫び合う30億の声の不協和音です。埃だらけの広大な市場であり乱雑です。しかしそれによって我々の時代における偉大な芸術や産業をいくつか作り出しました。オープンインターネットは誰でもコンテンツを公開できるツールであり、誰でもそれを利用することができます。私たちはみんな「サイクル」に閉じ込められているここではインターネットより前の情報技術についての簡単な歴史と、企業と政府がどのようにして地位を固めたかについて説明します。最初はある人がケーブルを繋ぎ、モールスコードのメッセージを友達に伝え始めました。電報は実用的なアプリケーションを備えた楽しいツールでした。地元の企業がその周りに現れました。 1851年、ウェスタン・ユニオンが大陸横断線を張り、それらの間に中継ぎ局を建設したときに変化が起きます。小さな電信会社が競争に参加したい場合はウェスタン・ユニオンのネットワークにアクセスする必要がありました。間もなく彼らは完全に搾り取られてしまいました。ウェスタン・ユニオンは非常に強力で、アメリカの大統領を単独で任命することすらできました。アメリカで育った人はこの大統領の名前を子どものときに記憶したかもしれません。ウェスタン・ユニオンはヘイズの選挙活動を財政的に支援しただけでなく、諜報活動の情報のバックボーンとして独自の地位を利用しました。ウェスタン・ユニオンの支配権と独占価格は、アレクサンダー・グラハム・ベルが電話を発明し電報の事業を崩壊させるまで続きます。電話がどのように「サイクル」の犠牲になったか JPモルガンの支援を受けた電話会社AT&Tは、アメリカ全土に長距離電話網を構築しました。地元の電話会社の顧客が他の都市の人に電話する場合、AT&Tに支払いをする必要がありました。アメリカの電話システムを完全にコントロールすることが、面倒で無駄な資本主義を避ける最善の方法だとテオドール・ベイルは考えました。ベイルは自分のやり方が消費者のためであると主張しました。公平を期すためだと。少なくとも短絡的にはそうでした。ベイルはAT&Tの独占的利益を利用して、地方の電話回線の開設を助成しました。こうしてアメリカ全体がひとつの標準化されたシステムの下で統一することができました。しかし慈悲深い独占企業の問題は、その者たちが永遠には生きていないということです。いつかは第二世代のCEOに取って代わられる。その人物は前任者のような理想に欠けている場合が多く、そこには資本家の特権しかありません。利益を上げ、配当金をまき散らし、四半期ごとの業績見通しをたたき出す。つまり顧客からより多くのお金を得るということです。 AT&Tは競合他社を圧倒しました。その独占が明らかになり、アメリカ政府はそれを規制する措置を取りました。しかしAT&Tは規制当局よりもはるかに機敏であり、国の後押しする「自然独占」となる機会に飛びつきました。 AT&Tは1982年にFCCによって解体されるまで何十年も独占的利益を得ることになります。「ベビー・ベルズ」は1977年、分割前よりもさらに大きな企業に合併しました。 AT&Tは政府支部のように機能し、大規模な研究所を持っていましたが、ひとつの主要な例外を除いて、その主要なビジネスにとって脅威となる発明を秘密にすることができました。コンピュータの重要なデータ記憶媒体として後に使用されたボイスメールとデジタルテープは、実は1934年にAT&Tの研究所で発明されていました。しかしそれは覆い隠され、数十年後に再発明されることになります。そのような信頼性の高い大量のデータ記憶媒体があったら、その期間内に情報技術の分野がどれくらい発達したでしょうか。仮に企業が意図的に電子メールの導入を10年遅らせたらと考えてみてください。社会の生産性にどれぐらい影響があるでしょうか。何千億ドルの経済損失になるでしょうか。これは公共の研究室や大学でなく、民間の企業に科学的な研究開発を任せるということについての訓話です。映画がどのように「サイクル」の犠牲になったか映画が発明され、皆が米国の何千もの映画館であらゆる種類の映画を鑑賞しました。誰でも映画を制作し、地元の劇場で上映することができました。アドルフ・ズーカーがパラマウント・ピクチャーズを設立し、またそこで変化が起こります。ズーカーはブロックブッキングの慣行を開拓しました。小規模な独立した劇場が、例えば最新のメイ・ウェストの映画を上映したい場合は他の貸し映画も購入して上映する必要があります。これにより、地元劇場所有者の流行先駆けとしての地位は失われました。そして映画劇場の商品化が進み、最終的に大ヒット映画が登場することになります。どのようにラジオが「サイクル」の犠牲になったかマルコーニやテスラがラジオを発明し、大規模なムーブメントが愛好家によって起こり、アマチュア番組を流す数千の地方ラジオ局が存在しました。ラジオ・コーポレーション・オブ・アメリカ(RCA)の責任者を務めたデビッド・サーノフ。おそらく20世紀で一番マキャベリなCEOです。当時RCAは、ラジオ用の部品を作っていました。最初RCAはハードウェアに焦点を当て、多くのラジオ局を稼働させて家庭にも普及させることを目的としていました。しかしサーノフは、ラジオのコンテンツにこそ本当の富があることに気付きました。サーノフはNBC放送の普及を援助し、その代わりに広告を通してお金を稼ぐようになります。その後サーノフは連邦通信委員会(FCC)に近づき、電波スペクトルが希少な商品であるためライセンスを発行するべきだとしました。すぐにNBC放送は全ての家庭で利用できるようになり、地元の愛好家たちによるラジオ局は存続できなくなりました。RCAはラジオ局・家庭用ラジオ部門・放送されるコンテンツと垂直統合されました。サーノフはテレビの発明家と話していたため、すでにテレビがラジオに取って代わることを知っていました。しかしサーノフには計画がありました。自分自身によってテレビの発明を主張することです。テレビはどのように犠牲になったかテレビが他の技術と違う点は、「愛好家による段階」が無かったことです。サーノフとRCAは、FCCの助けを借りてすぐにテレビ技術をロックダウンしました。その結果アメリカ人はNBC・CBS・ABCの3つからチャンネルを選ぶことになります。テレビは大衆文化の最高峰でした。アメリカ人の約半数がみんな同時に、「アイ・ラブ・ルーシー」の同じエピソードを見ているのです。この独占によって引き起こされた番組の多様性の欠如と相まって、テレビの人気は社会的・政治的な結果をもたらし今に至ります。パート2：原子戦争「高度に発達した科学は魔法と区別が付かない」――アーサー・C・クラーク無垢な抽象概念の領域として考えるほど、インターネットは物理的な構造を持っています。それは決して魔法ではありません。インターネットは地面と海底トンネルに設置された一連の銅線と光ファイバーのケーブルです。これをインターネットバックボーンといいます。以下はその外観です。そこからインターネットは地域のバックボーンを通じてさらに配給されます。米国のインターネットデータを伝送するすべてのファイバーです。赤い四角は「長距離」ファイバーの接合部を表します。インターネットの影の功労者：バックボーンプロバイダ 6つの大手企業がバックボーンを制御し、お金を交換することなくお互いにトラフィックを「手渡して」います。レベル3コミュニケーションズテリア・ソネラ NTT Cogent GTT TATA Communications 米国内ではベライゾンやAT&Tなどの長距離通信事業者によって制御されています。これらは米国の二千億ドル規模のワイヤレス業界の2/3を取り締まっています。巨大な通信会社の関与にもかかわらず、インターネットのバックボーンはかなり健全な市場となっています。インターネットバックボーンの約40％は、聞いたことのないような小さなネットワークによって制御されています。インターネットのマフィア：ISP(インターネットサービスプロバイダ) 一方、ブロードバンドインターネット市場はまったく健全ではありません。これはインターネットバックボーンに接続するケーブルの「ラストワンマイル」です。ブロードバンドインターネット市場は、非常に強力な、そしてとても嫌われている3つのインターネットサービスプロバイダ(ISP)によって支配されています。 Cox チャーター(最近他のISPであるタイム・ワーナーを買収した) 全米で最も嫌われる企業コムキャスト(アメリカのブロードバンドの56％を支配している) ISPのもうひとつの形式は、ワイヤレスプロバイダです。 AT&T Verizon(元AT&Tの一部) この2つのプロバイダは、無線市場の2/3を占めています。携帯電話を持っているユーザーは毎月これらの会社のどちらかひとつにデータプランを支払うことになります。これらのISPは、1970年代に埋められていた数百万マイルの銅線と1990年代に軌道に載った衛生を支配しています。プロバイダは絶えず法律を破り、長期に渡る裁判で規制当局を停滞させ、例え相手がGoogleであったとしても自分達の市場に参入することを事実上不可能にします。自由市場競争と、それが必要とする高価な技術のアップグレードを避けるのがISPの目的です。ネットワーク中立性の仕組み ISPはケーブルパッケージで大金を得ていました。しかし利用者はインターネットを使うようになり、ケーブルテレビをもう必要としないことに気付きます。データプランだけでYouTubeやNetflixだけでなく、たくさんのオンデマンドコンテンツも楽しむことができるからです。 ISPの目標はインターネットを「チャンネル」と「バンドル」にして、それらを買うように強制することによって「古き良き時代」に戻ることです。これをどうやって防ぐかという方法を、我々はすでに持っています。2015年に、FCCは公益法人としてISPを規制する法律を可決しました。これは、ネットワークを通過するすべての情報は同等に扱われるべきであるという「ネットワーク中立性」の原則に基づいています。 FCCはこの話題に関するアンケートを実施し、300万人のアメリカ人が回答しました。その結果、ネットワーク中立性に反対したのは全体の1％未満でした。通信会社との厳しい戦いの後、我々はFCCにネットワーク中立性を法律化するように説得しました。 FCCのTitle II規定は、ISPが次のことを行うことを防ぐ3つの「明確なライン」を作りました。 Webサイトからのコンテンツのブロック Webサイトからのコンテンツの遅延コンテンツのスピードを上げるためにWebサイト側から資金を得ることこのルールは企業側がいかに強大であっても、インターネットへの優先アクセス権を買うことができないようにするためのものです。誰もが平等な条件で競い合う必要があります。どんなハイテク企業でもスタートアップ企業や個人のビジネス、自分のドメインでWordPressを運営している独立したブロガーと競争しなければなりません。現在ISPはユーティリティのように扱われています。パケットは配管を流れる水や送電網を通じる電気とどう違うでしょうか。水道会社は、利用者が食器を洗ったりシャワーを浴びたりするたびに蛇口をひねっているかどうか気にするべきではありません。電力会社は、利用者がテレビやトースターをコンセントに繋いでいるか気にするべきではありません。 ISPは、利用者がどんなデータを望み何に使うかということを気にするべきではないのです。 ISPネットワーク中立性を排除しようとする理由は簡単です。中立性が取り扱われなくなれば、プロバイダがより多くの料金を請求することができるからです。 AT&Tの元CEOが悪巧みをしています。「彼らがやろうとしていることは、私のパイプを無料で使うことです。私はこれまで資金を費やしており、それによって利益を得なければいけないのですから無料で利用させるわけにはいきません。なので、パイプを使用する人がその分の料金を支払うメカニズムが必要になります。みんなが私のパイプを使用できるのは、私たちとケーブル会社が投資を行っているからであり、無料というのはおかしいのです。」――Edward Whitacre：AT&T CEO この人が理解しないといけないのは、誰もがすでにインターネットにアクセスするための料金を支払っているということです。たとえばあなたは、この記事が読める状態のために何らかの支払いを行っています。私もこの記事をインターネットに出すために支払いをしている。このWebサイトもサーバーからあなたのコンピュータにトラフィックを送信するために支払いをしています。我々はすでにISPの最後のケーブルを使用するための料金を支払っています。無料で使用している人はいません。それなのにISPは稼ぎを二重にする機会を見出しています。通信速度のための料金を請求し、マフィアが「みかじめ料」と呼ぶものをWebサイトに請求しようとしています。もちろん、オープンインターネットを利用している人のほとんどはISPにこの「みかじめ料」を払う余裕がなかったので、ISPはWebサイトへのトラフィックをブロックし、オープンインターネットの大部分から利用者を切り離しました。ISPはWebサイトをブロックする必要はありません。わずかな遅延行為を行えばいいのです。 GoogleとMicrosoftの調査によって、250ミリ秒でさえWebサイトを遅くするとほとんどの人がそのサイトを見るのをやめてしまうことが明らかになっています。スピードは機能ではなく、利用者を引きつけるための基本的な前提条件だったのです。つまりこれはISPが人為的にWebサイトを減速させると、実際にサイトを完全にブロックするほどの損害を与えることを意味します。結果として同じ状態、つまりトラフィックの重大な損失となります。トラフィックはWebサイトの生命線です。それがなければ商品を売ることができず、サービスには出資されず、広告は表示されません。 ISPがブロックしなくても、トラフィックがなければオープンなWebは死んでしまいます。 ISPがネットワーク中立性に全面的な攻撃を開始 1月の米政権の変更と第45代大統領の選挙で、FCCにも変化が起こりました。元ベライゾンの弁護士であったアジット・パイ会長(FCC)は、現在規制当局を管理しています。彼の言葉です。「投資や技術革新、雇用の創出を抑制している不要な規制はなくすべきである」――FCC会長アジット・パイ ISPは、インフラに利用者からの「みかじめ料」を再投資せず、すでに信じられないほどの独占利益を持っています。2016年の純利益(税引き後の利益)は次の通りです。 AT&T：160億ドル Verizon：130億ドルコムキャスト：80億ドルチャーター：80億ドル ISPはインフラの改善に踏み出す分の充分な利益があるにもかかわらず、その資金を株主にまき散らしています。 2ヶ月でパイ会長はすでにネットワーク中立性に対して信じられないほどのダメージを与えています。パイ氏はネットワーク中立性の法律に明確に違反していた4つの独占企業に対しての「ゼロ・レーティング訴訟」を取り下げました。現在コムキャストとAT&Tは顧客がデータ上限を気にせず利用できる独自のビデオサービスを続けており、FCCもそれについて何もしない状態です。元FCCのトム・ウィーラー会長はパイ会長に働きかけ、ネットワーク中立性の大切さを理解してもらうよう最善を尽くしました。両者は18ヶ月のうち2週間ごとに1度会う予定をしていましたが、パイ氏はこれらの会議をことごとくキャンセルしました。オープンネットワークは必要であり、将来に不可欠なものです。――FCC元会長トム・ウィーラー [PR] プログラミングで挫折しない学習方法を動画で公開中パート3：ビット戦争次のインターネット中立性はどのようになるでしょうか。Apple社のApp Storeだけを見てみましょう。 2016年には200万のアプリがストアにあり、合計で280億ドルを拠出しました。Apple社はそれぞれの売上から30％の手数料を取り、App Storeだけで84億ドルの利益を得ています。残りの200億ドルのほとんどは、ほんの一握りの携帯ゲーム会社の手に渡っています。 iPhoneユーザーのほとんどが、月にダウンロードするアプリの数がゼロであることが分かっています。そして、アプリストアの上位8つのアプリは、FacebookとGoogleという二つの企業だけが所有しています。残りの200万のアプリの大半はトラフィックがほとんどなく、少ない金額しか得ていません。 App Storeは平等なフィールドではありません。その上に構築されたオープンインターネットとは別のものであり、壁に囲まれた庭のひとつの例です。塀の中の庭園は美しく見えます。最も人気のある植物の生息地だからです。しかしそこから壁の外に自由に冒険することはできません。壁の中の庭にはゲートキーパーがいて、雑草のような植物は根絶やしにします。その庭に何かを植えたいときはそのゲートキーパーから承認を得る必要があります。 Appleはとても攻撃的なゲートキーパーであり、自社の利益と競合するアプリを排除し、企業の世界観と合わないアプリを検閲します。壁に囲まれた庭の簡単な歴史まず最初に、AOLという庭園がありました。 20年経ち、AOLは今でも20万人のユーザーを持ち月額20ドルの支払いを受けています。壁に囲まれた庭の中にユーザーを閉じ込めるためにはたくさんのお金が必要です。そののち壁に囲まれていなかったYahooが現れますが、これもまた同じ道を歩みます。人々はまだインターネットに慣れていませんでした。 90年代後半、スタートアップ企業はYahooでバナー広告を購入できるように資金を調達しました。これは将来のユーザーにアプローチする一番いい方法でした。地球上の人々の4分の1は、毎日平均50分間Facebookを利用しています。マーク・ザッカーバーグの自慢のinternet.orgには、五千万人の人が接続しているでしょうか。発展途上国の人々がオープンインターネットに料金を支払うか、無料でFacebookを使うか。そして、みんなFacebookを選択しました。インドではオープンインターネットの代わりにFacebookを使うことによってinternet.orgが拒絶されました。マーク・ザッカーバーグ自身に悪意はありません。ただオープンインターネットは急速に破壊されています。Facebookのマーケットシェアを拡大する中で高度な検閲ツールを構築するだけでなく、政府を鎮めることすらできます。 Facebookは、こうした閉ざされたソース・閉ざされたデータの庭園で利益を得ようとしている他のインターネット企業のひとつに過ぎません。世界時価総額トップ10の企業です。 Apple Alphabet(グーグル) Microsoft エクソンモービルジョンソン＆ジョンソンゼネラル・エレクトリック Amazon.com Facebook ウェルズ・ファーゴ AT&T すべてアメリカに本拠地を置く多国籍企業です。そのうち6つはインターネット企業であり、1つはISPです。これらは石油会社や銀行と同じような新しい体制です。彼らは情報を制御し、会話を制御し、政治を支配します。現に本人とそのアドバイザーも認めていることですが、Facebookは大統領の当選に影響しています。 Webサイトを立ち上げるためにかかるコストが低下しても、顧客を得るコストは依然上昇しています。 FacebookとGoogleは、オンライン広告費の伸びの85％を占めています。この二つの企業の口から落ちたパンくずのために、新聞・ブログ・ビデオネットワークなどすべての人が争っているのです。すべてのインターネットトラフィックの半分は、わずか30のWebサイトからのものです。残りの半分はGoogleがインデックスしている60兆のWebページに薄く広がっています。ロングテールの概念を知っていると、この現象は太った頭にとても長くて細いしっぽが付いた状態だと分かります。私たちは技術の創始者を、慈善を行っている人だと盲目的に信じているあなたは世界のマーク・ザッカーバーグやラリー・ペイジがその力を悪用するとは思わないでしょう。 Redditは大人気Webサイトのひとつです。その創業者の一人がユーザーのコメントを書き換えていたことが判明し、会社の評判が危機に陥ったことがあります。私たちは一握りのエリート創業者だけでなく、その組織を引き継いだ人たちも善意的であって欲しいと信じています。株主や政府が悪意を持ってユーザーに反する行為を強制することがあったとしてもです。 20世紀始めにAT&Tの地方アクセスを援助した「慈悲深い独占」のテオドール・ベイルのように、マーク・ザッカーバーグもいつかは引退するでしょう。そして、Facebookを引き継ぐ人物は彼のように前向きではなく、Facebookのユーザーとクライアントに商売を行うだけのセールスマンかもしれません。将来、我々のインターネットは中国のようにロックダウンされるかもしれない中国は世界で最も高性能な検閲ツールを持っています。 14億人の中国人は、グレート・ファイアウォール内のクローズなインターネットの中に閉じ込められています。すべてのパケットの内容を調べずにISPがどのパケットを減速させるかを決めることはできません。これはプロバイダがデータを送信するだけでなく、パケットの中身を実際調べることになるということを意味します。実際過去に、AT&Tは何年間もトラフィックを違法に監視していたことがありました。このようにインターネットのトラフィックを監視することで、閲覧という行為を行き渡らせることができます。これは中国が歴史を書き換えるときに使用するときのやり方のひとつです。そして、それは確かに機能します。「思想は銃よりも強力である。敵に銃を持たせるべきではない。どうしてやつらに思想を持たせてやらねばならないのか。」――ヨシフ・スターリン ISPが成功し、オープンインターネットが崩壊すれば企業や政府は人類史上最も強力なコミュニケーションツールであるインターネットの検閲官になるでしょう。 TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルWebサービスを開発することが可能です。独学で学習してみたけど挫折してしまったなんて経験のある方は、ぜひご覧ください。

プログラミング

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

誰でもチャットボットが作れる時代に！コーディング一切なしでチャットボットが完成する「Botsify」

関連するキーワード

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

人気の子ども向けロボットプログラミング教材10選

JavaScriptでセレクトボックスの値を動的に生成する方法を現役エンジニアが解説【初心者向け】

コードを一切書かずに「Repl-AI」でチャットボットを作成してみた！

JavaScriptのテキストボックスから値を取得する方法を現役エンジニアが解説【初心者向け】

Photoshopでアートボードを追加する方法を現役エンジニアが解説【初心者向け】

過去160年間の情報技術の歴史から見る！インターネットの変遷とは

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

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

記事を検索

関連するキーワード

関連する記事

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

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

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