プログラミング入門

【新コース公開】はじめてのPythonプログラミング入門

2022-03-30 By プログラミング入門ナビ編集部

こんにちは、Proglus（プログラス）運営事務局です。

動画でプログラミングを学べるサービスProglusを、いつもご利用いただきありがとうございます。

新コース「はじめてのPythonプログラミング入門」を2022/3/30に公開いたしましたので、お知らせいたします。

主な学習内容

Pythonプログラミングの基本を習得できます
なぜPythonを学ぶと良いのか理解できます
学習環境Google Colaboratoryの基本的な使い方を習得できます
プログラムのエラーを自力で取り除く基本的な方法を習得できます

講座内容

本コースはプログラミング言語「Python（パイソン）」未経験の方が、中級者を目指すために設計された、初級レベルコースです。

プログラミングに興味がありますか？
人気上昇中のPythonを学びたいですか？
機械学習で役立つPythonの基礎知識を学びたいですか？
データサイエンスで役立つPythonの基礎知識を学びたいですか？
ウェブ制作で役立つPythonの基礎知識を学びたいですか？

あなたの答えが１つ以上YESなら、これはまさにあなたが探しているコースです！

今すぐ、コース紹介動画やプレビュー動画を視聴して、カリキュラム内容をご確認ください！！

私は、ウェブ開発入門完全攻略コースなど、ウェブ開発者を目指す方向けのプログラミング入門コースを複数公開していますが、それよりも、さらに入門者向けに、Pythonを使ったプログラミングを入門できるビジネスパーソン向けのコースを制作しました。

このコースを学ぶメリット：

インターネットとPCがあれば、いつでも自分のペースで学ぶ事ができます。
各レクチャーの添付資料として、コピーアンドペースト可能な完成版ソースコードを配布しますので、コードが動かなくて困ったときに確認することができます（一部除く）。

それでは、皆さんとコースの中でお会いできることを楽しみにしています！

学習に必要な要件

パソコン（macOS または Windows）
ウェブブラウザ Google Chrome （無料）
Google アカウント（無料）

学習環境について：

Google Colaboratory というクラウドを利用した学習環境を利用します（無料プラン利用）
レクチャーの動画収録ではmacOSを利用します。Windows特有の操作については、適宜補足説明します。

このコースのターゲット

Pythonプログラミングを習得したいビジネスパーソン
これからITエンジニアを目指す方
新入社員

■ バージョン情報

Python 3

おわりに

今後も受講生の皆さんがよりよい学びを得られるように、コース・カリキュラムの拡充を進めてまいります。

ぜひ、ご期待ください

コースへのリンク

はじめてのPythonプログラミング入門 | Proglus（プログラス）

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

ウェブアプリケーションエンジニアになりたい！何を学習するべきか？

2021-01-08 By プログラミング入門ナビ編集部

プログラミングを学習するうえで、何を、どの順番で学習したらよいか、よくご質問をいただくため、記事を書きました。

この記事では、プログラミングを学習して、
ウェブアプリケーションエンジニアになるために必要な技術について説明します。

YouTube動画で学習する

ウェブアプリケーションとは

ざっくりいってしまうと、ユーザーがウェブブラウザで使うアプリケーションのことを指しています。

具体例をあげると、

Amazon
Uber Eats
Yahoo
Netflix
Wikipedia

などのウェブサイトが、挙げられます。

そして、ウェブアプリケーションを作る技術者のことを、ウェブアプリケーションエンジニアといったりします。

どういった技術を、どの順番で学習するべきか？

ウェブアプリケーションエンジニアになるために、
どういった技術を、どの順番で学習するべきか説明していきます。

ウェブ関係の技術というのは、幅広くて、新しいものがどんどんでてくるので、上げるとキリがないのですが、

ここでは、ITエンジニアを目指して就職活動をするための、ポートフォリオサイトを作るにあたって、まずは、これらを学習してくださいというものを紹介します。

HTML, CSS

はじめに、
HTML、ウェブページの構造を定義する言語を学習します。
あわせて、
CSS、ウェブページのスタイルを指定する言語を学習します。
ウェブページのデザインを定義します。

HTMLだけだと、見た目は考慮されていない文書が表示されるだけなのですが、

CSSを使うと、デザインが適用されたウェブページが作れます。

HTML、CSSは、プログラミング言語ではないのですが、ウェブ関連のプログラミングを行ううえで、必須の基礎知識です。

JavaScript

JavaScriptは、主に、ウェブブラウザ上で動く、プログラミング言語です。

サイトに動きをつけたり、ページをリロードしなくても表示内容を動的に変更できたりします。

ここまでのHTML、 CSS、 JavaScriptは基本的には、学習しないという選択肢はありません。

ほぼ必須スキルといえますし、代わりになるほかのテクノロジを選択するといったことも基本的にはできません。

サーバーサイドのプログラミング言語（Rubyなど）とフレームワーク（Ruby on Railsなど）

次に、サーバーサイドのプログラミング言語、Rubyなど、を学習します。

サーバー側で動くアプリケーションの動作を記述するための言語です。

しかしながら、Rubyといったプログラミング言語だけを使って、ウェブサービスを開発することは、特殊な事例を除いては、あまりなくて、

サーバーサイドのフレームワーク、Ruby on Railsなどと組み合わせて使います。

フレームワークは、アプリケーションを作るときの土台となるもので、
よく使う機能がパッケージされていて、用意された機能を使うことで、素早くアイディアを形にすることができます。

たとえば、ECサイトであれば、合計金額を計算したり、クレジットカード会社と通信して決済を実行する処理などを書きます。

サーバーサイドのプログラミング言語やフレームワークは、選択肢が沢山あるので、これが1つの正解というのはありません。

価値観は人それぞれ違ってあたりまえなので、皆さんが自由に選択して使えばよいです。

しかしながら、何を使ったらよいかわからない方には、
Ruby とRuby on Railsをおすすめしています。

トレンドが目まぐるしく変わる、IT業界において、10年以上に渡って広く使われている技術で、安心して使えるからです。

民泊予約サイトのAirBnB（エアービーアンドビー）や、ソースコード管理サービスGitHub（ギットハブ）、クラウドファンディングのKickstarter（キックスターター）など、有名スタートアップ企業が使っています。

日本でいうと、日本最大の料理レシピサービスであるクックパッドや、特にベンチャー企業、スタートアップ企業で採用されることも多いです。

私も普段から業務に使ってビジネスをしているので、安心しておすすめができます。

SQL

関連して、SQLも学んだ方が良いです。

SQLは、データベースを操作するための言語です。
ECサイトを例に取ると、データベースには、顧客情報や商品情報、注文情報などが保存されています。

SQLを使って、データベースのデータを、追加、編集、削除します。

ウェブサービスは、ほぼ100%のケースで何かしらのデータベースを使っているので、SQLは知っておいたほうが良いです。

Git

Gitは、ソースコードを管理するためのソフトウェアです。

書いたプログラムのバージョン管理します。
特にチームで開発する場合は、ほぼGitが使われますので、基本を抑えて置く必要があります。

これらの基本が学習できたら、企業に実力を示すための、ポートフォリオを作り、就職活動することをおすすめしています。

余力がある方向けの学習項目

余力があれば、サーバー関係の技術、AWS、GCP、herokuなど。
CSSフレームワークのBootstrap、
JavaScriptのライブラリ、フレームワーク。たとえばVue.jsやNuxt.jsを学習するのも良いです。

おわりに

ウェブアプリケーションエンジニアになりたいと持ったときに、何を学習するべきか？説明しました。
プログラミング関連の学習には終わりがないので、
ポートフォリオサイトをサクッと作って、早くIT企業に就職して、お金をもないながら、実務で学ぶことをおすすめしています。

実務をやりだすと、学習しているときよりも断然成長スピードが早いです。
ぜひ、今スグプログラミング学習をはじめてください

番組の説明欄に、動画で学ぶプログラミングサービスプログラスのURLを載せておきますので、ぜひチェックしてみてください。無料から始められます。

今日も皆さん、ありがとうございます！

＞＞今すぐProglus（プログラス）でプログラミング学習をはじめる

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

プログラミング学習を成功させるポイントを3つお送りいたします

2020-05-28 By プログラミング入門ナビ編集部

プログラミング学習は、学習コストの投資に対するリターンの期待値が高いです。そのため、人生をより良く、より楽しくしたい方には、プログラミング学習をとてもおすすめしています。
しかしながら、間違った学習方法により、挫折してしまう人も多いです。

プログラミング学習を成功させるポイントは沢山あるのですが、

ここでは、ポイントを3つピックアップしてお伝えいたします。

ポイント① 将来なりたい姿に合わせて適切なスキルを選ぶ

今後どのように活躍したいかによって、学ぶべきスキルが異なります。あなたが思い描く将来像によって、力を入れて学習するスキルを変えてください。

一概には言えないので、あくまで例となりますが、

スタートアップ起業で働きたい：Ruby やJavaScript
開発費が数百億円、数千億円の大大企業や公的機関などの規模の大きな法人に向けたビックスケールのプロジェクトの開発がしたい：JavaやC#
iPhoneアプリを創りたい：Swift
Androidアプリを作りたい：Kotolin

といった具合です。

一つの言語を習得すると、他の言語の習得もハードルが下がります。

汎用性があり、分野を問わず使う機会が多いため、現時点で何を学習したらいいか分からない方はまず、HTML、CSS、JavaScriptから始めてください。

ポイント② 自分の実力＆即戦力であることを示すポートフォリオを作ることを意識する

新卒でIT企業に就職される方は「やる気があります、何でもやります」で採用してもらえる可能性も高いです。

しかし、中途採用の場合は基本的には即戦力採用です。実務未経験でITエンジニアとして就職するには、実力が分かるポートフォリオを作ることが重要です。

架空でも良いのでウェブサービスを作って採用担当者に実力を示すことや、ソースコードを現場の担当者に書類選考の資料として見せるなど、ポートフォリオ作りを意識して、そこから逆算して基礎学習を行ってください。

言い換えると、創りたいものがあるから、それを作るための学習をするということです。このように考えると、モチベーションが続きやすいです。

ポイント③ 気兼ねなく聞ける環境を確保する

プログラミング学習に限ったことではないのですが、新しいスキルを身につける時に、適切なアドバイザーを見つけることはとても大切です。

私も経験があるのですが、行き詰まったときに自力で解決するのはとても時間が掛かる場合があります。

しかし、経験者に聞いたら3分で解決するというのはよくあることです。

一番の理想は、就職して実務経験を通して先輩に教わることです。

なぜなら、お金を貰いながらスキルアップできるからです。

私も、先輩に沢山教わりましたし、教える側の仕事もたくさんしました。

就職したときに、先輩や上司に当たる方も採用した新人が成果を出してくれないとプロジェクトが回らないため、親身に教えてくれる人が多いです。

とはいえ、就職するためには勉強が必要なので、そのときにも聞けるアドバイザーを探してください。

まずは友人、知人、親族を探します。見つからない場合は、お金を払ってでもアドバイザーを確保したほうが、結果が出るまでが早いです。

SNSなどで、無料で相談に載ってくれる先輩エンジニアの方もいたりします。

しかし、基本的には本業の合間に対応しているので、遠慮して聞かないといけない、返信まで1、2週間かかるなど、ゴールに向かって遠回りをしている方もいらっしゃいましたので、注意してください。

まとめ

プログラミング学習を成功させるポイント3つ

ポイント① 将来なりたい姿に合わせて適切なスキルを選ぶ
ポイント② 自分の実力＆即戦力であることを示すポートフォリオを作ることを意識する
ポイント③ 気兼ねなく聞ける環境を確保する

を紹介いたしました。

私は、プログラミングを学習して仕事にしてきたおかげで、今、本当に仕事が楽しくて仕方がない状況です。

ぜひ、皆さんもプログラミング学習を成功させて、転職などご自身の目指す目標を達成してください。

おすすめの教材については、動画の説明欄に記載していますので、参照してください。
あと、動画が役に立ちましたら、チャンネル登録もよろしくお願いします。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Windowsで2つのファイルの差分を確認するには？WinMergeの使い方を紹介！

2020-04-18 By プログラミング入門ナビ編集部

はじめに

プログラミング学習をしていると、バグの原因究明に四苦八苦すること、ありますよね。

サンプルコードの通りに記述しているのに、なぜか想定通りに動かない。

実行時にエラー文が出るタイプのバグならまだ確認しやすいですが、特にHTML等で想定と違う挙動をしている場合は何のエラー文も出てこず悩むことも多いですね。

そんな時は、サンプルコードと自分の書いたコードでどの部分が違っているのか、差分（diff）を確認してみましょう。

この記事では、Windows環境でのファイル差分確認方法を紹介します。

ファイルの差分（diff）とは？

2つのファイル間で異なる部分のことを差分といい、「違い」を意味する英単語「difference」から「diff」（読み：ディフ）とも呼びます。

特にプログラミングの業界ではファイル間の違いを見るために「これとこれのdiff取ってみて」などと指示されることも多いです。

冒頭で取り上げたバグの原因究明のケース以外にも、ソースコードの更新をした際に更新前後でどの部分が変わったのか把握する目的でも行われます。

WinMergeのインストール方法

Windows環境で使用できる差分確認ツールとしては、WinMergeがポピュラーです。無料で使用でき、UIも優れていて差分がとても見やすいことから大変人気があります。

インストーラをダウンロード

まず、WinMergeのサイトからインストーラをダウンロードします。

いくつかのインストーラが用意されていますが、一番上の「WinMerge-X.X.X-Setup.exe」を選ぶと良いでしょう。X.X.Xには最新バージョンの数字が入ります。

クリックすると実行するか保存するかを聞かれますが、念のため保存しておきましょう。

インストーラを実行

インストーラをダウンロードできたらダブルクリックします。

インストール場所やコンポーネントの選択がありますが、特にこだわりがなければ全てデフォルト通りのまま「次へ」をクリックしていき、最後の「インストール」を押せば完了です。

WinMergeの使用方法

ここからは、実際のバグ取り例に沿ってWinMergeの使用方法を見ていきましょう。

HTML+CSSでのケース例

ここでは、オンライン講座「Web開発入門完全攻略コース」のサポート記事を例として取り上げます。

「Web開発入門完全攻略コース」サポートサイト

HTMLとCSSをサンプルコードの通りにコーディングすると、本来は下記のような実行結果となるはずです。

実行結果が想定と違う場合は差分を取ってみよう

ところが、このようにナビゲーション部分が横に広がらず縦に並んでしまったとしましょう。

様々な原因が考えられますが、例えば該当箇所でのfloatがうまくできていない可能性が思い浮かびますね。

しかし、base.cssのソースコードを見てみてもそこはきちんとfloat: leftの指定ができているようです。

これならばnav要素は全て左から順に横並びになると想定されます。

header nav ul li {
  float: left;
  width: 155px;
  margin-right: 2px;
  text-align: center;
}

このように原因の予想が外れてしまうと、どこに間違いがあるのかソースコードを頭から一通り睨むことになり一苦労ですね。こんな時こそ差分ツールの出番です。

まずはHTMLファイルを比較してみましょう。WinMergeを起動し、フォルダのアイコンをクリックします。

比較したいファイルを3つまで入力することが可能です。ここでは、まず比較したい2つのHTMLファイル（サンプルコード・自分のコード）を選択してください。

「検証」をクリックすると、2ファイル間で差分がない場合はこのような画面になります。どうやらHTMLファイルには問題ないようですね。

次にCSSファイルを比較してみましょう。先ほどと同様に比較したい2つのCSSファイルを指定し検証をクリックするとこのような画面となりました。

差分がある場合は、左側の「ロケーションペイン」の部分に差分の箇所がオレンジ色で提示されます。その部分までソースコードをスクロールすると、「header nav ul」要素でのwidth指定値に差分があることがわかりました。

サンプルコードは940pxなのに対し、今回書いたコードでは94pxになってしまっていますね。floatが効いていなかったのでなく、幅が足りなかったために縦並びになっていたようです。

このように、素早く簡単に問題の箇所を見つけることができました！

まとめ

Windows環境でファイルの差分を確認する方法を紹介しました。特にHTMLでは想定通りの実行結果にならなかった時、何が問題なのか見つけにくいことが多いです。

この方法を使えばどこが間違っているのかスムーズに確認することができますね。

バグ取り以外にも便利な使い道がたくさんあるので、ぜひ使ってみてください。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

初心者からWebエンジニアへ転職するために必要なスキルセットは？優先順位別に紹介！

2020-03-31 By プログラミング入門ナビ編集部

はじめに

Webエンジニアへの転職、やることが多くて何から始めたらいいか悩んでしまいますよね。

ひとまずプログラミングの学習を始めたはいいものの「これだけでいいのだろうか」「あれもやっておくべき？」など、考え始めるときりがありません。

この記事では、Webエンジニアに最低限必要なスキルセットとして何を押さえるべきかについて、講師のおすすめを紹介します。

Webエンジニアリングの全体像

まずはWebエンジニアの仕事ではどういったことをするのか、ざっくりと見てみましょう。

Webサイト制作時の役割分担として、フロントエンドとサーバーサイド（バックエンドとも呼ばれます）があります。

フロントエンドはWebサイトがユーザからどう見えるかを司るユーザーインターフェイス部分の実装です。

サーバーサイドはその名の通り、Webサイトが動くサーバー上で必要な機能の実装部分となっています。

また、どちらの場合も、基本的な開発ツールを使いこなせるようにしておくことも重要です。

Webエンジニアへの転職後はこのいずれかもしくは両方を担当することになります。

全体の動きを把握するためにも、まずは次項以降のスキルセットを一通り身に付けて簡単なWebサイトを開発してみるのがおすすめです。

フロントエンド

最初に、フロントエンド開発に必要なスキルセットを紹介します。ブラウザ上で簡単に挙動が確認できるので、まずはフロントエンドから入ると理解が進みやすいです。

HTML + CSS

文章や画像など、Webページの見た目を記述するための言語がHTML、そのレイアウトを制御するのがCSSです。

Webエンジニアリングにおいて一番基礎の部分であり、初心者の方でも学校の授業等で触れたことがあるかもしれません。

新HTML入門

WE05-CSS入門

JavaScript

Webサイトには、ユーザがただ読んだり見たりするための静的なコンテンツだけではなく、アンケートやファイルアップロードなどユーザが操作するコンテンツもありますね。

このようなコンテンツではユーザの操作に応じた動的な処理が必要で、これを記述するための言語がJavaScriptです。

実に世界の95%以上のWebサイトでJavaScriptが使用されており、初めて学ぶのに適しています。

WE09-JavaScript入門

Bootstrap

HTML、CSS、JavaScriptはいずれもプログラミング言語ですが、自分でデザインも実装も行うとなると手間がかかります。

Bootstrapは、表示先のウィンドウサイズに合わせてレイアウトを動的に変化させるレスポンシブデザインなど、定番のレイアウトを簡単に実装するためのCSSフレームワークです。

これを覚えればデザイン性の高いサイトをサクサクと作れるようになります。

WE08-Bootstrap4 入門

サーバーサイド

フロントエンドを一通り理解したら、サーバーサイドの技術を身に付けましょう。サーバー環境を構築し、実際に動かしながら学んでいくのが良いでしょう。

SQL

一定以上の規模であれば、データベースを使わないWebサイトはほとんどないと言っても過言ではありません。例えばECサイトならば顧客情報や商品情報を管理するのに必要です。

SQLはデータベースを操作するためのプログラミング言語で、こちらも習得することを推奨します。

後述するスクリプト言語のフレームワーク等ではActiveRecordという仕組みが導入されており、オブジェクト（アプリケーション内の実体）とデータベースをスムーズに繋ぐORM（Object-Relational Mapping）が可能です。

この機能を用いればSQLを意識することなくデータベースを扱うことはできますが、不具合が発生した際のデバッグやパフォーマンスを上げるためのチューニングはSQLを知らなければ難しいでしょう。

SQ01-SQL入門

Ruby

サーバー側の処理を記述するためのスクリプト言語にはPerl、PHP、Python、Java等様々なものがありますが、中でもおすすめしたいのがRubyです。

日本人のまつもとゆきひろ氏が開発された言語ということもあり、日本語のドキュメントが充実していて人気が高く、後述する通り便利なフレームワークもあるため初心者の学習に適しているといえます。

RB01-新・Ruby入門

Ruby on Rails

Rubyでの開発を簡素化するために、よく使われる機能等をまとめて使いやすくしたフレームワークがRuby on Railsです。

これを使うとコード量が少なく開発スピードが上がるため、実際の開発現場では必ずといっていいほど導入されています。

RR01-新・Ruby on Rails入門

サーバー構築技術(１)heroku

サーバーの構築や運用についても学ぶ必要があります。サーバー用の機器を購入して自宅で構築する方法もありますが、手軽に始められるPaaS(Platform as a Service)を活用するのが良いでしょう。

herokuではハードウェアの準備やOSのインストール等を行わず、アプリケーションのデプロイに集中できるので習得スピードを早められます。

heroku

サーバー構築技術(2)AWS

もう一つのおすすめはAmazon社が提供するAWSです。導入している企業が多いため、習得しておくと良いでしょう。

認定試験もあるので、転職活動を有利に進めるために取得を目指すのも良いかもしれません。

Amazon Web Service

開発基本ツール

開発に欠かせない基本ツールの使い方も習得する必要があります。Webエンジニアに限らず全てのエンジニアに必須のスキルです。

Git/GitHub

Gitはソースコードのバージョン管理システムです。

開発を進めていくとコード量が膨大になり複雑になってきますよね。

後から不具合が起きた場合の対応のため、どのバージョン以降から発生したのかを確認・修正したり、別の機能を派生的に追加したりする目的でソースコードを管理する必要があります。

ローカル環境で使用するバージョン管理システムとしては、SubversionやCVSといったものも有名ですが、より便利なGitが現在の主流です。

また、Gitのクラウド版であるGitHubは数千万人規模のユーザが利用しており、ソースコードの公開やそれを通した交流の場となっています。

WE16-Git / GitHub入門

Linux

サーバー環境はLinux上に構築されることが多いため、基本的なLinux操作方法について学ぶ必要があります。

まずは重要なコマンドを覚えることから始めると良いでしょう。

LS01-はじめてのLinuxサーバ（ローカル環境編）

まとめ

Webエンジニアになるために必要なスキルセットについてご紹介しました。初心者の方におすすめの講座情報も掲載していますので、ぜひチェックしてみてください。

学習方針確認のお助けになれば幸いです。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

プログラミング入門

主な学習内容

講座内容

このコースを学ぶメリット：

学習に必要な要件

学習環境について：

このコースのターゲット

おわりに

コースへのリンク

動画でプログラミング入門をしよう

YouTube動画で学習する

ウェブアプリケーションとは

どういった技術を、どの順番で学習するべきか？

HTML, CSS

JavaScript

サーバーサイドのプログラミング言語（Rubyなど） とフレームワーク（Ruby on Railsなど）

SQL

Git

余力がある方向けの学習項目

おわりに

動画でプログラミング入門をしよう

ポイント① 将来なりたい姿に合わせて適切なスキルを選ぶ

ポイント② 自分の実力＆即戦力であることを示すポートフォリオを作ることを意識する

ポイント③ 気兼ねなく聞ける環境を確保する

まとめ

動画でプログラミング入門をしよう

はじめに

ファイルの差分（diff）とは？

WinMergeのインストール方法

インストーラをダウンロード

インストーラを実行

WinMergeの使用方法

HTML+CSSでのケース例

実行結果が想定と違う場合は差分を取ってみよう

まとめ

動画でプログラミング入門をしよう

はじめに

Webエンジニアリングの全体像

フロントエンド

HTML + CSS

JavaScript

Bootstrap

サーバーサイド

SQL

Ruby

Ruby on Rails

サーバー構築技術(１)heroku

サーバー構築技術(2)AWS

開発基本ツール

Git/GitHub

Linux

まとめ

動画でプログラミング入門をしよう

サーバーサイドのプログラミング言語（Rubyなど）とフレームワーク（Ruby on Railsなど）