TechAcademy（テックアカデミー） Webアプリケーションコース プログラミング Ruby Rubyのストロングパラメータ(Strong Parameters)を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
Ruby

Rubyのストロングパラメータ(Strong Parameters)を現役エンジニアが解説【初心者向け】

初心者向けにRubyのストロングパラメータ(Strong Parameters)について現役エンジニアが解説しています。ストロングパラメータはRails4系から追加された仕組みで、DBに入れる値を制限することで、不正なパラメータの入力を防ぐことが出来ます。requireやpermitメソッドを使用します。

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

Rubyのストロングパラメータ(Strong Parameters)について解説します。

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

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

 

田島悠介

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

大石ゆかり

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

田島悠介

Rubyのストロングパラメータ(Strong Parameters)について詳しく説明していくね！

大石ゆかり

お願いします！

 

ストロングパラメータ(Strong Parameters)とは

ストロングパラメータとは、RailsでDBを更新する際に、不要なパラメータを取り除く(必要なパラメータだけに絞り込む)ための仕組みです。

ストロングパラメータを使うことで、本来ユーザーから送られてくることのないパラメータが存在していたとしても、それを取り除いて安全にDBの更新を行うことができます。

ストロングパラメータ(Strong Parameters)の仕組みと使い方

ストロングパラメータを使うにはrequire/permitメソッドを用います。

Userモデルのname, ageだけを更新したい場合には、以下のように書きます。createメソッド、updateメソッドで共通的に使用するため、user_paramsのように別のメソッドに切り出すのが一般的です。

 

def user_params
  params.require(:user).permit(:name, :age)
end

このように書くことで、次のようなパラメータが送られてきたとしても、name, ageカラムのみを受け取ってDBを更新することができます。

 

params = {
  "utf8" => "?",
  "authenticity_token" => "token",
  "user" => {
    "name" => "taro",
    "age" => "18",
    "password" => "MyPassword",
    "height" => "160",
    "weight" => "50",
  },
  "commit" => "Update User",
  "id" => "1"
}

 

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

筆者プロフィール

メンター稲員さん

フリーランスエンジニア。
大手SEからフリーランスのWeb系エンジニアにジョブチェンジ。

経験言語：Ruby、Rails、Python、C/C++、Java、Perl、HTML/CSS3、JavaScript、CoffeeScript,Node.js。
おうち大好きマンです。

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

TechAcademyでは、初心者でもRuby on Railsを使ったプログラミングを習得できるオンラインブートキャンプRuby講座を開催しています。

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

記事を検索

関連するキーワード

関連する記事

RubyでYAMLを扱う方法を現役エンジニアが解説【初心者向け】

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

Rubyでsort_byを使う方法【初心者向け】

Rubyでsort_byを使う方法について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事...
Ruby

Rubyで組合せを計算する方法を現役エンジニアが解説【初心者向け】

Rubyで組合せを計算する方法について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事...
Ruby

Rubyのbase64エンコード（エンコーディング）とは【初心者向け】

Rubyのbase64エンコードについて解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を...
Ruby

Rubyのコメントの書き方を現役エンジニアが解説【初心者向け】

Rubyのコメントの書き方について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むと...
Ruby

Rubyのreplaceメソッドの使い方【初心者向け】

Rubyのreplaceメソッドの使い方について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説し...
Ruby

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

今さら聞けない！Rubyとは【初心者向け】｜現役エンジニアが解説

最近よく耳にする「Ruby」とは一体どのような言語なのでしょうか？ 今回はその「Ruby」の正体を解説していきたいと思います。Web系の企業でもRubyを使っているところは多いので、これからRubyを勉強してみたいという人はぜひ参考にしてみてください。 終わりには、学習方法もいくつか紹介しているので、自分の好きなやり方で勉強してみましょう。   なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。   なお、今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。     田島悠介 ここではプログラミング言語のひとつ、Rubyについて解説していくよ。 大石ゆかり 田島メンター！！Rubyはどんな用途で使われる言語なんですか〜？ 田島悠介 一番よく使われているのはWebアプリケーションかな。動的なサイトを作るのにとても役立つんだ。有名なクックパッドなどもRubyを使用して作られているよ。 大石ゆかり なるほど。是非覚えてみたいです！   目次 Rubyとは Rubyでできること オブジェクト指向とは Rubyの動向 Rubyが日本で人気な理由 Rubyで開発が向いているサービス Rubyのインストール Rubyの書き方 Rubyの基本構文 Rubyの学習方法 Rubyの学習時のポイント   Rubyとは Rubyとは、まつもとゆきひろ氏により開発されたオブジェクト指向スクリプト言語です。 CやJavaといったコンパイラ言語は、プログラムを実行するためにはコンパイルという手続き（人間が書いたソースコードを機械命令に変換）を介して初めて実行ができます。 しかし、スクリプト言語はこう言った手続きが一切不要で、そのまま実行することができるため、コンパイラ言語に比べてプログラミングを手軽に行うことができます。   また、オブジェクト指向言語なので、すべてのデータがオブジェクトとして表現されています。 つまり継承などといったオブジェクト指向ならではの機能を使うことができます。 継承をすることで書くコードの量が少なくて済み、読みやすく作業効率も上がるでしょう。   Rubyの名前の由来ですが、宝石の「ルビー」から来ています。 Perl(パール)という名前のプログラミング言語がありますが、宝石の真珠(パール)と読み方が同じという点で宝石の名前を取ったようです。 なぜRuby(ルビー)なのかというと、当時のまつもと氏の会社の同僚が7月生まれで、7月の誕生石がルビーだったからです。 Ruby/Rails開発のためのおすすめエディタ/IDEも紹介しているので、合わせてご覧ください。   [PR] 未経験からWebエンジニアを目指す方法とはRubyでできること Rubyを使うメリットとして一番大きいのは、Ruby on RailsというWebアプリケーションフレームワークを使うことができるということです。 Ruby on Railsを使うと、WebサイトやWebベースの業務システムを効率良く開発できると言われています。 Rubyを使っている企業は多くあり、そのほとんどがRuby on Railsを使っているのでエンジニアとして活躍することも可能でしょう。   オブジェクト指向とは 従来のプログラミング言語では困難になってきた、大規模なソフトウェアの開発をより効率よく開発を行うために考え出された 概念です。 一般的に、以下の特徴を持っています。 カプセル化 継承 ポリモーフィズム（多態性） カプセル化 カプセル化とは指定の方法以外で外部からデータにアクセスできないようにすることです。 想定外のアクセスにより、本来書き換えてはならないデータを誤って書き換えることがなくなります。 たとえば、ゲームのセーブデータなどは簡単に書き換えられてしまう訳にはいきません。 そういったデータを書き換えられないようにするためにもカプセル化という機能は重要です。   継承 継承とは、既にある機能を受け継ぎ、効率よくソフトウェア開発を行うための機能です。 例えば、既にあるプログラムを一部改修を加え、新しく作り直したいことがあります。 そうした際に、一から作り直すのはかなり面倒です。 そこで、継承を利用することで既存の機能をそのまま再利用しつつ、新たな機能を定義することができるのです。   ポリモーフィズム（多態性） ポリモーフィズム（多態性）とは、同じ名前の機能（プログラム）を作成でき、それらが独立して存在できることです。 例えば、スマートフォンでは動画や音楽が再生できます。 この動画や音楽を再生するプログラムをPlayという名前でそれぞれ作ったとします。 この時、ポリモーフィズムの概念がないプログラミング言語(C言語など)では、同じプログラムが二重に定義されていますとエラーが出てきます。 ですが、RubyやC++などでは音楽ファイルなら音楽を再生し、動画ファイルであれば動画を再生することができます。 このように同じ名前のプログラムを複数定義でき、それぞれのデータに合わせて使うことができることをポリモーフィズム（多態性）と言います。   Rubyの動向 Rubyは現在も積極的に開発が進められています。 2020/5/23現在の最新の安定版は2.7.1です。また古いバージョンである2.4は公式サポートが終了しました。 最新の2.7系では多くの機能強化やパフォーマンスの改善が行われました。 詳しくは2.7.0のリリースノートを参考にしてください。 Ruby 2.7.0 リリース   フレームワークであるRuby on Railsも継続して開発が行われています。 2020/5/23現在の最新バージョンは6.0.3.1です。 こちらも最新の6.0系では、新しいフレームワークの導入やマルチデータベース対応など、多くの機能追加が行われています。 詳しくは6.0のリリースノートを参考にしてください Rails 6.0 (英語)   なお、毎年恒例のイベントであるRubyKaigi（ルビー会議）ですが、2020年のRubyKaigi2020はコロナウィルス感染症の影響で延期となっています。 ただし中止ではなく延期というのは嬉しいですね。 詳しくはリリース記事を参考にしてください。 新型コロナウィルス感染症（COVID-19）に関するRubyKaigi2020の対応について   Rubyが日本で人気な理由 国内のWebサービスとしては、クックパッドや食べログなどがRubyを利用していることは有名です。 では、なぜRubyが使われているのでしょうか？   一つは、Rubyの開発効率の高さです。 Rubyは「Enjoy for Programing!」を掲げており、プログラマーにとってコーディングしやすいプログラミング言語となっています。 直感的に、実装したい機能をコーディングできるためストレスフリーで開発を行うことができます。   そして、フレームワーク（Ruby on Rails）の存在です。 「Ruby on Rails」とはRubyのWebアプリケーションフレームワークであり、数回のコマンド入力を行うだけで、Webサイトが自動生成できるRuby on Railsは大幅な開発工程の短縮を実現しました。 このRuby on Railsの登場により、開発コスト削減を図る企業などでの利用が増加しました。 また、スタートアップ企業などがWebサービスを立ち上げるために、Ruby on Rails を利用していることも多いです。   また、Rubyは日本で開発されたプログラミング言語であることも利用されている理由の一つです。 C++やJavaといったプログラミング言語の最新情報は英語で書かれていることが多く、それら最新技術を利用するには、一定の英語スキルが必要になります。 また、有用な参考書なども英語で書かれていることが多く、それらの翻訳されたものは、誤訳されたものもあります。 しかし、Rubyは開発者が日本人ということもあり、日本語で書かれた有用な参考書が数多く手に入ります。 そのため、最新情報をいち早く活用することもできるのです。   Rubyでの開発が向いているサービス Rubyは前述の通りRailsと組み合わせてRuby on Railsとして開発を行うことが一般的です。 Ruby on Railsは以下のようなサービスの開発に向いています。   スタートアップ企業のWebサービス Ruby on Railsは開発効率が高いため、少人数での短期開発に向いています。 スタートアップ企業のWebサービスは短期間での継続的なローンチが求められます。 Ruby on Railsはいわゆるアジャイルと呼ばれる開発手法にも適しており、少人数でサービスの基本機能を立ち上げ、ユーザーのフィードバックを得ながら継続的にサービスを改善していくことに適しています。   WebAPI経由でのサービス展開 WebAPIとはプログラムから利用するインターネット上のサービスです。 例えばGoogle MapやTwitterなど、多くのサービスがWebAPIを提供しています。 WebAPIのメリットは既存のサービスを組み合わせて新たなサービスを生み出せることです。 例えば気象データを提供するWebAPIをECサイトのサービスと組み合わせることで、他にはない特徴的なサービスを提供できるかもしれません。 Ruby on RailsにはAPIモードという構成があり、アプリケーションを構築する際にAPIモードを選択することでWebAPIを効率よく開発することができます。   データベースと組み合わせた基幹系システム 意外かもしれませんが、Ruby on Railsは大量のデータ処理や、複雑な計算を行う企業の会計などの基幹系システムのサービス開発にも向いています。 Ruby on RailsはMVCと呼ばれる安定的なサーバアーキテクチャをベースとしています。 またデータベースとの連携についてもモデルクラスによるアクセスやコネクションプールなどに標準的に対応しています。 レガシーシステムを更新する際の選択肢として考えても良いでしょう。   Rubyのインストール Rubyでプログラムを書こうと思ったらまず、Rubyをインストールする必要があります。 手順としては、 Ruby のダウンロードページ からダウンロード(執筆時最新版Ruby2.7.1)。Windowsであれば、RubyInstallerというツールでのインストールも可能です。 ダウンロードしたファイルを実行し、インストール。 インストールが完了したら、ターミナルやコマンドプロンプトから「ruby -v」と入力し、バージョンを確認。 ruby 2.7.1などと表示されれば完了です。   田島悠介 RubyはWindowsとMacの両方で使用することができるよ。 大石ゆかり やっぱりそれぞれによって開発環境の構築の方法がだいぶ違うんですか？ 田島悠介 そうだね。また、インストールに必要なソフトがあったりと少し複雑なので、なるべく最新の情報を見てひとつずつ順番にやってみるのがいいと思うよ。公式のインストールガイドも参照しよう。   Rubyの書き方 Rubyのファイルは「.rb」という拡張子をつけることで保存されます。 実際にターミナル上にHello,world!を出力するプログラムを例に書き方を紹介したいと思います。 print("Hello,world!n") この一文だけで目的のプログラムを作ることができます。 他の言語では文末にセミコロンを打ちますが、Rubyではそれが必要ありません。 他のプログラミング言語を少しでも学習したことがある方は、Rubyがいかにシンプルであるかが分かるかと思います。 実際にRubyを使ってみたいという方は、開発環境の構築方法も合わせてご覧ください。   Rubyの基本構文 Rubyでよく使う基本構文についていくつかまとめて紹介していきます。 基礎的な内容になるので、Rubyとは何かよく分からないという方でも覚えておくと今後役に立つでしょう。 if文 if文は「◯◯の場合〜〜する、△△の場合〜〜する」といった条件分岐の処理を行うことができます。 「ログインできたらアカウント画面に、できなかったらエラー表示に」といった普段Webサイトを見ていると当たり前のように行なわれている処理が条件分岐なのです。 if ◯◯ then # ◯◯がtrueだった時の処理 else # ◯◯がfalseだった時の処理 end   for文 for文は、繰り返し処理をする際に使います。1+2+3+4+…のように手動で足していくのは面倒ですが、「1ずつ増えた数字を繰り返し足して、100まで繰り返す」といった宣言を行うことができるようになります。 for i
Ruby

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] 未経験からWebエンジニアを目指す方法とはホバー状態を明確に示す ホバーされたメニューの「アクティブな」クラスを設計すれば、所属関係の構造が明らかになります。ほとんどのデザイナーは、ホバーされた時のリンクに、「: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ミリ秒くらいしかかかりません。 カーソルが他の場所に移動したときにのみアニメーションが生成され、リンクは明確に表示されます。 このことは素晴らしいドロップダウンメニューアニメーションの鍵です。アニメーションは誰もが好む魔法のような効果を実現できるものですが、アニメーション要素をページの構成要素の一部として考えることも重要です。   結論 優れたドロップダウンメニューでは、「機能」と「ビジュアル」の両方が考慮されています。 つまり、外観のデザインも大切ですが、ユーザーのために分かりやすく構築することも大切です。 どのルールもシンプルで、小さなコードを追加するだけで簡単に実装できるでしょう。   また、TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。自分でデザインを形にしたい、デザインのスキルを上げたいという方はぜひご覧ください。
Webデザイン

JavaScriptでGETパラメータを取得する方法を現役エンジニアが解説【初心者向け】

JavaScriptでGETパラメータを取得する方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入門向けのJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。   そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。     田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptでGETパラメータを取得する方法について詳しく説明していくね！ 大石ゆかり お願いします！   GETパラメータとは URLの最後に追加された値の事です。 下記のURLだと、?の後ろがGETパラメータになります。   https://junior.techacademy.jp/?id=aaa&age=10   この例では、idがaaa、ageが10という2つのGETパラメータがTECHACADEMYジュニアのURLに追加されています。   JavaScriptでGETパラメータを取得する方法 「Window.location」の中にURLが格納されているので、locationの「search」を呼び出す事で?以降の文字が取得できます。 GETパラメータが複数ある場合やパラメータ名ではなく値のみ欲しい場合は、取得した文字列を操作する必要があります。 取得から操作するまでのサンプルコードを紹介します。   [PR] 未経験からWebエンジニアを目指す方法とは複数のパラメータを配列に格納する方法（サンプルコード） var queryString = window.location.search; var queryObject = new Object(); if(queryString){ queryString = queryString.substring(1); var parameters = queryString.split('&'); for (var i = 0; i < parameters.length; i++) { var element = parameters[i].split('='); var paramName = decodeURIComponent(element[0]); var paramValue = decodeURIComponent(element[1]); queryObject[paramName] =
JavaScript

誰でも実装できる！PHPでメール送信を行う方法【初心者向け】現役エンジニアが解説

PHPでメールを送信する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 mail関数、mb_send_mail関数を使って簡単にメールを送信できます。 フォームに入力されたメールアドレスに簡単にメール送信できるので、ぜひ覚えておきましょう。   目次ストロングパラメータ(Strong Parameters)とはストロングパラメータ(Strong Parameters)の仕組みと使い方筆者プロフィール   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり 田島メンター！PHPでメールを送信することはできますか？ 田島悠介 ちょっと問題があるけど、関数を書くだけで送信できるんだ。 大石ゆかり そんなに簡単に送信できるんですか？ 田島悠介 そうなんだ。mail関数とmb_send_mail関数について見ていこう！   mail関数、mb_send_mail関数とは mailとmb_send_mailは、どちらもメールを送信する際に使用される関数です。 mailとmb_send_mailの違いとして、mb_send_mailは日本語などのマルチバイト文字を扱ってメールの送信を行うことができます。   メール送信の書き方 mailの場合 mailは以下のように記述します。 mail(送信先,タイトル,本文,追加ヘッダー,追加コマンドラインパラメータ) 送信先には、送信先のメールアドレスを指定します。 タイトルには、メールのタイトルを指定します。 本文には、メールの本文を指定します。 追加ヘッダーには、メールの追加ヘッダー情報を指定します。 追加ヘッダーとは、From、Cc、Bccなどの送信先情報です。 追加ヘッダーは省略可能です。 追加コマンドラインパラメータには、 追加のフラグをコマンドラインオプションとして、メール送信プログラムに渡す際に使用可能です。 追加コマンドラインパラメータは、省略可能です。   mb_send_mailの場合 mb_send_mailは以下のように記述します。 mb_send_mail(送信先,タイトル,本文,追加ヘッダー,追加コマンドラインパラメータ) 送信先には、送信先のメールアドレスを指定します。 タイトルには、メールのタイトルを指定します。 本文には、メールの本文を指定します。 追加ヘッダーには、メールの追加ヘッダー情報を指定します。 追加ヘッダーとは、From、Cc、Bccなどの送信先情報です。 追加ヘッダーは省略可能です。 追加コマンドラインパラメータには、 追加のフラグをコマンドラインオプションとして、メール送信プログラムに渡す際に使用可能です。 追加コマンドラインパラメータは、省略可能です。   日本語で送信する場合 mb_send_mailで日本語のメールを送る場合は、最初に以下の2行を挿入します。 mb_language("Japanese"); mb_internal_encoding("UTF-8"); mb_language(“Japanese”);と指定することで日本語指定が可能です。 mb_languageは言語を設定する関数です。 mb_internal_encoding(“UTF-8”);と指定することで、文字コードをUTF-8に指定します。 mb_internal_encodingでは文字のエンコードを指定します。     大石ゆかり mail関数とmb_send_mail関数は、それぞれ別ですか？ 田島悠介 mb_send_mail関数は、内部でmail関数を呼んでいるんだ。こういう形をラッパー関数っていうんだ。 大石ゆかり ラッパー関数？ 田島悠介 mail関数をラップするように包んで、何か機能を付け加えた物って考えるといいよ。   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう 簡単な入力フォームを作成し、そこからメールを送信して結果を画面に表示させます。   mailform.htmlの作成 まず送信先、メールのタイトル、本文を入力するフォームを設置したmailform.htmlを作成します。 mailform.htmlサンプルコード <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" charset="UTF-8"></script> </head> <body> <p> <h2>メール送信フォーム</h2> </p> <form action="./confirm.php" method="post"> <p>
PHP

初心者におすすめ！Rubyを学習できる無料サービス20選

プログラミング言語をどれから学ぶべきかといった質問はよく耳にしますが、今回はRubyについて扱います。 Wantedlyのプレスリリースによると、スタートアップ企業を中心にRubyを扱う企業が増えているようです。   そこで今回は、これからRubyの勉強を始めたいという初心者向けに、無料学習サービスをご紹介します。なお、他の言語も含めた無料プログラミング学習サービスを紹介する記事もあります。 そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。   1. Codeacademy 学習スタイル：ハンズオン(画面上で書きながら) プログラミング学習の先がけといえるサービスです。様々なプログラミング言語を扱っていますが、Rubyにも対応しています。 学習方法としては、テキストを読みながら進めるカリキュラムで、ブラウザ上でコードの入力、出力結果の表示も可能です。 一部日本語にも対応していますが、海外サービスのため、ほとんど英語で読み進める必要があるのでご注意ください。 Codecademy   2.ドットインストール 学習スタイル：動画 国内では最もメジャーと言えるプログラミング学習サービスです。3分以内の動画で学習を進めることができます。 Ruby入門のレッスン他に、Ruby on Rails入門のレッスンも用意されています。動画で学ぶスタイルをとっていて、ブラウザ上のエディタ機能などはありません。 ドットインストール    [PR] 未経験からWebエンジニアを目指す方法とは3.Progate 学習スタイル：ハンズオン 2014年11月にリリースされた国内のサービスです。 Rubyを学習でき、Ruby on Railsのカリキュラムもありますが、現在は一部のユーザだけにテスト公開されてるようです。 スライドを読みながら学ぶスタイルをとっており、Codeacademyのようにブラウザでコードを入力して正誤判定を行うことができます。 Progate   4.ミニツク 学習スタイル：動画/ハンズオン ネットワーク応用通信研究所（NaCl）が運営するRubyに特化した学習サービスです。 基本的にはテキストを読みながら学習を進めるスタイルですが、Rubyの開発者である、まつもとゆきひろ氏が解説する動画コンテンツもあります。 また、「演習」も用意されており、自分でコード書きながら模範解答でチェックすることができます。 ミニツク   5.CODEPREP 学習スタイル：ハンズオン 株式会社ギブリーが提供するプログラミング学習サービスです。プログラミング言語としては、Ruby、PHP、JavaScriptなどを学ぶことができます。 学習方法としては、穴埋め形式で表示された問題にコードを入力しながら進める内容です。ヒントも表示できるので、初心者でも問題を解きながら進められることでしょう。 PHPなど他の言語の場合は簡単なアプリケーションを開発できるカリキュラムがありますが、Rubyは基礎編のみの提供となります。 また、ディスカッションボードという機能もあり、ここから質問を投稿することも可能です。 CODEPREP    6.RubyWarrior 学習スタイル：ハンズオン ゲーム感覚で学べるプログラミング学習サービスでも紹介した、Rubyに特化した学習サービスです。 ファミコンのRPGゲームのようなグラフィックですが、コードを入力しながらゲーム感覚で学ぶことができます。画面の下に表示されるエディタにコードを入力しながら課題をクリアしながら進める学習方法です。 なお、海外のサービスで日本語には対応していません。 RubyWarrior   7. CodinGame 学習スタイル：ハンズオン 同じくゲーム感覚で学べるサービスです。20以上のプログラミング言語に対応していますが、Rubyも学ぶことができます。 すでにあるゲームをもとに、コードを追加してゲームをクリアしていくことでプログラミングを学びます。何も書かずに実行するとゲームオーバーになるため、コードを書いてクリアを目指しましょう。 こちらも海外サービスで日本語には対応していません。 CodinGame   8. TECHSCORE 学習スタイル：テキスト Rubyについて簡潔に必要な部分を7つのチャプターで説明してくれています。Rubyの概要を知る上で十分でしょう。 TECHSCORE   9. 他言語からのRuby入門 学習スタイル：テキスト Ruby言語の公式ページにあるものです。「他の言語はやったことあるけど」という人はここを見るべきです。他の言語をやったことがあるからこそRubyの良さが分かるはずです。 他言語からのRuby入門   10. とほほのWWW Ruby入門 学習スタイル：テキスト 知ってる人は知っているかの有名なとほほシリーズのRuby編です。このページは解説の数が豊富なのでここで学べば学び漏れはないでしょう！ とほほのWWW Ruby入門   11. Libro〜ビギナーのためのRubyプログラミング入門〜 学習スタイル：テキスト このサイトも知ってる人は知っている、かの有名な掌田津耶乃氏のプログラミング解説ブログのRuby版です。 10回に分けてRubyの基本を親切に教えてくれています。 Libro   12. Ruby Life 学習スタイル：テキスト Rubyの解説が見ての通りとてもたくさんあります。一度に全部やるのは大変ですが時間を見つけてコツコツやればこれであなたもRubyマスター！ Ruby Life   13. エンジニアの入り口 学習スタイル：テキスト 初心者ならではの疑問でどの言語がどう違うのかっていうのはきになるところだと思います。ここではRubyとPHPを分かりやすく比較しています。ここを見て大体の感覚をつかむのも悪くないかもしれません。 エンジニアの入り口   14. Hack.hands() 学習スタイル：テキスト 24時間プログラミングのサポートをしてくれるのが売りのHack.hands()のRuby版です(有料)。 本業のエンジニアがサポートしてくれるのは何より有難いですね。 Hack.hands   15. 起業.TV〜まつもとゆきひろ氏が語る「Ruby」開発秘話とは〜 学習スタイル：動画 こちらは直接コーディングとは関係ありませんが、Rubyの開発者であるまつもとゆきひろ氏(なんと日本人なのです)の言語開発秘話が聞けます。 Rubyを通じてプログラミング言語の奥深さが理解できるかもしれません 起業.TV   16. DIVER 学習スタイル：テキスト プログラミングスクールDIVE INTO CODEによるRailsオンラインテキストです。コードに関する内容だけでなく、動的なサイトとはどういうものかなど概念や仕組みからしっかりと学ぶことができるサイトです。 それぞれの解説は図解入りで見やすく、とても理解しやすい構成になっています。 DIVER   17. paiza 学習スタイル：ハンズオン 料金：無料(600円～/月の有料コースあり) 5分前後の動画と実践の問題で学習することができる「paizaラーニング」でRailsについて学ぶことができます。 動画のページにはテキストによる解説もあり、参照しながら動画を見ることも可能です。各コースには有料会員向けのものもありますが、期間によって無料公開されていることもあるのでチェックしておきましょう。 paiza   18. Schoo 学習スタイル：動画 料金：無料(980円～/月の有料コースあり) Ruby on Railsコースでは、Webアプリケーションフレームワークがどういうものなのかというところから丁寧に解説された動画を見ることができます。 動画では各チャプターにジャンプする機能があるため、自分の見たいところの解説動画をすぐ参照することも可能です。受講生が参加できる生放送では講師に質問することもできるため、放送の日程も確認しておきましょう。 プレミアムプランでは動画や資料をダウンロードしたり、プレミアム専用の放送を見ることができます。通常の生放送は無料プランでも利用可能です。 Schoo   19. 小学生でもわかるRuby on Rails入門 学習スタイル：テキスト 料金：無料 動的なサイトとはどのようなものか、実際にRailsを始めるまでの手順、モデル・ビュー・コントローラの役割、データベースやマイグレーションに関する説明など、最初に理解しておかなければいけないことがとても分かりやすく解説されています。 Ruby on Rails全体の流れを把握するために最初に参照しておきたいサイトです。 小学生でもわかるRuby on Rails入門   20. Ruby on Rails ガイド 学習スタイル：テキスト 料金：無料 Ruby on Rails全般に関するリファレンスサイトで、”http://guides.rubyonrails.org/“の翻訳版になります。 公式ガイドのため、バージョンに応じた仕様を確認することができます。実践でRailsを使う場合、より正確で新しい情報を参照したい場合に利用できます。ある程度基本を覚えた人向けです。 Ruby on Rails ガイド   まとめ 最後に、今回紹介した学習サービスを比較します。 日本語対応、学習スタイル（ハンズオン・テキスト・動画）、エディタ機能の有無で比較してみました。 サービス名 日本語対応 学習スタイル エディタ機能 Codecademy △ ハンズオン ○ ドットインストール ○ 動画 × Progate ○ ハンズオン ○ ミニツク ○ テキスト（一部動画） × CODEPREP ○ ハンズオン ○ RubyWarrior × ハンズオン ○ CodinGame × ハンズオン ○ TECHSCORE ◯ テキスト × 他言語からのRuby入門 ◯ テキスト × とほほのWWW Ruby入門 ◯ テキスト × Libro ◯ テキスト × Ruby Life ◯ テキスト × エンジニアの入り口 ◯ テキスト × Hack.hands() × テキスト × 起業.TV ◯ 動画 × DIVER ◯ テキスト × Paiza ◯  ハンズオン  ○ Schoo ◯ 動画 × Ruby on Rails入門 ◯ テキスト × Ruby on Railsガイド ◯ テキスト × 今回紹介した中では、動画で学ぶ学習スタイルをとっているのはドットインストールのみとなっています。海外では動画で学べるサービスは一部無料のコンテンツがあり、しっかり勉強しようとすると有料のものが多いようです。 また、エディタ機能があると、開発環境の構築も必要ないため、初心者にとっては勉強を始めやすいかもしれません。   今回の記事は以上です。 ぜひRubyの勉強を始めてみましょう！   TechAcademyでは、初心者でもRuby on Railsを使ったプログラミングを習得できるオンラインブートキャンプRuby講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Ruby

PHPでフォームからデータを受け取る方法（GETとPOST）

プログラミング初心者向けに、PHPの基礎を紹介する記事です。 今回は、フォームからデータを受け取る方法について解説します。 最初にフォームの送信方法とPHPでの受け取り方に関しての説明をします。 その後、実際に動くコードを作成してデータの送受信を試していきます。 フォームでのデータのやりとりはWebサイトなどでは基本なので、ぜひ覚えておきましょう。   目次 GETとPOSTとは HTMLのフォーム 送信されるデータ フォームデータの受け取り方 受信データのバリデーション 実際にコードを書いてみよう 開発環境はXAMPPを使っています。   GETとPOSTとは PHPにおけるデータの受け取り方には、GETリクエスト と POSTリクエスト を使う2通りの方法があります。 POSTリクエストはフォームからHTTP通信により送信され、送信データはリクエストの本体に含まれます。 GETリクエストはフォームやリンクからHTTP通信により同じように送信されますが、送信データはURLの最後に？に続いて　パラメータ名=値という形式で付加されます。     大石ゆかり フォームを使ってデータを送信できるんですね。 田島悠介 そうなんだ。フォームから送ったデータを、PHPで取得できるんだよ。 大石ゆかり いろいろなところで使われてそうですね。 田島悠介 そうだね。後、フォームじゃないんだけどURLの最後に?p=2とか/p2/もGETでデータを送ってることになるんだ。 多くは何ページ目とかに使われるね。HTMLでフォームを作って送信してみよう！ [PR] 未経験からWebエンジニアを目指す方法とはHTMLのフォーム サーバにデータを送信するためには、HTMLのフォームを使います。 GETリクエストのフォーム フォームの構造は次のようなコードです。 <form action = “index.php” method = “GET”> <input type = “text” name =“comment/“><br/> <input type = “submit” value =“送信/“> </form> formタグのaction属性に送信先のURLを指定します。 送信方法はデフォルトでGETリクエストですが、method属性で POSTかGETに指定できます。 formタグ内の inputタグの値が送信するデータです。 この時、name属性がリクエストパラメータ名になり、value属性の値やテキストボックスに入力された値がそのパラメータの値です。 上のコードでは、フォームのデータは、commentというパラメータ名で入力値とのペアで送られ、送信方法はGETリクエストになり、送り先は index.php です。 POSTリクエストのフォーム POSTリクエストにしたい場合は、次のようにform要素のmethod属性をPOSTに変更するだけです。 <form action = “index.php” method = “POST”> <input type = “text” name =“comment/“><br/> <input type = “submit” value =“送信/“> </form> 送信されるデータ ここでは、例としてcommentという名前属性のinput要素に hogehogeという文字を入力して送信するとしましょう。 GETリクエストのデータ データがURLの一部として含まれてサーバに送られます。 送信先は index.phpとすると、URL全体は次のようになります。 http://index.php?comment=hogehoge ここで注目していただきたいのは、後に付けた?comment=hogehogeの部分です。 GETリクエストのデータは基本的には、 ? の後に パラメータ名=値のペアの形式で送られます。 複数のデータの場合は、間を & でつなげます。 http://index.php?comment=hogehoge&title=hello このURLで送られるのは、 comment=hogehogeとtitle=helloという２つのデータ（パラメータ名=値のペア）です。     フォームデータの受け取り方 GETリクエストで送信したデータを受け取る GETリクエストで送信したデータは、グローバル変数である $_GET に連想配列という形で入っています。 そこで、PHPでデータを受け取るときは、この　$_GET を使います。 先ほどの例では、comment=hogehogeというデータが送られましたが、$_GETには、[‘comment’ => ‘hogehoge’] という連想配列で保存されます。 $_GETからデータを受け取るには、受け取りたいinput要素の name属性
PHP

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

オーダーメイドコース
TechAcademy（テックアカデミー） Webアプリケーションコース プログラミング Ruby Rubyのストロングパラメータ(Strong Parameters)を現役エンジニアが解説【初心者向け】