Ruby

Rubyでuninitialized constantエラーを解消する方法を現役エンジニアが解説【初心者向け】

初心者向けにRubyでuninitialized constantエラーを解消する方法について現役エンジニアが解説しています。uninitialized constantエラーとは、Railsで定数やclassが定義されていないエラーです。クラス名や定数の記述ミスや呼出方法のミスが考えられます。

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

監修してくれたメンター

nakamoto

アジマッチ有限会社代表取締役社長。書籍化歓迎。対応業務：PHP(Laravel)、機械学習、Vue.js、LAMP・AWS、越境EC、CTO、エンジニア採用、CTO、経営者の不安解決コンサルティング。

Rubyでuninitialized constantエラーを解消する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。

Rubyでuninitialized constantエラーを解消することで、定数やclassが定義されていないエラーを解決することが可能です。

実務でも、クラス名の記述ミスなどを修正して、Rubyでuninitialized constantエラーを解消するため、ぜひ学習してみてください。

uninitialized constantエラーが起きる原因

uninitialized constant errorは直訳すると「初期化されていない定数のエラー」という意味です。

uninitialized constant errorは、Rubyで「定数やclassが定義されていない」ことを意味しています。

uninitialized constantは名前が間違っているという意味のNameErrorです。

uninitialized constant errorは、ファイル名の記述間違いなどで、呼びたいクラス名を記述できていない場合などで発生します。

また、利用したいライブラリを使用できるようにしていないことも原因となる場合があります。

Rubyのライブラリには、組み込みライブラリとその他のライブラリが存在します。

組み込みライブラリはRuby本体にもともと組み込まれており、この中のクラスはすぐに使用することができます。

組み込みライブラリ以外の、その他のライブラリはrequireで指示をして使用できるようになります。

uninitialized constant errorは、requireを記述していない場合にも発生します。

uninitialized constantエラーの解消法

uninitialized constantエラーの解消法としては大きく2つに分かれます。

クラス名の修正
requireの実装

クラス名の修正

まずはクラス名の記述ミスがないか見直す必要があります。

クラス名を間違えている場合は、クラスとして使用ができないのに呼び出そうとしているためです。

requireの実装

組み込みライブラリ以外のライブラリ（クラスなど）を使用する場合には、requireを用いてライブラリを利用できるようにします。

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

実際に解消してみよう

ここでは、実際にuninitialized constantエラーの解消をしてみましょう。

今回はランダムに乱数を発生させるライブラリのsecurerandomを使用していきます。

エラーになるコード(test.rb)

次のコードを実行をするとエラーとなってしまいます。

p SecureRandom.hex(3)

(エラー結果)

uninitialized constant SecureRandom (NameError)というエラーが発生しました。

今回はrequireを利用して、securerandomライブラリを呼び出す必要がありました。

エラー解消後(test.rb)

test.rbファイルの1行目にrequire ‘securerandom’を加筆します。

securerandomライブラリを利用可能にすることで、エラーとならず、乱数が返されます。

実行結果は乱数のため、実行するたびに値が変わります。

require 'securerandom'
 p SecureRandom.hex(3)

実行結果

まとめ

記述ミスや呼出方法のミスなど、uninitialized constantエラーの解消法は、エラーの内容によって変わります。

uninitialized constantのNameError以外にも、SyntaxErrorやArgumentErrorなど様々なものがあります。

エラーを解消する場合、何のエラーかを把握し、1つずつ解決していくことが重要です。

すぐ役立つ！Railsでエラーメッセージを表示する方法も参考にしてみてくださいね。

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

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

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

Ruby on Railsを学習中の方へ

これで解説は終了です、お疲れさまでした。

つまずかず「効率的に」学びたい
副業や転職後の「現場で使える」知識やスキルを身につけたい

プログラミングを学習していて、このように思ったことはありませんか？

テックアカデミーのWebアプリケーションコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に践的なスキルを完全オンラインでしっかり習得できます。

合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、Ruby on Railsを使ったWebアプリケーション開発を学べます。

まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。

時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！

Rubyのscanメソッドの使い方を現役エンジニアが解説【初心者向け】

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

Ruby

Rubyでraiseメソッドを使った例外処理の書き方【初心者向け】

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

Ruby

Rubyのgsubメソッドの使い方を解説【初心者向け】

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

Ruby

Rubyでif文を1行で作る方法を現役エンジニアが解説【初心者向け】

Rubyでif文を1行で作る方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...

Ruby

【現役エンジニアが書籍レビュー】並行コンピューティング技法

この記事では、「並行コンピューティング技法」の書籍を現役エンジニアがレビューしています。書籍の全体的な概要を説明し、どんな人におすすめの書籍なのか、評価...

Ruby

Rubyのpushメソッドの使い方を現役エンジニアが解説【初心者向け】

Rubyのpushメソッドの使い方について解説します。そもそも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

【未来のUIデザイナーへ！】初心者のためのプロトタイピングガイド

本稿は、本稿は、Web Designerdepotのブログ記事を、Web Designerdepotより了解を得て日本語翻訳し掲載した記事になります。プロトタイピングの概念そのものは、インターネットの成立以前から存在していました。典型的な例として、新しい製品を開発をする人々は最初に製品を組み立て、次に製品が期待した通りに作動するか試します。最初のバージョンで特許を取得して、潜在的な投資家に製品を見せることもあるかもしれません。もし投資家が独自の生産ラインの設備を利用できるとしたら(例えば既存の会社で働いているなどの理由から)、製造可能なレベルのモデルが完成するまで、製品の開発が進められて、バグの修正も行われます。昔のデモディスクを覚えていますか？機能の制限されたプログラムが入っていたり、ゲームの初歩レベルあるいはゲームが2つだけ入っているようなディスクのことです。プロトタイプはデモディスクと似ている点が多くありますが、よりシンプルでさえあります。 Webサイトやアプリのプロトタイプを作成するのは、期待した通りに作動するか確かめるためです。プロトタイプの目的は、将来の顧客の獲得というよりも、より良い製品を作るのに役立てることです。 Webサイトやアプリのプロトタイプは、製品が期待通りに作動するか確かめるために作成します。またクライアントや潜在的な投資家に製品の作動を示すこともできます。最近では、Webとモバイルアプリ用のプロトタイプ作成アプリが多数登場しています。最近リリースされたデザインツールのAdobe Experience Designerは、Webとモバイルに対応したデザインアプリとしての機能と、プロトタイプ作成用のアプリとしての機能が融合されています。 Adobe社の知名度とプロ向け製品における市場シェアを考えれば、多くの人々が今まで以上にプロトタイプを実践し始めているのも当然かもしれません。今回の記事は初心者向けのガイドです。デザイン業界でどのような経験を積んできたかにかかわらず(あるいは未経験でも)、プロトタイプを日常的に使い始めた方向けに書いています。このガイドでは何よりもまず基本的な原則を説明します。もちろんその後に発展的な情報として、役立つツールやアプリをリンクとともにご案内します。ワイヤーフレーム＆モックアップ VS. プロトタイプデザイナーとしての経験が豊富な方は、すでにワイヤーフレームやモックアップを編集で利用しているかもしれません。ただ、これらは必ずしもプロトタイプとはいえません。ワイヤーフレームやモックアップで問題なのは静的なことです。製品の機能についての多くの情報を伝えることができないのです。このため、製品の動作性についてクライアントやデベロッパーに誤解を与えるおそれもあります。こうした理由から、プロトタイプとは一般的に、何かインタラクティブな要素を持つものと定義できます。ただし、例外的に静的なものにもプロトタイプと見なせるものもあります。例えば、概念的なプロトタイプや、詳細に作成された設計書などです。重要なのは単にインタラクティブであることよりも、製品に期待される機能について情報を伝えられることだからです。それでもやはり、ワイヤーフレームやモックアップは単にプロトタイプの作成によく使われているという理由だけで、誰も捨てようとはしません。いつプロトタイプが必要になるのか？何かがどのように作動するかを示す必要があるときにはいつでも、プロトタイプが必要です。わかりやすい例は、Webアプリやモバイルアプリです。アプリは、モックアップでは簡単に見たり予測したりできない機能を数多く持っている傾向があります。コンテンツ中心型の静的なWebサイトでさえプロトタイプを必要とするかもしれません。 1つの理由として例を挙げると、私は以前クライアントにシンプルなビジネスサイトのモックアップを見せたときに、クライアントから「トップページにある「概要」や「サービス」などをクリックしたら別のページに移行するのか？」、「コンタクトフォームでユーザーが「送信」をクリックしたら、私はメールを受信することになるのか？」と聞かれたことがあります。シンプルなタスクでさえ不確実性を伴うことがあり、プロトタイプは当て推量を解消するのに役立ちます。また、簡単なブラウジングの操作さえ、ユーザーやクライアントによってはわかりづらくて大変な作業となりえます。プロトタイプがあればネットワークからサインオフするときにも、当て推量する手間を省くことができます。加えて、プロトタイプはユーザーテストに役立ちます。ユーザーテストを行うときには、初期段階からプロジェクトのシミュレーションを始めるのがベストです。作業がほとんど完了した後に大きな変更をしなければならない事態は避けたいところです。 [PR] 未経験からWebエンジニアを目指す方法とは4種類のプロトタイププロトタイピングを始める前に、どの種類を使うか決めます。ほとんどのデザイナーたちが実践しているように、どのようなプロジェクトでも複数の種類を組み合わせて使うことができます。 1. 概念的プロトタイプこのプロトタイプは、形の上では完成した製品と全く似ていません。ここでインターフェースのディテールとレイアウトは重要ではありません。インタラクションとプロセスだけに集中します。全てのプロトタイプの目的は製品の動作性を示すことです。その意味で、このプロトタイピングは原始的な形だといえます。機能性だけがテーマであり、形は問題となりません。この段階では、フローチャート、ポストイットのメモ、PowerPointのプレゼンテーション、アイコンでプロセスを説明するビデオを使ったり、身振り手振りを加えてカメラに向かって録音してもいいでしょう。要点を伝えることができれば何でもいいのです。概念的プロトタイプはプロジェクトの初期段階で使われます。プロジェクトにはまだ名前がないかもしれません。アプリやWebサイトもアイデアの段階なので、「こんな感じで作動すると思う。」と話しているかもしれません。 2. ローファイプロトタイプローファイプロトタイプでは、レイアウトやスクリーンのサイズなど具体的な対象を扱うようになります。このプロトタイプは、作られるのも破棄されるのもサイクルが速いです。ローファイプロトタイプの目的は、あなたとクライアントが基本的な部分に満足できるまで、試行錯誤を最速で繰り返すためのものです。だからプロトタイプに愛着を持つべきではありません。ほとんどのプロトタイプは使い捨てであり、それこそが長所です。「ローファイプロトタイプ」は「ワイヤーフレーム」とよく置き換えることができます。この段階では紙に書いて行うこともよくあります。アプリでローファイプロトタイプを作成するときには、他のスクリーンへのリンクやコメントの機能など、基本的なプロトタイピングの機能を備えているものを使うことがおすすめです。ワイヤーフレームのアプリはインターネットとの連携が容易であるというメリットがありますが、やや動きが遅いことも多いです。概念的プロトタイプと同じくプロジェクトの初期段階で使われますが、ビジネスモデルやプロジェクト名はすでに存在している段階でしょう。上手くいくと確信できるものが持てるまで、頭の中で思いつく無数のアイデアをえり分ける時です。 3. ミディアムファイプロトタイプ段階によっては、ローファイプロトタイプでは要点を把握しにくい一方、ハイファイプロトタイプでは十分過ぎることがあります。スタイルガイドを完全には作成していなかったり、まだグラフィカルアセットを全て作り終えていない段階です。ミディアムファイプロトタイプは、このようなデザインの初期～中間の段階で使うことができます。インタラクションのシミュレーション機能を持つプロトタイピング作成アプリによって作られることも多いです。CSSのフレームワークを利用して、HTMLとCSSによって構築することもできます。 BootstrapとFoundationが、現在存在しているプロトタイピングのツールの中ではおそらく主流です。有名ブランドのイメージがあればそれを使うべきですが、ストックイメージでも足りるでしょう。ストックタイプのUIエレメントは、模作のインターフェイスをより速く構築するために使われます。プロトタイピング作成アプリの多くは、これらのUIエレメントのライブラリを持つことが多く、作業の高速化に役立ちます。ミディアムファイプロトタイプは、リテラル思考型(Literal thinker:全体的なイメージよりも、具体的なステップや言葉の定義から考えるような人)で外観や動作の近似を見たいと思うような人に向いています。彼らにとっては、「未完成」のヘッダーの方が、Webサイトのヘッダーに全く見えないようなスケッチ風の代物よりも、まだ耐えられます。リテラル思考のクライアントには、ワイヤーフレームで素早く考えた初期のアイデアを見せる必要はないでしょう。ミディアムファイプロトタイプの段階で見せる方が、彼らに方向性を分かってもらいやすいです。 4. ハイファイプロトタイプこの段階までプロジェクトが進むと、全てのスクリーンのモックアップが完成していて、全てが立派なものになっているでしょう。製品をバックエンドのコードと統合して、人々に製品の動作性を見てもらう時です。ハイファイプロトタイプは通常、デザインに関する最終的な合意をクライアントと結ぶために使われます。ただのPSDファイルを送るだけれはなく、インタラクティブなものを提示しなければなりません。 2つの方法のうちいずれかによって行われます。1つの方法では、静的なHTMLとCSSを利用して、一部をインタラクティブな外観に仕上げます。もう1つの方法では、画像やPSDのファイル形式をインポートできるアプリを利用して、擬似インタラクティブな特性を加えることで完成品のアプリ（製品）の機能を模倣します。アプリによっては、プロトタイプのデモをWeb上(またはモバイルデバイス上)で行うことも可能です。プロトタイピングのメソッドプロトタイプの主な種類を見たところで、次にプロトタイプを実際に作るためのツールをご紹介します。基本的な使い方も含めてすでにほとんどご紹介していますが、さらに詳細を見てみましょう。あなた自身とクライアント双方にとって適合するメソッドを選びましょう。ビデオまたはプレゼンテーションのプロトタイプこれらは具体的な作業がなされる前に、アイデアを売るためによく使われます。そのため通常は、潜在的な投資家を意識したものです。クライアント向けにも使えますが、他の代替手段の方が効率的なコミュニケーションを図るには優れていることも多いです。アドバンテージは人によって異なるでしょう。ビデオとプレゼンテーションのプロトタイプで、利益率を上げるために作られたものは商業型の公式に従います。聴き手が共感できる問題を提示する。あなたの製品によってその問題がどのように解決されるかデモを示す。 (オプションとして)会社のマスコットをデジタル形式で表現して、キャッチフレーズを叫ばせながら楽しそうにダンスさせる。これらのプロトタイプの中にはアイコン、テキスト、イラストレーションを使うだけで完成するものもあります。他にはアニメーションを利用して、要点を説明するのに動きを使うこともあるでしょう。あなたのアイデアを売ることができれば、正しく使いこなせているといえます。ビデオのプロトタイプと紙のプロトタイピングを組み合わせた良い例をご紹介します。Video Prototype for Mobile Cooking App : Youtube動画よりワイヤーフレームワイヤーフレームは紙面上かアプリにおいて作成できます。ワイヤーフレームは通常ローファイプロトタイプと見なされていますが、時間をかければミディアムファイプロトタイプにアップグレードすることも可能です。もっとも労力をかけるだけの価値はほとんどありませんが。ワイヤーフレームは、作成されるのも破棄されるのも速いです。紙面上でワイヤーフレームを作成することが魅力的である理由の1つです。アプリでワイヤーフレームを作ると、より正確なデザインが可能となり、既存のワイヤーフレームから簡単に編集することもできます。しかし、あなた自身以外には誰も見ないであろうスケッチを速く作成できるという点が、やはりワイヤーフレームの長所として一番優れています。しかし、すで述べたようにアプリでワイヤーフレームを作成すると、より簡単にインターフェースの機能を模倣できるというメリットもあります。紙面上に作成したワイヤーフレームをタップしたところでトントン音が鳴るだけですから、面白いかもしれませんが、あなたの意図するところを伝えることはできません。紙のプロトタイプこれはただのスケッチではないという点で、紙面上のワイヤーフレームとは異なります。紙を利用するのは、物理的でフラットな素材でインターフェースのモデルを作るためです。先にご紹介したビデオのプロトタイプにもその例を見ることができます。インターフェースの要素は、紙にスケッチして、カットして作ります。コピーして予備を作ることもあります。そして作ったピースを他の紙の上に集めます。ある要素のサイズが間違っていれば、他の要素の並びを変えたり、新しいサイズの要素を紙をカットして作るなどの方法があります。またワイヤーフレームより「本物」らしいといえます。特に面白さはないとしても、クライアントは紙のモデルを触ることができます。この触覚に訴える方法はクライアントに多くを説明できるので、他のどんな方法より優れていることもあります。誰でも対象をより深く理解するためには、物理的なコンタクトが必要です。UXデザインの半分は、物理的なインタラクションの使い心地を、デジタルのインターフェースで作り直す作業であるといえます。アプリで作成するミディアムファイおよびハイファイプロトタイプこれらは紙のプロトタイプとの共通点が多いです。以下でご紹介するInvisionなどのアプリで作成するプロトタイプは、あらかじめデザインしたインターフェースの要素をもとに作り始め、これらのピースを集めて完成品を模倣します。異なる点は、全ての作業がスクリーン上でなされることです。完成製品のグラフィック作成やブランド化も可能であり、プロトタイプであっても完成製品のように作成することができます。その次はすでに述べたことですが、アプリによって製品のデモをブラウザやモバイルデバイス上で行うこともできます。また手で触れて感じることも可能になります。クライアントの触覚に訴えることで、もし気に入ってもらえれば、最終的な承認を得たも同然です。コードもちろんインタラクションを必要とする場合には、インターフェースのプロトタイプをコードで作るのがいい方法です。その理由もご紹介します。あなたのワークフローによく合う(とにかくブラウザ上でデザインするような場合)。作成するサイトやアプリに、ボタンなどのインタラクティブな要素が多数存在している。製品作成の最終段階でプロトタイプのコードを利用すると、時間の節約になる。インターフェースの機能性のデモを、アプリを使わずにブラウザ上で実行したい。あなたがキーを押すのが好きで、クリックするのは嫌いである。ブラウザ上でプロトタイピングを行うと、特に修正版を作成中はやや時間がかかります。製品の初期段階ではおすすめしません。ミディアム～ハイファイプロトタイプで使うのがベストです。すでにHTMLやCSSで作業を進める方法を好んでいるとしたら、完成間近のプロジェクトを提示するには最良の方法の1つです。フレームワークによるプロトタイピングフレームワークを利用すると、コードを使ったプロトタイピングのスピードを相当上げてくれます。さらに、完成製品用のフレームワークを利用するとしたら、コーディングの量も少なくて済みます。補足として、BootstrapやFoundationのような人気の高いフレームワークを利用して構築された、ドラッグ＆ドロップ形式のWebページ用エディタもあります。これらを使うことで、ローファイプロトタイプからコードを加えた完成製品まで全て作ることができます。または、これらをプロトタイプを速く作る目的だけに使い、プロジェクトの最終段階ではカスタマイズしたコードを使う方法もあります。どちらの方法でも上手くいくでしょう。プロトタイピングのツールとアプリ理論を理解したところで、プロトタイプの作成に進みましょう。紙のプロトタイプやコードだけに限定せず、アプリをどこかで使うと仮定します。良くも悪くも、多数の優良なアプリから選ぶことになります。繰り返しになりますが、結局はあなたに合うものを選ぶことが大切です。モバイルアプリのデモを実行する機能が必要か？Google DriveやDropboxなどのサービスとファイルの同期が必要か？Githubと統合させるか？ローファイ、ミディアムファイ、ハイファイのどのタイプか？アドバンストスクリプト言語(Advanced scripting)か？などから考えましょう。以下にリストアップするアプリは、これらのニーズに対応しています。何に着目すべきか分かりやすいように、アプリごとに最も関連性の高い機能をご紹介します。これらアプリの多くは主にワイヤーフレームのためのツールとして知られています。ワイヤーフレームのソフトウェアは、インタラクティブなプロトタイプに必要な機能を備えていることが一般的です。人によってこれらのアプリを使うことで得られるアドバンテージも異なります。 AdobeのExperience Design CC 現時点では最新のアプリです。このアプリの登場により、今まで飽和状態だった市場に競争を巻き起こすことになりそうです。単にワイヤーフレームのアプリまたはプロトタイピングのアプリというよりも、デザインアプリです。Sketchや開発終了したFireworksと似ていますが、デザインした全てのものからプロトタイプを作り出すことが可能な点が斬新です。今のところMacのプレビューにのみ対応していますが、2016年末までにはWindows版もリリースされる予定です。プレリリース版は無料ですが、完成版のリリース後にはAdobe Creative Cloudのプランに組み込まれます。プレゼンテーションのソフトウェア MicrosoftのPowerPoint、AppleのKeynote、LibreOfficeのImpress、GoogleのSlidesは全てプロトタイプの作成に使えます。プロトタイプについてのコンセプトはそれぞれ異なっています。スライドにリンク機能を加えるだけで、インタラクティビティを模倣できます。コンテンツ中心型のWebサイト用のプロトタイプにも向いています。またこの中のソフトの少なくとも1つは使った経験のある人も多いでしょう。もし使ったことがなければ、ImpressとSlidesは無料で使えます。 InVision InVisionも有名なアプリの1つで、ハイファイプロトタイピング向きです。バージョン管理を特色としていて、リアルタイムの連携機能やフィードバック機能を売りとしています。Marvelのアプリのように、アニメーション、プロトタイプの組込み、デバイス上でのデモ、などの機能もあります。無料プランではプロトタイプ1つまで作成できますが、それ以降は有料プランで月額15USドルかかります。 InVision Justinmind Justinmindはアプリケーションのハイファイプロトタイプを作成するのに向いているように思えます。JustinmindのサイトではレスポンシブデザインのWebサイトのプロトタイプについても言及されています。アプリ上でのデモ機能もあります。今のところ1年間の有料契約(月額換算で19USドル)からスタートできます。 Justinmind Marvel Marvel Appは有名なプロトタイプのアプリです。基本的に無料プランで、アップデートの価格も全てリーズナブルです。注目の機能は、PhotoShipとSketchのサポート、DriveとDropboxとの同期、Webページ上での組込み型プロトタイプです。これらの機能によって、プロトタイプをアニメーション付きのプレゼンテーションに仕上げることもできます。ハイファイプロトタイプの作成に向いています。 Marvel Proto.io Proto.ioはハイファイプロトタイプ向きのアプリです。複合的なインタラクション、アニメーション、ファイル形式のエクスポート、印刷、組込み、デバイスのデモンストレーションなどの機能が全てビルトインされています。15日の無料お試し期間と、月額24USドルのプランから始められます。 Proto.io POP POPが他のアプリと異なっているのは、ワイヤーフレームのスケッチとデジタル形式のプロトタイプのハイブリッドを作成できる点です。 iPhone、Androidフォン、Windowsフォンなどのカメラでスケッチの画像を取り込み、これらをインタラクティブなプロトタイプに変換します。主に紙で作業を進めるタイプの人には、データを共有するのにいいアプリです。プロジェクト2つまでは無料で利用可能で、以降は月額10USドルの有料プランになります。 POP Flairbuilder Flairbuilderはデスクトップアプリですが、プロジェクトにオンラインのビューア(閲覧用ソフトウェア)機能を利用できます。ミディアムファイのワイヤーフレームとプロトタイプに向いています。インタラクションを追加したり、デバイス上でのデモを行うことが可能で、グリッドベースのデザインにも特色があります。ワンタイム料金で99USドルと高額ですが、Axureよりも安いです。 Flairbuilder Flinto Flintoには、Macアプリ版とWeb用ライト版の2つのバージョンがあります。違いはというと、Macのバージョンの方がより複雑なアニメーション、インタラクションなどの機能をテーブル(表)に加えることができます。またSketchからファイル形式をインポートできるのも、Web用ライト版にはない機能です。ワンタイムの購入価格で99USドルかかります。ライト版(月額20USドル)だとデスクトップバージョンのライセンスも含まれるので、両方の良い部分を利用できます。 Flinto [お知らせ]TechAcademyでは初心者でもUI/UXデザインができるようになるUI/UXデザインオンラインブートキャンプを開催しています。現役UI/UXデザイナーのサポートで学びたい場合はご参加ください。

アプリデザイン

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

Rubyでfailを使う方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。田島悠介今回は、Rubyに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 Rubyでfailを使う方法について詳しく説明していくね！大石ゆかりお願いします！目次 failとは failを使うメリットとよく使われるケース failとraiseの違い failを使う方法実際に書いてみようまとめ failとは failは、プログラムの中で意図的に例外（エラー）を発生させるときに使います。意図的に例外を発生させるってなんだろう？と思うかもしれませんね。プログラムを動作させているときに、プログラムの作りが正しくないと実行時に予想外の例外が発生してプログラムて停止することがあります。それはRubyの実行環境が例外を検知してプログラムを停止し、エラーを教えてくれています。 failで発生させる例外は、プログラムの作りは正しいけれど、何か実行時の問題をif文などのプログラムで見つけたら、プログラマーが発生させることができます。 [PR] 未経験からWebエンジニアを目指す方法とはfailを使うメリットとよく使われるケース例えばたまたま数字を0で割ってしまった時とか、そのままだとプログラムはエラーを出力して停止してしまいますが、例外処理を正しくプログラミングすると、異常終了することなくエラーを検知してプログラムの続きができるようになります。ここでは、例外処理全てではなく、とりあえず意図的に例外を発生させる方法についてご紹介します。 failとraiseの違い Rubyには例外を発生させる方法として、fail以外にraiseという機能も用意されています。実は機能としては全く同じです。しかし、Ruby Style Guide(https://github.com/rubocop-hq/ruby-style-guide)では、raiseを使用することが推奨されています。 raise vs fail Prefer raise over fail for exceptions. failを使う方法プログラム内の例外を発生させたい場所で、 fail 発生させたい例外のクラスあるいは fail 発生させたい例外のクラス, "エラーメッセージ" あるいは fail 発生させたい例外のクラス.new("エラーメッセージ") と書きます。例外には、例外のクラス、あるいは例外のクラスと例外に紐付けるエラーメッセージを指定することができます。実際に書いてみよう fail 発生させたい例外のクラスを書いてみます。ここでは、実行時エラーの例外クラスRuntimeErrorをfailを使って意図的に発生させてみます。RuntimeErrorは、もともとRubyで定義されていますので、定義する必要はありません。 fail RuntimeError と書きます。他にも例外クラスはたくさん用意されていますので、エラー内容に合った例外を発生させることができます。例外クラスの例は、 NoMethodError RuntimeError SyntaxError など、他にもたくさんあります。詳しくは以下のサイトで確認できます。組み込みライブラリ- 例外クラス次に fail 発生させたい例外のクラス, "エラーメッセージ" を書いてみます。先ほどの例外のクラスに加えて、出力したいメッセージを指定します。 fail RuntimeError, "実行時エラーです" と書くと、RuntimeErrorが発生し、エラーメッセージは、”実行時エラーです”となります。次に fail 発生させたい例外のクラス.new("エラーメッセージ") を書いてみます。書き方は違いますが、前の例とやりたいことは同じで、例外クラスとエラーメッセージを指定します。 fail RuntimeError.new("実行時エラーです") この場合も、RuntimeErrorが発生し、エラーメッセージは、”実行時エラーです”となります。記述方法が違うだけで同じ結果になります。詳細は込み入った内容になり難しいので割愛します。あと、特殊なケースとしてエラーメッセージだけ指定することもできます。 fail "エラーメッセージ" エラーメッセージだけ指定します。 fail "実行時エラーです" この場合は、例外クラス指定がありませんが、必ずRuntimeErrorが発生します。例外クラス指定がない場合には初期値として、必ずRuntimeErrorが使われます。 failは、rescueと一緒に使うことがほとんどです。例外をきちんとプログラミングするためには、rescueも合わせて使用します。まとめ failを使って例外処理を正しくプログラミングすると、プログラムが異常終了することなくエラーを検知してプログラムの続きができるようになります。例外が発生して異常終了する可能性がありそうなプログラムで使ってみてください。 rescueについては、Rubyでbeginとrescueを使う方法を現役エンジニアが解説【初心者向け】の記事も合わせてご覧ください。 raiseについては、Ruby on Railsのraiseの使い例外を発生させる方法を現役エンジニアが解説【初心者向け】の記事も合わせてご覧ください。筆者プロフィール伊藤広明（いとうひろあき） 1990年代からソフトウェア開発を仕事としてはじめ、2000年ごろからWEBエンジニアの仕事にも従事。世の中で末長く使ってもらえるシステム開発が信条。後進の育成にも力を入れている。作れるもの：Webシステム、スマホアプリ書ける言語: Ruby・PHP・Python・Java・Swift・C#・C/C++・JavaScriptなど経験があるフレームワーク: Laravel・Ruby on Rails・Apache Strutsなど大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは、初心者でもRuby on Railsを使ったプログラミングを習得できるオンラインブートキャンプRuby講座を開催しています。挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

Ruby

JavaScriptのライブラリの作り方を現役エンジニアが解説【初心者向け】

JavaScriptのライブラリの作り方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。目次uninitialized constantエラーが起きる原因uninitialized constantエラーの解消法実際に解消してみようまとめRuby on Railsを学習中の方へそもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。田島悠介今回は、JavaScriptに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 JavaScriptのライブラリの作り方について詳しく説明していくね！大石ゆかりお願いします！はじめに今回は自作のライブラリに関する記事です。自作のライブラリを作成する際のポイントや注意点など解説します。ライブラリは大規模なWebアプリや複数人での開発などでとても便利なものですので、ぜひ参考にしてください。ライブラリとは平たく言うと機能の集まり、もしくは部品のようなものです。使われることの多い機能や処理は、ライブラリとして提供されていることが多いです。例えば、画像をスライダーとして切り替えて表示してくれるものや、グラフや図形を書いてくれるものなどたくさんのライブラリが存在しています。このようなライブラリを使うことで、自分で処理を作らなくても簡単にやりたいことが実現できます。 HTMLの操作や便利な機能がたくさん入ったjQueryなども有名なライブラリです。ライブラリを探す際は下記のサイトが便利です。ライブラリを探すサイト例えばここで画像のスライダーを探す場合は、sliderと入力して検索することでスライダーのライブラリがたくさん見つかります。 [PR] 未経験からWebエンジニアを目指す方法とはライブラリの作り方配布されているライブラリでは対応ができないような、独自性の強い処理を個人やチーム内で使いまわすような場合はライブラリを作ることがあります。どのような利用方法をする機能かにもよりますが、基本的には通常通りJavaScriptを記述したファイルを用意して、拡張子をjsにしたJavaScriptファイルを作るだけです。ライブラリを使う側はこのJavaScriptファイルを読み込むことで、処理を呼び出したり使ったりできます。 <script type="text/javascript" src="自作ライブラリパス"></script> 自作ライブラリを作る際のポイント・注意点ライブラリを作る際には以下の内容をメンバー間で認識を合わせておきましょう。ライブラリに実装するか個別のJavaScriptに実装するか基準を決める。 HTMLオブジェクトのクリックイベントなどにひもづける場合は、特定のクラス名などの指定を行う。グローバルスコープ変数を宣言する場合は、変数名などが衝突しないように命名規約を定める。画面オブジェクトを参照する場合は画面ロード完了時などタイミングを決めておく。ライブラリに共通の処理をまとめることで、コーディングの量を減らせるだけでなく、修正などがあった際に修正箇所が少なくなるなどのメリットがあります。一方複数の画面から読み込まれるので、個々の画面でのみ使われるような処理を入れていくとファイルサイズが大きくなったり、複数人での開発の際にファイルの競合が発生し非効率となってしまいます。ライブラリには各画面で呼び出されるような汎用的な処理や共通の処理（ファイルアップロード機能・ヘッダー表示機能など）を実装するようにしましょう。また、非同期処理などでHTMLを作成する場合は、画面オブジェクトを参照する処理は関数化して、各画面の実装時に任意のタイミングで呼べるように工夫する必要もあります。他にもプロジェクトの特性や仕様により制約や取り決めをあらかじめ決めてから、ライブラリの実装を行うようにしましょう。実際に作ってみよう少ない記述で小さなライブラリを作成してみます。アンカータグにマウスを乗せた際に、アラートで遷移先のURLを表示する機能をライブラリにまとめます。まずは以下のようなHTMLを準備します。今回はjQueryも利用していますので、head内で参照しています。 <html> <head> <script src="https://code.jquery.com/jquery-3.6.0.slim.js" crossorigin="anonymous"></script> </head> <body> <div> <a href="https://techacademy.jp/" class="xxxxLink">リンク</a>

JavaScript

初心者におすすめ！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

Ruby on Railsのraiseの使い例外を発生させる方法を現役エンジニアが解説【初心者向け】

Ruby on Railsのraiseの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプ、Ruby講座の内容をもとに紹介しています。田島悠介今回は、Rubyに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 Ruby on Railsのraiseの使い方について詳しく説明していくね！大石ゆかりお願いします！ Ruby on Railsのraiseとは？ raiseは、プログラムの中で意図的に例外（エラー）を発生させるときに使います。意図的に例外を発生させるってなんだろう？と思うかもしれませんね。プログラムを動作させているときに、プログラムの作りが正しくないと実行時に予想外の例外が発生してプログラムて停止することがあります。それはRubyの実行環境が例外を検知してプログラムを停止し、エラーを教えてくれています。 raiseで発生させる例外は、プログラムの作りは正しいけれど、何か実行時の問題をif文などのプログラムで見つけたら、プログラマーが発生させることができます。例えばたまたま数字を0で割ってしまった時とか、そのままだとプログラムはエラーを出力して停止してしまいますが、例外処理を正しくプログラミングすると、異常終了することなくエラーを検知してプログラムの続きができるようになります。ここでは、例外処理全てではなく、とりあえず意図的に例外を発生させる方法についてご紹介します。 raiseの書き方プログラム内の例外を発生させたい場所で、 raise 発生させたい例外のクラスあるいは raise 発生させたい例外のクラス, "エラーメッセージ" あるいは raise 発生させたい例外のクラス.new("エラーメッセージ") と書きます。例外には、例外のクラス、あるいは例外のクラスと例外に紐付けるエラーメッセージを指定することができます。 [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう raise 発生させたい例外のクラスを書いてみます。ここでは、実行時エラーの例外クラスRuntimeErrorをraiseを使って意図的に発生させてみます。RuntimeErrorは、もともとRubyで定義されていますので、定義する必要はありません。 raise RuntimeError と書きます。他にも例外クラスはたくさん用意されていますので、エラー内容に合った例外を発生させることができます。例外クラスの例は、 NoMethodError RuntimeError SyntaxError など、他にもたくさんあります。詳しくは以下のサイトで確認できます。組み込みライブラリ- 例外クラス次に raise 発生させたい例外のクラス, "エラーメッセージ" を書いてみます。先ほどの例外のクラスに加えて、出力したいメッセージを指定します。 raise RuntimeError, "実行時エラーです" と書くと、RuntimeErrorが発生し、エラーメッセージは、”実行時エラーです”となります。次に raise 発生させたい例外のクラス.new("エラーメッセージ") を書いてみます。書き方は違いますが、前の例とやりたいことは同じで、例外クラスとエラーメッセージを指定します。 raise RuntimeError.new("実行時エラーです") この場合も、RuntimeErrorが発生し、エラーメッセージは、”実行時エラーです”となります。記述方法が違うだけで同じ結果になります。詳細は込み入った内容になり難しいので割愛します。あと、特殊なケースとしてエラーメッセージだけ指定することもできます。 raise "エラーメッセージ" エラーメッセージだけ指定します。 raise "実行時エラーです" この場合は、例外クラス指定がありませんが、必ずRuntimeErrorが発生します。例外クラス指定がない場合には初期値として、必ずRuntimeErrorが使われます。 raiseは、rescueと一緒に使うことがほとんどです。例外をちゃんとプログラミングするためには、rescueも合わせて使用します。 rescueについては、Rubyでbeginとrescueを使う方法を現役エンジニアが解説【初心者向け】の記事も合わせてご覧ください。筆者プロフィール伊藤広明（いとうひろあき） 1990年代からソフトウェア開発を仕事としてはじめ、2000年ごろからWEBエンジニアの仕事にも従事。世の中で末長く使ってもらえるシステム開発が信条。後進の育成にも力を入れている。作れるもの：Webシステム、スマホアプリ書ける言語: Ruby・PHP・Python・Java・Swift・C#・C/C++・JavaScriptなど経験があるフレームワーク: Laravel・Ruby on Rails・Apache Strutsなど大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは、初心者でも、Ruby on Railsを使ったプログラミングを習得できる、オンラインブートキャンプを開催しています。また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

Ruby

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

Rubyでuninitialized constantエラーを解消する方法を現役エンジニアが解説【初心者向け】