動画編集

Premiere Proでテロップを作成する方法【動画付き】

Premiere Proでテロップを作成する方法をご紹介します。テロップとは、映像に重ねて表示される文字のことです。テロップは幅広いジャンルの動画で必要になる機能ですので、早い段階でマスターしましょう。

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

Premiere Proでテロップを作成する方法をご紹介します。

テロップとは、映像に重ねて表示される文字のことです。

テロップを使用することで、動画の内容が更に濃いものになります。

テロップは幅広いジャンルの動画で必要になる機能ですので、早い段階でマスターしましょう。

以下に具体的な手順を説明しているので、参考にしながらテロップを作成をしてみましょう。

なお本メディアを運営するテックアカデミーの系列の動画専門スクール『ムークリ（MOOCRES）』では、副業・フリーランスで稼げる動画クリエイターを一緒に目指す受講生を募集中です。

▼動画でもテロップを作成する操作方法を紹介しているので、ぜひご覧ください。

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

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

フェードアウトを適用する方法について詳しく説明していくね！

お願いします！

テロップを作成する手順

1.タイムラインパネルのテロップを入れたい箇所に時間インジケーターを移動します。

2.ツールバーの”横書き文字ツール”を選択。

プレビューパネル上をクリックし、文字を入力します。

3.テロップのデザインを変更してみましょう。

A.“エフェクトコントロール”パネルから、テキストのフォントや太さ、サイズなどを変更することができます。

その他、各項目で詳細設定が可能です。

①テキストを左揃えにする

②テキストを中央揃えにする

③テキストを右揃えにする

④テキストボックス内にテキストを均等配置する（最終行のみ左揃え）

⑤テキストボックス内にテキストを均等配置する（最終行のみ中央揃え）

⑥テキストボックス内にテキストを均等配置する

⑦テキストボックス内にテキストを均等配置する（最終行のみ右揃え）

⑧タブキーで挿入される幅の調整

⑨全体の文字間隔の調整（トラッキング）

⑩単体の文字間隔の調整（カーニング）

⑪行間の幅の調整

⑫入力するテキストの水平ラインの調整。上付き文字などを作成する際に活用できます（ベースラインシフト）

⑬文字間隔の調整。日本語テキストの文字間隔の調整はこちらを使います（ツメ）

⑭太字に変更する

⑮斜体に変更する

⑯アルファベットを大文字に変更する（オールキャップス）

⑰アルファベットを小文字サイズの大文字に変更する（スモールキャップ）

⑱上付き文字に変更する

⑲下付き文字に変更する

B.テロップの色を変更する場合は、”塗り”のカラーパネルから変更します。

C.テロップに縁取りをつけたい場合は、”ストローク”にチェックを入れ、同様に縁取りのカラーを選択。

横の数値を変更することで、縁取りの太さを変更することができます。

D.影をつけたい場合は、シャドウの項目から設定できます。

なお、テロップのデザイン後も、デュレーションを変更したり、位置を変更することが可能です。

監修してくれたメンター

松隆祐也（まつたかゆうや）

映像ディレクター

新郎新婦が主演するドラマ仕立てのウェディングムービー制作を中心に、企業PRムービーの制作なども行う。
また、仕事での映像制作と並行して、短編映画の監督脚本なども意欲的に行う。

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

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

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

以上、テロップの作成方法を説明しました。

これらの内容を駆使して、様々なデザインのテロップを作成してみましょう。

テックアカデミーの系列スクール『ムークリ（MOOCRES）』では、稼げるスキルであるAfter Effectsを中心に学習し、副業・フリーランスとして稼げる動画クリエイターを目指せます。

受講生の90%が動画編集をしたことがない未経験の方なので、動画編集の経験が浅くても安心です。

【ムークリの特徴】

超実践：After Effectsをプロレベルで習得、高単価のクリエイターを目指せる
超密着：プロの講師が親身に指導、ゼロからプロへの道を、楽しく
超支援：受講中から案件に挑戦でき、卒業後も半永久的にサポート

少しでも気になる方や、話を聞いてみたい方は、まずはお気軽に個別相談会へお越しください。

プログラミングを独学で学習していて、このように感じた経験はないでしょうか？

・調べてもほしい情報が見つからない
・独学のスキルが実際の業務で通用するのか不安
・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるようカウンセラーやエンジニア・デザイナーがあなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありませんので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）

今なら参加者限定の割引特典付き！無料相談を予約する

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

概念を知っておこう！ビットコインの51%攻撃とは

今回は、51%攻撃について解説します。ビットコインの51%攻撃とは何なのか、今後ビットコインがどうなる可能性があるのか解説しています。ブロックチェーンの特性上生まれる可能性があるものなので、ぜひ知っておきましょう。田島悠介今回はビットコインの51％攻撃についての話をしよう。大石ゆかり田島メンター！51％攻撃ってよく聞く言葉ですが、具体的にはどういう問題なんですか～？田島悠介マイニングを行うひとつの大きな組織が51％を占めることで、不正な取引を行うことが可能になることを指すんだ。まずブロックチェーン全体の仕組みから見ていこう。大石ゆかりお願いします！ 51%攻撃とは 51%攻撃とは、ビットコインのブロックチェーン理論で考えると、51%のノードが虚偽のトランザクションデータを含むブロックに対して支持する表明を行った場合、虚偽のトランザクションデータを含むブロックが、虚偽のまま正しいブロックとして成立することを言います。虚偽のトランザクションデータを含むブロックに対して支持するということは、虚偽のトランザクションデータを含むブロックを生成することから始まります。トランザクションデータを含むブロックを生成すること自体をマイニングと言います。つまり、虚偽のトランザクションデータを含むブロックを生成する、ハッキングのようなマイニングを51%のノードが支持することが51%攻撃になります。トランザクションとは何か分からない方向けの記事も合わせてご覧ください。マイニングとはそもそも、ビットコインにおいて、どようにマイニングを行っているかを考えます。マイニングは、分散台帳の管理・運営処理を行うための計算処理を、マイナー（ノード）と呼ばれるクライアントPC側で行うことです。一言で言うと、今まではインターネット上のサーバーで行っていた計算処理を、世界中のインターネットに繋がった手元のパソコンで行うということです。マイニングについて詳しく解説した記事も参考にして下さい。正しいブロックが決定する仕組みマイニングを行っている時に、同時に新しいブロックが生成される場合や、虚偽のブロックが生成されるなどして、2つ以上のブロックが正しいブロックとして生成されることがあります。その際、ビットコインの場合次のような過程を経て最終的に正しいとされるブロックが決定されます。同時に2つのブロックが生成されました。これをブロックAとブロックBと仮定します。ブロックAとブロックBの値が同じ場合でも、どちらかが虚偽の場合でも構いません。ブロックAの次にブロックAA–ブロックAB–ブロックACとブロックが生成され続けます。ブロックBの次にブロックBA–ブロックBB–ブロックBCとブロックが生成され続けます。各ノードはどちらのブロックを支持しても構いません。この支持自体は各ノードが任意に行います。最終的に支持が多いブロックチェーンが生き残り、支持が少なかったブロックチェーンは消えます。支持しても消えるブロックチェーンを支持し続けるということは、支持するために使用するマイニングに必要なマシンパワーが無駄になるということです。つまり、悪意がない限りは正しいブロックチェーンを支持することが、ノード自身の利益に成るということです。この証明過程を経ることで、ビットコインはブロックチェーンを使用する仮想通貨の中で最も51%攻撃に強い仮想通貨となりました。今回解説した、正しいブロックを証明する過程のことを、PoW（プルーフ・オブ・ワーク）と呼びます。 PoWとは、Proof-of-Workの略称で、日本語で言うと仕事により証明することを意味します。ここで言う仕事とはマイニングを意味します。 PoWをサイコロで解説 Powについて、サイコロを投げるゲームで説明してみます。複数人のプレイヤーが2つのサイコロを投げます。勝利条件は、サイコロの和が、特定数値以下であれば勝ちとします。ここでサイコロを投げることをビットコインで言うマイニングと考えます。サイコロの和をNonce（ノンス）と呼びます。この勝利条件である特定数値をDifficulty Target（閾値）と呼びます。参加者が1人の場合のDifficulty Targetは非常に高く、ある程度のNonceでも勝利できます。しかし、参加者が1000万人のように増えていくと、Difficulty Targetの値は低い数値になり、サイコロでNonceを出すことが非常に難しくなります。現在のビットコインは参加ノードが多いため、Difficulty Target（閾値）が非常に低く、Nonceを出すことが難しいです。結果的に、正しいブロックを支持し続けても、利益を得ることが難しい状態で、虚偽のブロックを支持して利益を得ることは不可能に近いということを意味しています。改ざんしづらい仕組みのブロックチェーンブロックチェーンのデータは次のようなデータです。ブロックデータ例 index: timestamp: transactions: [ sender: recipient: amount: ] previousHash: そして、このブロックデータは次のブロックデータとpreviousHashという部分でつながっています。このことをブロックチェーンのチェーンと読んでいます。具体的にどのようにつながるかと言いますと、前のブロックの内容をハッシュ化した値が、次のブロックのpreviousHashに格納されているということです。ハッシュ化にはハッシュ関数という不可逆的な暗号化技術を使用します。つまり、1つのトランザクションデータを改ざんすると、それ以前のpreviousHashの値も改ざんしていく必要があります。このため、改ざん自体は非常に困難です。改ざん自体は困難でも、改ざんされたブロックを51%以上のノードが支持することで、改ざんされたデータが正しいデータとして承認されることは技術的に可能です。改ざんするために必要な51%以上のノードが承認するような大きな力を、ハッシュパワーと言います。現状で最大のハッシュパワーはノード全体の半分に満たない状態ですので、複数の特定ノードが協力して悪意の操作をしない限り、51%攻撃を達成するようなハッシュパワーにはなりづらいと考えられています。しかし、マイニングプール同士が結託することで、ハッシュパワーがノードの半分を超えることも可能です。田島悠介個人で行われるマイニングをソロマイニング、グループによって行われるマイニングをプールマイニングと呼ぶよ。大石ゆかり現在は組織によるものがほとんどということですね。マイニングプールの割合って今どんな感じなんでしょうか？田島悠介それでは次に、マイニングプールの現状とこれからについて見ていこう。 [PR]テックアカデミー系列の副業・フリーランス向け動画スクールマイニングプールとは https://blockchain.info/poolsよりマイニングプールとは、ビットコインにおいてマイニングを個人ではなく、ノードが集まり組織的に行う集団のことです。最大派閥のマイニングプールはを占めているBTC.comです。 51%攻撃の事例 2013年に、とあるマイニングプールが50％超を占めたことがあります。その時にでさえも、51%攻撃が行われることはありませんでした。ですので、現在51%攻撃の事例はありません。そうは言っても、51%攻撃自体が現実的には可能です。これが、2018年2月中旬のビットコインやアルトコインの時価総額です。参照：https://coinmarketcap.com/#JPY ビットコインの時価総額が16兆円規模です。例えば、巨大な政府が本気でビットコイン市場を攻撃しようとすれば10兆円投入するだけで、51%攻撃が可能となります。 10兆円も投入することが可能かどうかについてですが、日本政府であれば可能です。例えば、2003年の年末から2004年の年明けにかけて約1ヶ月強の間、日本銀行は30兆円以上の日本円を用意し、為替介入を行いました。これは、日銀砲と呼ばれ、アメリカのヘッジファンドによる日本円の釣りあげに対し、最終的に50兆円以上の為替介入を行ったと言われています。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、

ブロックチェーン

WordPressで表を作成する3つの方法【初心者向け】

WordPressを使ってサイトやブログを作っていると、表を挿入したい時があると思います。そこで今回は、初心者向けにWordPressで表（テーブル）を作成する3つの方法を紹介します。自分で操作可能なものから試してみてください。目次テロップを作成する手順監修してくれたメンター大石ゆかり田島メンター！！WordPressで表を書く方法を教えてください！！！田島悠介 WordPressで表を書く方法は3つあって、「ブロックエディタを使う方法」、「表計算ソフトで作った表を使う方法」、「HTMLで記述する方法」の3つあるんだ。それぞれ教えてあげるね！大石ゆかりはい、お願いします♪ ブロックエディタを使う最近のWordPress（バージョン 5以降、2018年12月以降）では、Gutenberg（グーテンベルグ）というブロックエディタが標準で内蔵されています。標準で搭載しているブロックエディタを使えば、完成したイメージに近い編集画面で簡単に作成できます。ただブロックエディタは今までのテキスト中心のクラシックエディタと大きく違うので使い方に慣れることが必要です。ブロックとは記事内の文章や画像や表などを管理する単位がブロックです。ブロック単位で配置の調整ができるので、今までのようにHTMLやCSSの知識がなくても編集できます。段落や表などがブロックとしてページに追加され、ブロック単位で移動や削除ができます。上の画像はブロックごとに赤の点線で囲っています。表を作成ページ編集画面（投稿や固定ページなど）を表示します。表は現在のカーソル位置の真下に挿入されるので、表を挿入したい位置の真上にあるブロックをクリックしてカーソルを移動しておきます。 ※表の挿入はブロック単位で行われるので、カーソルはブロック内であれば文末でなくても構いません。 ※カーソル位置の指定がない場合は一番下に表が追加されます。画面左上ロゴの右隣にある＋のボタン、「ブロックを挿入ツールを切り替え」をクリックします。「テーブル」をクリックします。「行数」「カラム数（列数）」を指定して、「表を作成」ボタンを押します。表が作成されるので、自由に内容を記述しましょう。 ※セル間の移動にキーボードの矢印キー「←」「↑」「→」「↓」が使えます。表計算ソフトとは違い、「Tab」キーではセル間の移動はできません。 ※「キャプションを追加」をクリックすると表の下に文章を追加できます。表の行や列を追加・削除編集したい表の中の基準にしたいセルをクリックします。今回は「りんご」の下に行を追加したいので、「りんご」のセルをクリックします。下の画像の赤丸で囲ったブロックツールバーの「表を編集」ボタンをクリックします。「行を下に挿入」をクリックすると「りんご」の下に行が追加されます。同じように、カーソル位置を基準にして行や列を挿入あるいは削除を行います。 ※表の下のキャプションをクリックした場合、基準となるセルが選択されていないので、「表の編集」ボタンをクリックしても挿入や追加のメニューを選択できません。 [PR]テックアカデミー系列の副業・フリーランス向け動画スクール表の位置を変更する表は他の文章や画像と同じブロックで作成されますので、後から位置を簡単に変更できます。移動したい表の中をクリックします。下の画像の赤丸で示した「∧（上に移動）・∨（下に移動）」をクリックすると、ブロック単位で表が移動します。もう1つの方法として、上の画像の緑の丸で囲った「ドラッグ」でマウスポインタが手の形になったらドラッグして表のブロックをページ内で移動できます。ブロックの間で移動したいところに青の線が表示されたらマウスのボタンを離します。表の移動ができました。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、テックアカデミー卒業生がスクールを選んだ理由をご紹介します。

WordPress

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

この記事では、人気の子ども向けロボットプログラミング教材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でも公開）。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？

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

8つの事例から学ぶ！優れたナビゲーションメニューの作り方

本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、Jake Rocheleau氏によって投稿されました。モダンなJavaScriptとCSS3の効果によって、ドロップダウンメニューは進歩しています。しかし、すべてのドロップダウンメニューが同じように設計されているとは限りません。この記事では、ユーザーにとって分かりやすいドロップダウンメニューを構築するためのデザインテクニックを紹介します。デザイン例の中には、多階層のドロップダウンメニュー、メガドロップダウンメニューなども含まれていますが、応用しているデザインルールは同じです。サブメニューのための目印サブメニューのあるリンクには、目印となるものを付けましょう。こうした視覚的な小さな目印を配置することで、ユーザーにとってリンクの場所がわかりやすく、アクセスしやすくなります。このルールは設計するリンクが1階層でも4階層でも適用されます。目印には、矢印、ドット、四角形など目立ちやすい記号を使用します。一般的な記号を使用している限り、ユーザーはその記号の意味を理解できるでしょう。例として、上記Threadbirdの優れたナビゲーションメニューを見てみましょう。このメニューのリンクには、サブメニューがあるものとないものがあります。サブメニューのあるリンクにだけ、目印が表示されています。目印には、右向きの二重山括弧引用記号「（»）」が使われています。この記号はシングル矢印よりも目立ちやすいため、Webデザイナーに好まれています。また、小さなサイズにしても、変形する心配もありません。 TutsPlusのナビゲーションメニューも同じような設計です。ドロップダウン形式には下向きの矢印、フライアウト形式には右向きの矢印が使われています。ただし、サブメニューに使われている矢印の記号に、1つ残念な点があります。それは、すべてのリンクにサブメニューがあるにもかかわらず、矢印アイコンは、メニューアイテム上でマウスホバーされた時にしか表示されないことです。この場合、矢印アイコンは常に表示されたままにしておくことが、デザインのベストプラクティスです。しかし、TutsPlusのシンプルなデザインは個人的には好きです。小さな目印がユーザビリティ向上に役立つことを示している、完璧な例といえます。リンクのスペースには、paddingを使用するほとんどのドロップダウンメニューでは、リンク間にスペースが設けられています。しかし、マージン（margin）とパディング（padding）は区別しましょう。 marginを使用した場合、リンクのテキストそのものをクリック/タップすることになります。クリック可能な領域は、テキストとほぼ同じ面積になります。一方、paddingを使用した場合、全体をクリック可能な領域にすることができ、より大きなターゲット要素をユーザーに提供できます。ドロップダウンメニューでは、より大きな領域を確保する方が良いでしょう。 Webdesigner Depotは、昨年のデザイン変更で、クールなアニメーションのドロップダウンメニューを実現しました。blogというリンクをクリックすると、2カラムのドロップダウンメニューが表示されます。これらのリンクをクリックすれば、スペースにpaddingが使用されていることに気づくでしょう。リンクのテキスト周辺の領域もクリック可能になっていることで、サイトのナビゲーションが向上しています。ほとんどのドロップダウンメニューは、「スペースにpaddingを使用するもの」「スペースにmarginを使用するもの」の2つに分類されます。どちらのタイプであるかは、リンク近くのスペースをホバーした時に、マウスのカーソルがクリック可能を示す「手袋アイコン」に変化するかどうかによって確かめることができます。次のWebサイトは、paddingを使用していない例です。 The Philadelphia Orchestraは美しいデザインのWebサイトです。しかし、ドロップダウンメニューのリンクは、テキスト部分しかクリックできません。しかも最悪なことに、ドロップダウンメニューの面積が広いのに、リンクのテキストがとても小さいのです。 marginがpaddingよりも優れた選択になるケースは考えられません。ただし、リンクをブロックレベル要素にした場合、リンクはドロップダウンメニューの100%の領域を占領します。このことは、ユーザーがリンクのボックスの領域内であれば、どこでもクリック可能になることを意味します。どちらを選択するべきかは明らかです。ドロップダウンメニュー内のリンクをクリック/タップ可能な領域を広くすれば、ナビゲーションの使いやすさを大きく向上させることができるでしょう。 [PR]テックアカデミー系列の副業・フリーランス向け動画スクールホバー状態を明確に示すホバーされたメニューの「アクティブな」クラスを設計すれば、所属関係の構造が明らかになります。ほとんどのデザイナーは、ホバーされた時のリンクに、「:hover擬似クラス」を使用しています。しかし、ユーザーがサブメニューのリンクをホバーした時に、メインのリンクを強調して表示したままにするのも効果的な方法です。これにより辿った構造が明らかになり、どのサブメニューのリンクがホバーされているかが一目でわかります。ホバー状態を設計するには、フォントの色の変更、背景色の変更、テキストの下線、ハイライトなど多くのテクニックがあります。目的は、親リンクを、ホバーされていない時にもアクティブな状態に保つことです。例として、上のDePauw UniversityのWebサイトは、白と黒のシンプルなコントラストカラーを使っています。ナビゲーションメニューは、デフォルトでは黒い背景に白いテキストですが、ホバー時にはこれらの色が逆転します。設計ごとにスタイルがあるので、必ずしも白黒のスタイルにする必要はありません。しかし、コントラストをはっきりさせて、アクティブな状態を目立たせることが大切です。 Comedy CentralのWebサイトにも同じ効果が使われています。この場合、白の代わりに、ライムカラーの黄緑色が使われています。もちろん、このアクティブ状態を示すハイライト効果なしのドロップダウンメニューを構築することも可能です。しかし、単に機能するからといって、それが必ずしも最善の選択であるとは限らないことをデザイナーは理解しておくべきです。私は、すべてのドロップダウンメニューはアクティブ状態を示すハイライト効果を、親リンクに使用するべきだと思います。2～3階層のサブ-サブメニューになっているものも含めて。ドロップダウンのアニメーションは迅速にする jQueryとCSS3を組み合わせると、Web上で強力なアニメーションを作成できます。スライド効果であれフェードアウト効果であれ、ドロップダウンメニューは、アニメーションで進化します。しかし、アニメーションは常に目的に合ったものにするべきです。UI/UXデザイナーであれば、実践的にアニメーションを使用できることが望ましいです。ただし、アニメーションは、見た目に活気を与えることができますが、実行を遅くしてユーザー体験を低下させないように注意しましょう。最も優れたドロップダウンアニメーションのための2つの要素は、「速いこと」と「よく目立つこと」に要約できます。例として、上のESPNのナビゲーションを見てみましょう。どのスポーツ部門からでも、チームや関連するリンクのドロップダウンメニューを表示できます。このドロップダウンメニューは、上から下に向かって表示されます。しかし処理は迅速で、リンクをクリックするまでに2〜3秒もかかりません。一般的には、メニューのアニメーションは1.5秒以下に保つことをおすすめします。このルールは、メニューのアニメーションにのみ適用されます。必要があれば、他のページのアニメーションを最大3〜5秒（またはそれ以上）に延長しても構いません。 CSS MenuMakerのWebサイトは、素晴らしいドロップダウンメニューを設計しています。ドロップダウンメニューは、所属している親リンクを示すために、吹き出しのようなデザインをした引用の矢印となっています。また、これらのドロップダウンのアニメーションは迅速です。フェードイン＆アウト効果は高速に処理され、おそらく300ミリ秒くらいしかかかりません。カーソルが他の場所に移動したときにのみアニメーションが生成され、リンクは明確に表示されます。このことは素晴らしいドロップダウンメニューアニメーションの鍵です。アニメーションは誰もが好む魔法のような効果を実現できるものですが、アニメーション要素をページの構成要素の一部として考えることも重要です。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、テックアカデミー卒業生がスクールを選んだ理由

Webデザイン

【事例から学ぶ！】ソフトフォークとは！ハードフォークとの違いについて解説

今回は、ソフトフォークについて解説します。ハードフォークとの違いについてもぜひ知っておきましょう。実際にソフトフォークされた通貨の事例も紹介しているので、どんな特徴を持っているのか理解できるはずです。田島悠介今回はソフトフォークについて解説しよう。大石ゆかり田島メンター！ソフトフォークというのは何ですか～？田島悠介ブロックチェーンの分岐の形のひとつなんだ。まずは、どのようなときに行われるのかというところから説明するよ。大石ゆかりお願いします！ソフトフォークとはソフトフォークとは、ブロックチェーンのデータが正しいかどうかを検証するためのルールをより良い物にする際に発生する、ブロックチェーンにおける分岐のことです。このブロックチェーンの分岐は、仮想通貨自体の仕様を変更する為に行います。ただ、実際には分岐し続けることはなく、最終的には1本のブロックチェーンに収束します。ソフトフォークにおける分散型アプリケーションブロックチェーンでは、ビットコインに代表される分散型アプリケーションでは、取引データをブロック毎に分けています。その上で、暗号化された正しい取引で有ることを証明するために、取引データであるブロックにハッシュ値と呼ばれる取引内容を要約したデータを作成します。チェーンでつながれたように次のブロックでは、前のブロックの要約データと現在のブロックの要約データの整合性が取れているかどうかで不正を確認します。このルールを定期的よりよいものに変更していくことで、セキュリティを高めています。そして、その変更をソフトフォークと呼ばれています。田島悠介ソフトフォークについての基本的な説明だね。大石ゆかりソフトフォークはブロックチェーンの改善のために行われるんですね。田島悠介次に、ソフトフォーク以外の分岐についても見ていこう。 [PR]テックアカデミー系列の副業・フリーランス向け動画スクールソフトフォーク以外のブロックチェーンの分岐ソフトフォークで発生するブロックチェーンの分岐以外にもブロックチェーンの分岐が発生します。ブロックチェーンの分岐が発生する理由としては、ブロックチェーンのマイニングにより発生する同時マイニングや、ハッカーによる操作により発生します。マイニングとは、日本語で言えば採掘という意味です。実際に採掘作業を行うのではなく、ビットコインやアルトコインで行う計算処理を分散型ネットワーク内で代わりに処理することをマイニングと言います。同時マイニングとは、マイニングを行うノードがブロックを採掘する際、同時に複数のブロックが生成された場合に、ブロックチェーンの分岐が発生します。ハッカーによる操作とは、悪意のあるノードが、ブロックチェーンのデータを改ざんしようとして、複数のブロックを改ざんすることで、正しいデータブロックと改ざんされたデータブロックでブロックチェーンの分岐が発生します。ソフトフォークの仕組みソフトフォークの種類の1つとして、SegWitという技術があります。 SegWitとは、Segregated Witnessの略で、日本語では証明書を分離するという意味です。ソフトフォークにより実装される、ビットコインの様々な課題を解決することができます。 SegWitでは、ブロックサイズは同じままで、ブロックウェイトを制限することで、より多くのトランザクションを利用できます。ビットコインで既に適用されているソフトフォークとして、Pay to script hash(P2SH)という技術があります。 Pay to script hash(P2SH)とは、マルチシグネチャのBitcoinで支払いを行う際に使用する方法の1つです。マルチシグネチャとは、マルチシグと略されるもので、通常のBitcoinで送金するために複数の署名を使用する方法です。マルチシグネチャを利用する理由は、セキュリティを高めるためです。マルチシグネチャではない認証方法をシングルシグネチャと呼ばれます。2018年1月26日にコインチェック株式会社（英語表記：Coincheck,inc.）で580億円以上に相当するNEMという仮想通貨の盗難事件が発生しました。この時、コインチェック株式会社が採用していた認証がシングルシグネチャでした。 Bitcoinでマルチシグネチャを使用するソフトフォークを適用するにあたり、反対するノードもありました。それは、ハードフォークに比べると低いなりにも、仕様を変更することで仮想通貨自体の価値が下がる可能性がある点です。それでも、BitcoinではPay to script hash(P2SH)を取り入れるソフトフォークを行った結果、マルチシグネチャに対応した送金を行うことができるようになり、送金に関するセキュリティを高ることに成功しました。結果的に、Bitcoinの長期的な安定につながりました。コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、

ブロックチェーン

新潟のパソコンスクール20選｜自分にあった教室の選び方も紹介

新潟県のパソコンスクール（教室）をピックアップしました。田島悠介今回は、なにか相談受けたんだって？大石ゆかり新潟に住んでる友達がパソコンの知識つけたいって言ったんですが、どこ選べばいいかわからなくて・・・田島悠介それじゃあ自分にあったパソコン教室の選び方と新潟にあるパソコンスクールを紹介していくね！大石ゆかりお願いします！目次パソコン市民講座ハロー！パソコン教室パソコン教室アビバ Winスクールパソコン教室わかるとできるよくわかるパソコン教室ヤマダパソコンスクール新潟校おこじょパソコンスクール新潟市のパソコン教室ダイマックパソコン教室くりっくモリパワーキャリアアップスクールスタディPCネットパソコンサプリヤマダ教育機器市民パソコン塾富士通オープンカレッジグラフィックセンター新潟パソコンスクールファーストクリックパソコン教室ＩＣａｎパソコンＢｉｎｉまとめ自分にあったパソコンスクールの探し方まず最初にパソコンスクールを探すにあたって大事なのは、自分にあったパソコンスクールの条件やポイントは何かということです。ただ単にお金や立地といった単純な比較で決めてしまうと、自分が通う目的や目標に合致しない場所を選んでしまう危険性があります。まずはなんのためにパソコンスクールに通うかを明確にしましょう。そのうえで参考となる基準を紹介します。学習内容価格学習スタイル（通学かオンラインか）サポート体制これらをもとに自分がパソコンスクールに通うもっとも重要な理由を当てはめて考えてみましょう。ではここからは、新潟の20カ所のパソコンスクールを紹介していきます。 [PR]テックアカデミー系列の副業・フリーランス向け動画スクールパソコン市民講座特徴と向いている人個別指導で自分のペースにあわせて学習が可能映像授業も豊富のため、復習でより深く身につけることが可能気軽に質問できる環境で疑問をすぐに解決 100教室、54万人以上の実績があり安心自宅学習中に疑問に思ったこともすぐに電話で質問可能スクール内だけでなく、映像授業や電話サポートなど自宅で学習できる環境もサポートされています。パソコンに関して初心者から中級者まで、学習意欲旺盛な方に向いています。プラン・コース一覧 Office基本系 Office資格系その他 Word講座 Word タッチタイピング習得 Excel講座 Excel PowerPoint講座 Outlookメール講座料金受講料＋月会費＋テキスト教材費＋年会費の月謝制受講料：1500円/1時間月会費：2204円割引制度大学生まで対象の学割 1ヶ月8時間の定額受講料：9091円（税別）住所・アクセス【NSGけやき通り教室住所：新潟県新潟市中央区笹口1-20-8 小林ビル2Ｆパソコン市民講座ハロー！パソコン教室特徴と向いている人全国200校オリジナル教材全国1位の「MOS公認パートナー」安価な料金振り替え制度で柔軟なスケジュールカウンセリング可能基本ソフト講座や水彩講座、WordPress講座まで講座内容が幅広く、初心者から中級者はもちろん、転職やフリーランスを目指す方にとってもおすすめのスクールです。プラン・コース一覧 Office基本系 Office資格系 Web系その他 Word講座 MOS試験対策講座ブログ作成講座 iPhone講座 Excel講座ホームページ作成講座 iPad講座 PowerPoint講座 WordPress講座 Android講座 Access講座デジカメ講座ペイント講座年賀状講座料金月謝制講座料：1200円（税別）/1時間住所・アクセス【イトーヨーカドー丸大新潟校】住所：新潟県新潟市中央区本町通り6-1122-1　イトーヨーカドー丸大新潟店4F 【イオン長岡校】住所：新潟県長岡市古正寺1-249-1　イオン長岡2F 【イオン新潟青山校住所：新潟県新潟市西区青山2-5-1　イオン新潟青山ショッピングセンター2F ハロー！パソコン教室コラムコスパとタイパ、両方結果的に良くなる良くなる学び方とは？「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。もちろん、時間も費用もかかることは間違いありません。ただ結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。コスパ・タイパ最適化の参考として、テックアカデミー卒業生がスクールを選んだ理由をご紹介します。

プログラミング

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

Premiere Proでテロップを作成する方法【動画付き】

テロップを作成する手順

監修してくれたメンター

関連するキーワード

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

概念を知っておこう！ビットコインの51%攻撃とは

WordPressで表を作成する3つの方法【初心者向け】

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

8つの事例から学ぶ！優れたナビゲーションメニューの作り方

【事例から学ぶ！】ソフトフォークとは！ハードフォークとの違いについて解説

新潟のパソコンスクール20選｜自分にあった教室の選び方も紹介

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

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

テロップを作成する手順

監修してくれたメンター

記事を検索

関連するキーワード

関連する記事

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

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

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