この記事を書いた人
machida

明けましておめでとうございます。

OSをLionにアップデートしました。スクロールが逆になって気持ち悪いなぁ、くらいしか今のところ違いは感じないのですが…。

Codekit」というLess、Sass、Stylus、CoffeeScriptをコンパイルしてくれるソフトがあって、それを使ってみたかったのですが、Lionじゃないとそれが使えなかったので、やっとこの正月に重い腰をあげた次第です。

Xcode4.2を入れるとRubyが入らない!

LionにしたついでにMacAppStoreからXcodeをインストール。

Mac App Store/開発ツール

…と、これをインストールすると大変なことになるみたいです(黒い画面に詳しくない僕のようなデザイナーにとっては)。今(2012年1月1日現在)のXcodeの最新版はバージョン4.2なのですが、このXcodeを入れたあとに新たにRubyをインストールをしようとしてもエラーが出てしまいます。今回はこれにはまってみました。

GCCというやつが必要みたい

Rubyがインストールできない、って話は@komagataさんから聞いていて、「インストールするにはGCCが必要」ということも小耳に挟んでました。「インストールするにはGCCが必要」、この一言だけどとても貴重な情報ですね。これを知っていないと検索もしようがない、という…黒い画面の世界は厳しいです。

さてさて、色々ググったところ、今までのXcodeに梱包されてたGCCというものが、Xcode4.2以降には入らなくなって、その代わりにLLVM GCC 4.2がインストールされるようになったらしい、という情報を見つけました。で、そのLLVM GCC 4.2だとRubyが入らないみたいです(今のところ)。だから自分でGCCを入れる必要があるのかな〜、これが@komagataさんが言ってたやつかな?って感じで調査を進めました。

GCCとは?

では、「GCC」とは?について調べてみたいと思います。

GNUプロジェクトによるフリーなコンパイラ。ほとんどのUNIX系OSに移植されている。当初はC言語およびC++言語をサポートしていたため「GNU project C and C++ Compiler」と呼ばれていたが、様々な言語をサポートするようになったため、「GNU Compiler Collection」に名称変更された。

引用元:http://e-words.jp/w/gcc.html

ふむふむ、なるほど。GCCとは「GNU Compiler Collection」の略のようです。GNUプロジェクトという言葉も出てきたので、これもついでに調べておきましょう。そうそう、GNU「グニュー」って呼びます。

GNUとは?

GNUとは、Unixに似た完全なオペーレーティングシステムをフリーソフトウェアとして開発、配付するプロジェクトのことである。リチャード・ストールマンを中心に、1984年に発足した。

GNUの目的を実現するために、フリーソフトウェア開発のための非営利団体であるフリーソフトウェア財団(FSF)を設立し、GNUの主要なスポンサーとなっている。コピーライトをもじったコピーレフト、GNU GPLが有名である。

現在はカーネルにLinuxを採用したGNU/Linuxと呼ばれるシステム(多くの亜流、派生バージョンがある)が世界中の多くのユーザーによって利用されている。

なお、GNUとはGNU is No Unix「GNUはUnixではない」の再帰的頭文字からとられている。

引用元:http://ja.wikipedia.org/wiki/GNU

フリーソフトウェアとして開発、配付するGNUプロジェクトというものがあって、そこが出してるフリーなコンパイラセットがGCCということみたいです。次はコンパイラとは?を調べなくては。

コンパイラとは?

人間がプログラミング言語で記述したソフトウェアの設計図(ソースコード)を、コンピュータが実行できる形式(オブジェクトコード)に変換するソフトウェア。

引用元:http://e-words.jp/w/E382B3E383B3E38391E382A4E383A9.html

だそうです。

音楽に例えると、楽譜があるけど、その曲を聴くには録音して音にしなくてはならない、楽譜がソースコードで、音がオブジェクトコード、みたいなものかな。ソースコードって言葉はよく聞きますが、オブジェクトコードって言葉は全然聞かないですね。

ちなみに、リチャード・ストールマンがGNUを作った生い立ちや、その活動を知るには、@jishihaさんから借りて観たんですが、このDVDがおすすめ!僕の場合、このDVDを観てたおかげでGNUが出してるフリーなコンパイラって言葉だけでピンっと来ました。普段色々観ておくと以外なところで役に立ちますね。

自分のMacで使ってるGCCは何なのかを調べてみる

ちょっと話が脱線しましたが、GCCの話に戻ります。

このコマンド、

gcc --version

を打つと、今自分のMacに入ってるGCCが何なのかが出てきます。

machida — bash — 80×24

i686-apple-darwin11-llvm-gcc-4.2 (GCC) 4.2.1 (Based on Apple Inc. build 5658) (LLVM build 2335.15.00)

GCCではなく、LLVM GCC 4.2.1になってますね。こいつのせいっぽい。

まとめると、

まとめると、

  • Rubyをインストールにはコンパイラが必要である
  • 今までのXcodeにはGCCが入っていた(こちらに一覧を発見)が、Xcode4.2にはGCCではなく、LLVM GCCが入っている
  • LLVM GCCでRVMでRubyをインストールするとエラーが出る
  • なので、GCCを自分で入れればOK
  • さてさて、GCCってどうやって入れるの? ← 今ここ

で、色々調べた末、

この記事の通りにやったらRubyが入りました。@DIGITALSQUADさんありがとうございます!

GCCを自力でインストール

まずはココに行って、

<Dreamweaver

上の図のGCC-10.7.pkgをダウンロード。これはファイルを開けば簡単にインストールが出来るようになってます。

次に、「~/.bash_profile」に、

export CC=gcc-4.2

と書きます。このファイル(.bash_profile)はRVMのインストールのときにも書き込んだやつですね。

.bash_profile

これが終わったらターミナルを再起動。

Rubyを入れてみる

では、ちゃんとRubyがインストールされてるかの確認をしたいと思います。

※そうそう、参考にした記事にはRVMの再インストールをやってましたが、再インストールしないでそのままRubyが使えて、新しいものも入れられたので今のところ僕は再インストールしてないです。

$ rvm list known

このコマンドでインストール出来るRubyの確認。

machida — bash — 55×26

Rubyの1.9.3のp0がリストにありましたので、これを入れてみます。

ちなみに、Rubyの1.9.3のp0が出ない方はRVMのアップデートが必要。以下をやってみてください。

$ rvm get head
$ rvm reload

上手くいかなかった方はこちら

では、インストール。コマンドはこれ。

$ rvm install 1.9.3-p0

インストールができたら、

$ rvm list

このコマンドで自分のMacに入ってるRubyの一覧を確認。

machida — bash — 55×26

入ってました!

この記事を書いた人
machida

だいぶ更新が滞ってました。色々書きたいことはあるのですが、うまくKUROIGAMENを最新Lokkaにアップデート出来なかったり、呼ばれた結婚式の余興を頼まれたり、家でマンガ読んだり、なんだかバタバタの毎日です。あとは、黒い画面を使わない本来の仕事であるデザインもやってます。

先日、僕の隣で仕事をしてる @komagata さんに突っ込まれて気がついたのですが、僕のRVM、結構古くなってました。僕の RVM でインストールした Rubyは1.9.2 の p180 だったのですが、どうやら今の RVM の Ruby は p290 みたい。自分のも p290 にするには、 RVM をアップデートして、取ってくる Ruby のリストを新しくする必要があるとのこと。 KUROIGAMEN の再開として軽く今回は RVM のアップデートに挑戦したレポートをお送りします。それにしても、黒い画面のツールもMac アプリみたいに「新しいバージョンが出ましたよ、インストールしますよ」って通知とアップデートを自動でやってくれたらいいのに、って思います。RVM のアップデートも黒い画面に疎いデザイナーの僕にとっては挑戦。しかもどっかで失敗したら仕事も滞るし、結構ドキドキです。

ところで、この「p」はパッチのことみたいです。では、パッチとは?

コンピュータにおいてプログラムの一部分を更新してバグ修正や機能変更を行なうためのデータのこと。「修正プログラム」や「アップデート(プログラム)」などとも呼ばれる。実際に変更を施す際は「パッチを当てる」、「パッチを適用する」と言う。

引用元:
http://ja.wikipedia.org/wiki/%E3%83%91%E3%83%83%E3%83%81

と、wikipedia にありました。パッチとは元々「つぎあて、あて布のこと」なので、つぎあて、あて布の様に上書きしたファイルのことですね。1.9.2がリリースされてから、280個のパッチが当てられたということで、Rubyコミッタの皆様、パッチを送った開発者の方、ご苦労様です。

RVM のアップデート

さてさて、話は戻って RVM のアップデートへ。

まずはRVMのバージョンの確認。このコマンドで確認が出来ます。

$ rvm-v

うっかりバージョンの確認をするのを忘れてしまってました。確認してキャプチャを撮っておけば良かった…。※ちなみにアップデート後のバージョンは「rvm 1.8.6」になってました。

ターミナル — bash — 53×23

では、アップデート。RVM のアップデートのコマンドはコレ。

$ rvm get latest

おっと、ここでエラーが!ググってたら助かる記事を発見 http://zunermuka.blogspot.com/2011/05/rvm-get-latest.html。この記事にある通り、

エラーが出たときはコレをまず打ってから、

$ rvm get head

もう一度、

$ rvm get latest
これを打つ。

はい、RVM アップデート出来ました。zunermuka さんありがとうございます、助かりました!

アップデートが出来たので、RVM からインストールできる Ruby のリストを表示してみます。

まずはリストを更新して、

$ rvmreload

リストを表示。

$ rvm list known

ターミナル — bash — 54×22

[ruby-]1.9.2[-p290] が出現!

RVM で Ruby1.9.2 をアップデート

では、Ruby1.9.2 をアップデートします。「Ruby1.9.2 p180」を「Ruby1.9.2 p290」に。

$ rvm upgrade ruby-1.9.2-p180 ruby-1.9.2-p290

ruby-1.9.2-p180をruby-1.9.2-p290にするの?と聞かれるので「Yes」。

そのあと、Gemset も一緒に移行する?と聞かれるので、こちらも「Yes」。 ただ、このGemsetの移行がすごい時間がかかってしまって、ことのとき僕は仕事中の身でしたので、イライラしちゃって全部途中でキャンセルしてしまいました。

今回の作業は「http://d.hatena.ne.jp/naberon/20110302/upgrade_rvm」こちらのブログがとても助かりました。naberonさん、ありがとうございます。

RVM はオワコン?

そうそう、RVM がオワコン(終わったコンテンツの略、終了ってこと)ということをhttp://blog.niw.at/post/11016737935 こちらのブログ(シンプルで素敵なデザイン)で知りました。うーん、全然RVM便利でバリバリ使ってるんだけどなー。「代替の方法は一杯あって、Rubistの数だけ存在すると聞いていますが」…これは逆に面倒そう。

で、RVMに代わってrbenvってやつが今流行ってるみたいで、調べてみたらデザイナー向けプログラミング部や先日のWebデザイナー向けGit勉強会などでいつもお世話になってる@satococoaさんがブログに書いてました(http://www.223soft.net/50)。 なるほど、rbenvの方がもっとシンプルで軽いみたい。

RVM が使えなくなったらそっちに移行するかなー。今は全然便利なんだけどなぁ。

オマケ

普段RVMはターミナルからしか見ることはないのですが、今回の記事を書くにあたって RVMのサイトを色々見てみたんですが、RVM って Blue Box Group さんという会社と ENGINEYARD さんがスポンサーになってるんですね。どちらも Ruby アプリのホスティングサービス。Lokka のスポンサーもやってくれないかしら(Heroku の SalesForceさんとか)、と思ったり。

この記事を書いた人
machida

今回はfunc09さんが作ったサービス「Happy1000Days!」をローカルで立ち上げるってのに挑戦したいと思います。前回ローカルで立ち上げた「Lokka」はSinatraというRubyのフレームワークで出来ているのですが、今回は名前を聞いたことがあるかもしれない有名なフレームワーク、「Ruby on Rails」で出来ています(フレームワークって何?に関してはまた別の機会に勉強してここで書こうと思います)。

Happy1000Days!

生年月日を入力すると、今日は生まれてから何日目なのか?に加えて生まれてからの日数がゾロ目になる日や、1000日刻みの日数がわかるので10000日めや12345日めがいつ来るのか?など、ちょっと嬉しい誕生日がわかります。

一度登録すると、パーマネントリンクとして保存されるので、TwitterやFacebookに自分や友達の誕生日を共有する、なんてことができます。

Happy 1000 Days というサービスをリリースしました

http://happy1000days.com/

Happy1000Days!って可愛いですよね!実は僕がデザインやってます。デザインプロセスについてなんかについてもKUROIGAMENで書く予定ですのでご期待ください。なんだか技術ブログの様な感じになってきたKUROIGAMENですが、本当はそういうのを書きたかったんですよね。その前に必要な前提が多すぎて、今のところそこまでしか書けてないという状況です。では、早速作業に入りましょう。

Happy1000Days!をgithubからclone

もうお馴染みになってきました、githubからcloneって作業。Happy1000Days!のリポジトリもgithubに置いてあるのでcloneするだけでローカルにソースを持ってこられます。

ココがgithub内のHappy1000Days!のページです。ここに書いてある「git@github.com:func09/Happy1000Days.git」をcloneですね。

$ git clone git@github.com:func09/Happy1000Days.git

git@github.com:func09/Happy1000Days.git」をclone

これでHappy1000Days!のローカルリポジトリが出来ました。

bundle install

では、次に「cd」で「Happy1000Days」ディレクトに移動して、Lokkaのときにもやった、「bundle install」をやります。Happy1000Daysも必要なgemをbundlerでまとめてインストール出来るようにしておいてくれてるので便利ですね。bundlerがないと、「gem install XXX」って一個一個インストールしなくちゃなんなかったんですよね。bundlerはデザインテロリストにとっては心強い味方。

$ bundle install

 bundle install

続いてサーバーを立ち上げる

さて、とんとんと進んでしまいましたが、次はサーバを立ち上げるって作業。Hppay1000Days!はRailsで出来てるので、railsコマンドにサーバを立ち上げるコマンドがあります。

$ ruby script/server

これでサーバーが立ち上がって、ローカルでHappy1000Days!が見れるようになって完了!ところが…。

ところが…。

今回はすんなり終わったと思いきや、エラーが出てしまいました!

「ruby script/server」ってコマンドはRails2系でサーバを立ち上げるときに使うコマンドなのですが、Happy100Days!はRails3系で作られてるみたい。だから、Happy1000Days!の中のRailsが、「ruby script/server」ってコマンド何?知らないよ、usage(使い方)を見てみなよ、って言ってきたんですね。

Rails3で作られてるってことは、Rubyも最新のじゃないと動かないんじゃ…と、思ったらそれは要らぬ心配でした。Happy1000Days!はRubyのバージョンは1.8系でもRuby1.9系でも動きます。

何故こんな心配をしたのかと言うと、Xcodeで入ったRubyのバージョンは1.8系なのですが、Ruby1.9系でないと動かないアプリも中にはあって、じゃあRubyのバージョンを上げたらいいんじゃなくて?と、ここが単純な話じゃないからです。

Rubyの1.8系と1.9系は場合によっては結構別ものらしくって、1.8系じゃなきゃ動かないものもたくさんあり、1.8を捨てて1.9にしてしまうのはこれはこれで今後面倒なことになるようです。だったら、1.8と1.9を同居させて、立ち上げるアプリごとに使うRubyを指定できるようなものがあったらいいのに…。

あるんですよ、そういうものが!その名も「RVM」。Ruby Version Managerの略です。せっかくRVMの話が出てきたので、今回はHappy1000Days!を立ち上げるついでに、RVMもインストールしてしまいたいと思います。今回のテーマはRVMをインストールしてRuby1.9系でHappy1000Days!をローカルで立ち上げる(別に1.8系でも動くんだけどね)、ってことにします。

裏話

「Happy1000Days!」は何故か僕が勝手にRuby1.9系でないと動かないアプリだと思い込んでいて、これはRVMに挑戦するのにいい課題だ、と、今回の記事を書き始めたのですが、途中でRuby1.8系でも動くことに気付き、途中から大幅に記事内容を修正ました。そんな理由で今回は「RVMをインストールしてRuby1.9系でHappy1000Days!をローカルで立ち上げる(別に1.8系でも動くんだけどね)」という、歪なテーマになってしまいました。

あと、現在同居してる妹の旦那が今この記事を書くときのテスト環境としてしか使ってない僕のMacを欲しがってて、RVMさえインストールしてしまえばこのMacは用済みになって妹の旦那を黙らせることが出来るので早くRVMを終わらせたい、ってのもあります。

RVMをインストール

やり方はRVMのサイトに書いてあります(英語ですが…)。まず打つのはこのコマンド。

$ bash < <( curl http://rvm.beginrescueend.com/releases/rvm-install-head )

以前Homebrewをインストールしたときにも出てきた「curl」を使ったインストールですね。このインストールはgitが必要なので要gitです。まぁ、これを読んでるデザイナーの方はさんざんgitを使ってるので言うまでないですね。

curl」を使ったインストール

はい、うまくいきました。ガーっと英語が出てきて怖い感じですね。出てきた英語から大事そうなところ抜き出してみましょう。

  You must now complete the install by loading RVM in new shells.

1) Place the folowing line at the end of your shell's loading files
(.bashrc or .bash_profile for bash and .zshrc for zsh),
after all PATH/variable settings:

[[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm" # This loads RVM into a shell session.

You only need to add this line the first time you install rvm.

さて、まずはこの部分から。英語を読んでみると、黒い画面に「bash」を使ってる人は「.bashrc 」もしくは「 .bash_profile」に、「zsh」を使ってる人は「.zshrc」に、

 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  # This loads RVM into a shell session.

を書きこんでね。と言ってますね。KUROIGAMENを読んでくれてるデザイナーの方はMac OS Xのデフォルト黒い画面のShellである「bash」を使っているので(Shellに関しても後日解説しますが、他に「zsh」というのもあるそうです)、「.bashrc 」もしくは「.bash_profile」に書きこめばいい、という訳ですね。やってみましょう。

では、今回は「.bash_profile」に書きこんでみます。「.bash_profile」はどこかしら?と、調べてみたら「Users」の下の自分のユーザーホームディレクトリにあるそうです。…が、ない!

ないなら作ってしまえ、ということで作りました(今回はCodEditorを使用)。

ないなら作ってしまえ

    2) Ensure that there is no 'return' from inside the ~/.bashrc file,
otherwise rvm may be prevented from working properly.

次は、「.bashrc」に「return」があったらrvmがちゃんと動かないよ、という注意ですが、そもそも「.bashrc」自体がなかったんだから関係なし。飛ばします。

  3) CLOSE THIS SHELL and open a new one in order to use rvm.

最後に新しく黒い画面を開いたらrvmが使えるようになりますよ。って言ってますね。これでRVMの設定は完了です。

では、ちゃんとrvmが使えるようになったか試してみます。

rvm usage

ってコマンドを打って、rvmのusage(使い方)が表示されるか見てみましょう。

rvmのusage(使い方)

出ました!

RVMを使ってRuby1.9.2をインストール

無事にRVMがインストールされたところで、Ruby1.9系のインストールの作業に入ります。RVMを使ったRubyのインストールのコマンドは、

rvm install XXXX

これ。XXXXのところにインストールしたいバージョンが入ります。調べてみると、今のRuby1.9系の最新版は1.9.2なので、

rvm install 1.9.2

と、打ちます。

rvm install 1.9.2

結構時間がかかりましたが無事に入ったみたい。

続いて、今入れたRuby1.9.2を使うっていうコマンド。

$ rvm use 1.9.2

これでRuby1.9.2を使う設定が完了しました。

bundlerのインストールからやり直し。

RVMを入れたあと、またgem install bundlerをやります。

$ gem install bundler

なんでまたbundlerを入れなくちゃなんないの?

RVMには複数のRubyを使い分けるだけじゃなくて、Gemの使い分けも出来るという機能も持っているからです。Ruby1.9.2のときは、このディレクトリの中に入ってるGemを使って、Ruby1.8.7のときは、こっちのディレクトリのGemを使う…という風に使うRubyによって使うGemが入ったディレクトリを使い分ける機能です。このGemが詰まったディレクトをGemsetと呼びます。今回、RVMインストールして作られたRuby1.9.2用のGemsetにはまだbundlerが入っていないため、今回新たにインストールをしました。

RVMとGemset

「Users/ユーザー名/.rvm/gems/」に行くと、「ruby-1.9.2-p136」というフォルダと「ruby-1.9.2-p136@global」というフォルダが出来てます(細かい数字はインストールしたときによって変わります)。

「ruby-1.9.2-p136」というフォルダと「ruby-1.9.2-p136@global」

では、bundlerはどこに入ったのでしょうか?「ruby-1.9.2-p136」の中の「gems」フォルダを覗くと、

「ruby-1.9.2-p136」の中の「gems」フォルダを覗くと

「bundler-1.0.7」がいました!どうやらrvmで1.9.2を使った場合はこのディレクトリに入ったgemを使うようになってるみたいですね。他に「rake-0.8.7」と「rubygems-update-1.4.2」というのがいますね。この二つは最初から用意されてるGemみたいです。

またbundle install

さっきもやった作業ですが、RVMを入れたため使うGemの場所が変わったので、もう一回「bundle install」をします。まずは「cd」で「Happy1000Days」のディレクトリに移動して、

$ bundle install

を打ってbundle installは完了。これでRuby1.9.2のときに使うGemのディレクトに、Happy1000Days!で必要なGemがインストールされました。

Happy1000Days!で必要なGemがインストールされました

サーバを立ち上げる

では、さっきダメだったサーバを立ち上げましょう。さっきはこのコマンド、

$ ruby script/server

を打ったらエラーが出ました。このコマンドはRailsのバージョン2系でのサーバを立ち上げるコマンドだったみたいで、3系での立ち上げるコマンドは、

$ rails server

もしくは、

$ rails s

…だそうです。バージョンが上がるとこういうコマンドの書き方も変わるってことが黒い画面の世界ではありえるので要注意ですね。それにしても引数が「s」一文字なんて短っ!今後、Rails2系のアプリを立ち上げることもあると思うので、Rails2系のときは「ruby script/server」って打つってことも忘れないでおきましょう。

立ち上がりました!

立ち上がりました!立ち上がったらRailsの場合のローカルのURLは「http://localhost:3000」になります。では、アクセス!

http://localhost:3000

立ち上がってるけど、エラーが出てる!でも、サーバが立ち上がるところまで行ったんだからあと少しでHappy1000Days!がローカルで見れるはず。

rake db:reset

ブラウザに表示されたエラーメッセージを見ると、

Could not find table 'birthdays'

…と出ています。「birthdays」のテーブルが見つかんねーよ、って言ってますね。テーブルと言えばデータベース。DBに何かをやる必要がありそう。

調べたところ、「rake db:reset」というコマンドをやるみたい。rakeとは、さっきGemsetを覗いたときに最初から入ってたGemですね。これがDBに何かをするときにやってくれるやつのようです。

「rake db:reset」とは、「rake db:drop」、「rake db:create」、「rake db:schema:load」っていう手順を一発でやってくれるコマンドのようで、それぞれは、

  1. 「rake db:drop」…DBを消す
  2. 「rake db:create」…DBを作る
  3. 「rake db:schema:load」…DBの中身に入れる

ってことをします。最初のまだ何もなかったDBにデータを入れる必要があったんですね。まだ何もなかったから、「birthdays」のテーブルが見つかんねーよ、っていうエラーが出てたみたいです。では、やってみましょう。まずは「control + c」を押してサーバを一旦止めて、

$ rake db:reset

rake db:reset

うまくいったようです。

では、もう一回サーバを立ち上げ。

$ rails s

http://localhost:3000」にアクセス!

ついに立ち上がりました!

ついに立ち上がりました!

ちなみに、「Happy1000Days!」のデザインを変えるのは「app/views」の中をいじるとHTMLを変更できて、「public」の中の「stylesheets」や「images」、「javascripts」を変えるとcssや画像を変えられます。まぁ、この辺も追々ここで解説します。あ、「Happy1000Days!」ってHaml記法で書いてるんだった。Hamlについてもいずれここで。

祝!FoodFoto

func09さんが会社を立ち上げました。美味しそう!を共有するサービスラペコをスマートフォン、海外向けにチューニングした「FoodFoto」という事業で起業です。僕は元々ラペコの大ファン、これは応援するしかない!

自分でWebサービスを作ってたら起業することになりました

追記

mgさんに間違えを見つけていただき、修正しました。ありがとうございます!

$ rails script/server

$ ruby script/server

最新の実績

  • Remember The Wordpress
  • happy1000days
  • happy1000days
  • happy1000days

こちらも合わせてどうぞ

  • webデザイナーの為の「本当は怖くない」“黒い画面”入門

アフィリエイト