カテゴリー
サインイン 新規登録
学習時間 6時間
難易度 初級
質問投稿
価格 ¥980
月額 ¥2,980
Unlimited会員はこちらの教材を含む100種類以上のUnlimited対象教材が学び放題

文字入りの画像をツイートできるシンプルなサービスを作ってみよう(パート2)【Rails】

Ruby on Rails/JavaScriptでwebサービス開発!

5
最終更新 2020/11
ゆうすけ

本教材について

Ruby on RailsとJavaScriptを使って、文字入りの画像をツイートできるシンプルなサービスを作ります。パート1(https://market.techpit.jp/p/ogp-create)との違いは、JavaScriptを使ってより便利に使えるようにしています。作成したサービスはシンプルに使えるので、Twitter上で自分以外の方にも気軽に使ってもらいやすいと思います。

僕は、これまで多くのサービスを作り楽しみながらプログラミングを学んできました。自分で作ったものが動いて、人に使ってもらえるととても嬉しいので、この教材でのサービス作りを通じてそれを体験して、プログラミング・サービス開発がより好きになっていただけると嬉しいです。

このような方におすすめ

  • Ruby on Rails/JavaScriptの基礎を学んだ方
  • サクッとrails開発の流れを体験したい方
  • 次の項目のスキルを学びたい方

本教材で得られるもの

  • Ruby on Railsでのwebサービスの作り方
  • JavaScript / jQueryの基本的な使い方(画像のリアルタイムプレビュー/画像生成時・完了時のアニメーションなどで使用します)
  • JavaScriptのライブラリ html2canvas で画像生成する方法
  • 作成したサービスをHerokuで簡単にデプロイして公開する方
  • Amazon S3に画像を保存し、Twitterカード(シェアした時に表示される画像)の表示のさせ方

本教材で開発する主な機能

  • 入力した文字が入った画像を生成する機能
  • 生成した画像をAmazon S3へ保存し、Twitterカードに表示させる機能
  • 生成される画像をリアルタイムプレビューで確認できる機能
  • 画像生成中・画像生成完了時にアニメーションを出す機能

本教材で質問対応可能なOSや環境

  • macOS

macOS以外での開発環境における質問対応はできかねますのでご了承ください。

カリキュラム

Section 0 はじめに
Section 1 新規Railsアプリケーションの作成
Section 2 実装
  • 2-1 画像のダウンロード
  • 2-2 MVCについて学ぼう
  • 2-3 コントローラ・モデル・ビューの作成
  • 2-4 JavaScriptファイル作成
  • 2-5 Twitterカード(画像表示)設定

講師のプロフィール

教材のレビュー

5.0
1件の評価
100%
0%
0%
0%
0%
daidaibou 1年以上前
詰まったときに回答が貰えたので信頼できると感じた