Don't Eat ME!! 反省会
できたーーーーーーーーーー長かったーーーーーーーーーーーーー！！！
1年の後期にモデリングを初めて3年の前期終わりまで、期間で言うと2年や
モデルは１～２回ポリゴン割り直したり、2年で死んで何も手につかない時期があったりありましたが
ようやくできました「Don't Eat ME!!」！（略してどいみ）
昨日アップロードできたタピオカミルクティーkawaiiTPSゲーム「Don't Eat ME!!」かわいいのでよろぴく～ #unityroom #gamedev #indiegames #タピタピどいみhttps://t.co/qSxuFgRbui pic.twitter.com/zo9u7VmyvP
— 氷音(ひょうね) (@hyoune_ds) 2020年7月11日
kawaiiにこだわって作ったので遊んでください
ってことで反省会です
BGMはピューロランドのミラギフのkawaii festivalでお願いします ｶﾜｲｲｶﾜｲｲ
私はアイディアマンじゃない！
私はプログラミングとお絵描きとモデリングができるだけでゲームはあんま作れないんです
プランナー的な企画が出せるほどアイディアマンじゃない！悔しい！！
ということでこのゲームのもとになったチュートリアルがあります
unity4.6の頃にあった「サバイバルシューター」というゲームを作るチュートリアル
開発の途中でサイトからなくなってしまってて残念でした…
めっちゃ可愛い世界観と単純だけどやりごたえのある良ゲーム
なんせ私、2Dゲームばっか作ってたので3D全然わからないんです…
それもあってこのゲームを基盤に自分で大アレンジを加えてどいみになりました
構想の時のラフとか
学校でUnityの授業を取ったら自習という形になって先生から
「ゲーム自分で作ってみようか」と言われて頑張って捻り出しました
ゾンビのプレイヤーの腐肉を食べに集まってくるハイエナとウジ虫（とできたらハゲタカ）から逃げ回るシューティングゲームって元は変わりませんね
まだおじいちゃんはいませんでしたね
とにかくkawaiiゲームが作りたかったのです！あんまり無いので！
3Dモデルとテクスチャウェイト設定まで作るので精一杯で半年経ちました
2020年初めごろからunityをいじり始める
色々と作らなきゃいけないもの作り終えてからまずはShaderGraphから入りました
シェーダーいろいろ作りました
楽しいけど覚えるの大変なので自分用にまとめた記事を書きたいですわ
サバイバルシューターもLWRPで動作を確認したりシェーダーを持ってきたりしてからゲームシーンを作り始めました
タグをつけ忘れてた エフェクトつけてダッシュで退場していくようにした 今サブメッシュについてお勉強してる#madewithunity #gamedev pic.twitter.com/CQERwK66m8
— 氷音(ひょうね) (@hyoune_ds) 2020年3月1日
チュートリアルのまんまの死んだら下に落ちていくのが不自然だと思ったので
後ろを向いてダッシュで逃げていくようにしたり
ダイナミックボーンを設定！横移動アニメも作ったけど足がもつれやすいのでボツにするので供養する… #madewithunity #gamedev pic.twitter.com/wPkfIPkvHa
— 氷音(ひょうね) (@hyoune_ds) 2020年4月18日
前と後ろ歩きは実装できたけどカニ歩きは大分計算がややこしかったのでボツったり
マターリ進捗 アウトラインシェーダーを入れたのとレーザービームがオブジェクトを突き抜けないようにとシェーダーでアウトラインが出ないように設定 地味だけど大切な作業💪 #madewithunity #gamedev pic.twitter.com/YY05PcbdPC
— 氷音(ひょうね) (@hyoune_ds) 2020年5月19日
チュートリアルでは壁を突き抜けていたレーザービームをオブジェクトに当たったら突き抜けないようにしたりと、だいぶ自分好みに改造しています
エネミーAIもNavigation使ってるとはいえ、敵を一時停止させたりプレイヤーが近づくまで一定ルートを徘徊させたりググりながら改造しています
自分のよわよわなぷろぐらみんぐぢからでもこんだけできるからゆにていしゅごい
ゲーム攻略情報と隠しコマンドだよ
突然ですがゲームの攻略情報を載せときます
エンディングシナリオ2種類、エンディングカードは3種類用意しています
スコアによって変わるのでお時間ある方は何度か遊んでみてください
細かい数字で言うと600点以上と10点～590点と0点です
主張の強いつぶやきボタンを押すとヒントが出てくる仕掛けなんですが気が付いた方いらっしゃいますかね
そのヒントを基にクリアするとモチピが死んだ秘密と隠しキャラに会えちゃいます
悪魔のゲーミングモードが爆誕してしまった… pic.twitter.com/KjydynoVgZ
— 氷音(ひょうね) (@hyoune_ds) 2020年5月28日
開発の途中で爆誕してしまったレインボーでイマドキなゲーミングPCカラーモード
いやーかわいい 眩しいけどかわいい kawaii
リトライメニューで「Space + Z」を押すと出てきますのでお試しあれ
あとねー！！ココ！！いいねのハートボタン！！
意味はないけどいいねが押せるよ♡
アイコンも一番上のヤツはクリックすると拡大するよ♡意味はないよ♡遊び心♡♡♡
ふりかえるよ
一人開発良いところ
- 気楽
特に対人ストレスがフリーダム
納期も無いし責任もクソも無いので完成するかはキミ次第
めちゃくちゃ孤独でモチベーションも上がりませんが、気楽ではあります
ちなみに私はコロナ疲れでゲッソリしながらやりました～！しんどかった～！
- 一人で全部触れる
お絵描きが趣味で3Dモデリングが出来てプログラミングも好きな自分にとっては
美味しいところ（美味しくないところも）全部味わえるのは楽しいです
「こんな地味なプログラム他人に投げたいよ ぴえん」って精神の時でも
動いたら「やったー！ｷｬｯｷｬ」って嬉しくなっちゃう人は楽しめると思います
私はそれです プログラミングは合法ドラッグ
一人開発大変なところ
- べらぼうに時間がかかる
このボリュームの薄さでまったりペースで10ヵ月間ぐらいですかね
グラフィックもアニメもプログラムもUIもレベルデザインもぜーんぶ自分でやったので…アセットは揺れものとシナリオシーンだけです
マジ3Dゲームは大変だわー…でも次はUE4でアクションゲーム作ってみたいの
漫画といいゲームも次作りたくなるのは呪縛だな みんな呪われよう
次から気を付けること
- きちんとコメントを付けてソースコードを読みやすくする
- 素材ファイルを散らかさない
- 後で消すって思って名前を重複させない
後で整理するって絶対出来ないから未来の自分を頼らないでくれ…
完成してビルドした頃にはもう全てどうでもよくなってしまってるから…
就活でファイル提出するならもっときれいに整理したんだろうけど、
「中身なんて見えないしそんなことよりスピード重視～」ってやっちゃいけません
後でいじれなくなるの分かるよね？どうしてこんなことになってしまったのかな？
ちゃんとファイルの整理をする癖を付けます…絶対に……今度こそ…………
バージョン管理の導入したいね
GitHubでできるとは聞いてるけど英語とこの手のサービスに疎すぎて全くわからない
私のGitHubアカウント完全にWebGLのアップロードサーバーと化してしまってる
一つずつ覚えていきましょう
これからは友達や先生に意見を聞いてver1.1へ更新を目指したいと思います
そしてこのゲームは私のポートフォリオにぶちこまれるのであった…
2020/10/17 ver.1.1 update!
・街灯を追加など、マップを改良しました。
・他、細かい修正などをしました。
今度こそ！Live2DとUnityPlaygroundを組み合わせてゲームを作ってみた【後編】
ここまでお疲れ様です…後編です 前編はこちら
さあゲームを作っていきましょう！
Live2D Advent Calendar 2019 ４日目の記事になります
Unity Playgroundマニュアルに沿ってよく分からないゲームを作ってみる
こちらのマニュアルにそってUnity Playgroundの使い方を覚えていきましょう
【ドラフト】Unity Playgroundマニュアル日本語訳版 - Google ドキュメント
サンプルシーンは右クリック「Remove Scene」で消してしまいましょう
まずはScenesを作る
Projectタブの Assets > Scenes を開いてから
右クリックで Create > Scene でシーンを作ります
名前は適当に「test」にでもしてHierarchyにD&Dでぶち込みます
元々あったSampleSceneは右クリックでUnload Sceneにしてください
さあマニュアルに沿って進めていきましょう
プレイヤーを作成
宇宙船のスプライト（「SpaceshipBlue」と「SpaceshipRed」の2種類がありますが、どちらでもOKです）を/ Images / Spaceshipsフォルダから直接シーンビューにドラッグ＆ドロップすることから始めます。
せっかくなんでこの部分は自作のLive2Dモデルを使ってみましょう
PlojectタブからLive2Dモデル一式入れたフォルダを開いてみてください
こんな風にファイルが増えていれば成功しています
なっていなかった場合はフォルダごと削除してもう一回UnityにD&Dしてみてください
Live2D SDKがインポートされていればこうやってファイルが変換されます
青い立方体のファイルがあるので、それをHerarchyにD&D！
さあ、Hierarchyにファイルは追加されたけどモデルが見当たらない…
モデルの大きさが小さくてカメラマークの下に隠れています
モデルのスケールを大きくしてあげましょう
多分右側にあるであろうInspectorタブの「Transform」ってところの
「Scale」の項目のXとYの数字を同じ値で増やしてあげてください
３～５ぐらいがちょうどいいかと思います
さあ、モデルが見えたけど描画順がおかしい…
慌てない慌てない！Inspectorの項目をスクロールバーで下を見ていくと
「Cubism Render Controller(Script)」って項目があります
Sortingって項目の▼をクリックして
Modeを「Back To Front Order」に変更しましょう
ちゃんと表示されましたか？ マークくん可愛いですね
次はループアニメをつけましょう
前回Live2Dフォルダの中に「motion」ってフォルダを作りましたね
その中を見て見ると▶が書いてあるファイルが出来上がってると思います
それをHierarchyのLive2DモデルにD&D！！
これでアニメが自動でループ再生されるようになりました！
Gameタブをクリックして
※見当たらなければWindow > General > Game
再生ボタン（Play）を押してみましょう
動いてくれましたか？ 私のマークくんは歩いてくれてます～
それじゃあもう一度再生ボタンを押してストップさせてから
シーンに空のゲームオブジェクトを作りましょう
Hierarchy上で右クリック > Create Empty
出来たGame Objectを選択して右のInspectorで設定を変えてあげます
名前をPlayerにして、TagもPlayerにします
よく見るとPositionに０以外の数字も入っているのでXとYを０にしてあげます
右にある「０」ってボタンを押すとなんとワンクリックで０にしてくれます
そしてさっき追加したLive2Dモデルがありますね？
PlayerオブジェクトにD&DしてLive2Dモデルを中に入れて親子関係を作ってあげます
Playerが親でLive2Dモデルが子供になっていればOKです！
それでは宇宙船を動かしましょう。動かすためには 2つのコンポーネント＝スクリプトが必要です。ユーザー操作に合わせてインタラクティブな動きを提供するためのMoveスクリプトと、宇宙船が物理法則に従うようにするためのRigidbody2Dコンポーネントです。 Moveスクリプトを/ Scripts / Movementフォルダから宇宙船（「SpaceshipBlue」や「SpaceshipRed」）のインスペクタにドラッグ＆ドロップしましょう。
それでは Assets > Script > Movement から「Move」を
さっき作った親のオブジェクト「Player」にD&Dします
ポイントはLive2Dモデルのプレハブに直接スクリプトをアタッチするんじゃなくて
空のオブジェクトを作ってからそこにスクリプトをどんどんアタッチしていきます
そしてこのかわいいアイコンのスクリプトたちがこのUnity Playgrondの
簡単にD&Dでゲームを作ってくれるスクリプトちゃん達です！
いやーありがたい すごい！小学生でもできる！
ジャンジャン使っていきましょう！！
さあ、「Player」に「Rigitbody 2D」も一緒に追加されたはずです
これがいわゆる物理演算をしてくれる機能です
このままじゃプレイを押しても重力に従ってプレイヤーが下に落ちて行ってしまいます…
「Rigitbody 2D」の「Gravity」という項目を「０」にしましょう
そしてプレイヤーの操作方法を選びましょう
また、Moveスクリプトの「Input keys > Type Of Control」で入力方式を選択できます。Arrow Keysが矢印キーによる入力、WASDはW＝上・A＝左・S＝下・D＝右キーによる入力です。
私はWASDが操作しやすいので「WASD」に変更します お好みでどうぞ
さあ！これでプレイを押してみましょう！
…ものすごいスピードでマーク君が飛んでいきました
宇宙船を動かすとものすごい惰性で動いてしまい（＝ドリフトしてしまい）、コントロールすることが難しいと感じるはずです。そこでRigidbody2DのFriction（摩擦）を10に調整します。
Frictionを10にしてみましょう
プレイしてみると、惰性（＝ドリフト）は無くなっていることがわかります。また、移動するキーを入力しても宇宙船が大きく動かなくなっていることもわかります。これは、動かしていた力が摩擦によって打ち消されているためです。
ぶっ飛ばなくはなりましたが、なんかちょっとぎこちない…
なので、MoveスクリプトでもSpeedパラメータを調整する必要があります。 8にして、もう一度プレイボタンを押してみましょう。宇宙船をコントロールするのがもっと簡単になったはずです。
よし、「Move」のSpeedを８にしましょう
そしてプレイで操作してみてください
これで初めてのゲームプレイの調整をしました。
（おめでとうございます。あなたはゲームデザイナーです！）
マニュアルが褒めてくれました(*´ω｀*)
「Rigitbody 2D」と「Move」のSpeedの数字をいい感じに自分でいじってみてください
物理の授業でやったはずです 翻訳書いとくんでハイ頑張って！
「Constraints」は障害物に当たって回転しちゃうときに使えます
Zにチェックを入れるとZ軸の値が固定されて回転しないようになります
Xは横移動・Ｙは縦移動ができなくなるので試してみてください
数字をいじり過ぎたら右上の歯車マークを押して「Reset」で初期化できます
障害物や衝突処理を追加
この時点でプレイできるものが作れましたが、実際にはゲームではありません。 / Imagesフォルダから小惑星のスプライト（Asteroidsフォルダにあります）をドラッグ＆ドロップして宇宙船が避けなければならないいくつかの障害を追加しましょう。この前と同様に、UnityはそこからGameObjectを作成します。
Image > Asteroids にいろいろ素材がありますね
隕石を配置したい場所にD&Dで配置
そしてこの隕石に「Rigidbody2D」と「PolygonCollider2D」を追加します
Inspectorの「Add Component」をクリックして検索欄にそれぞれの名前を入れます
検索候補に出てくるんでそれをクリックすると追加できます
「Rigidbody2D」と「PolygonCollider2D」の２つ追加しましょう
Rigidbody2Dは先ほどと同じようにGravityを０にしておきます
PolygonCollider2Dはいわゆる当たり判定です
このタイプのコライダーは画像の形に添って当たり判定を作ってくれます
それじゃあLive2Dモデル（プレイヤー）にも当たり判定を作ってあげましょう
Playerを選択してから同じように「Add Compornent」で「Box Collider 2D」を選択
マーク君に緑色の四角が出てきましたね これが当たり判定の範囲です
これじゃ適当過ぎるんで大きさを変えてあげましょう
Inspectorの「Box Collider 2D」のSizeを縦長に合わせてあげて…
ん～、こんな感じですかね
あとExtra Optionsの「Edge Radius」をいじると角を丸くできます
そうすると範囲が広がっちゃうのでまたSizeをいじって……
最終的にはこんな感じにしました
キャラによってはもっと丸い方が形が合ってるってこともあるので
Box以外に「Capsule Collider 2D」（カプセルみたいな形）や
「Circle Collider 2D」（円形）のコライダーもあるのでキャラによって変えてあげてください
またコライダー同士を組み合わせて使うって方法もあります
ちなみに、先ほど使った形状を合わせてくれる「Polygon Collider」は
Live2Dの形の変化に合わせてあたり範囲を変えてくれるわけではないので注意です
なにかいいコライダーの作り方があれば楽になりますねー
それじゃあプレイを押してキャラと隕石と衝突させてみてください
隕石と衝突をして！その反動でマーク君が回転する！！
これじゃあ目を回して可愛そうなんで回転を制御してあげます
先ほどちらっと紹介した方法ですがPlayerを選択して
「Rigidbody 2D」の「Constraints」の「Freeze Rotation 」のＺにチェックを入れます
これで回転しなくなったはずです
回転させた方が面白い場合はチェックを入れなくていいです笑
小惑星のPolygonCollider2DのパラメータであるFriction（摩擦）、Angular Friction（回転摩擦）、およびMass（質量）を自由に調整して、希望どおりの動きにすることもできます。Massを10に設定すると重くなり、宇宙船に触れても飛び散らないようになります。そう、大きい惑星は非常に重いに違いないのです！
断言してきましたね
お好みで隕石のRigidbody2Dもいじったら楽しいと思います
そして、この小惑星を宇宙船の脅威となるようにしましょう。 / Scripts / AttributesにあるModifyHealthAttributeという名前のスクリプトを小惑星に追加します。
それでは Scripts > Attibutes にある「ModifyHealthAttribute」を追加しましょう
これで現時点では隕石に触れると１ダメージ食らうようになります
それから、宇宙船をダメージが特定できるようにする必要があります。そのためには、宇宙船にHealthSystemAttributeという名前のスクリプト（/ Scripts / Attributesの下にあります）を加えます。
Playerに体力ポイントを作ってあげます
先ほどと同じ場所にある「HealthSystemAttribute」をPlayerに追加
最後に、小惑星を複製し（ショートカット：WindowsではCtrl + D、MacではCommand + D）、宇宙船の周りに小惑星群のフィールドを作成します。
隕石が１つだけってのも寂しいのでコピーしていっぱい配置しましょう
隕石を選択してWindowsではCtrl + D、MacではCommand + D
そしたらコピーした隕石を選択してキーボードのwを押してみてください
矢印マークになるのでその真ん中をつかむと自由に移動ができます
さあ、この調子で２～３個ぐらい隕石を配置します
※知ってる人は隕石をプレハブ化するとゲーム的にはいいですね
分からない人は大丈夫です！とにかく作ってみましょう！
とりあえずこんな感じ！
ただし、宇宙船が攻撃を受けたときにフィードバックを受け取ることはありません。では、宇宙船のダメージ許容量を視覚化するためのUIを追加しましょう。 / PrefabsフォルダからUserInterface Prefabをシーンにドラッグ＆ドロップします（うまくいかない場合は、ヒエラルキービューにドラッグ＆ドロップします）。 ゲームビューを見ると自動的にスコアとダメージ許容量のUIがポップアップします。
体力が見えるようにUIを追加しましょう
Assets > Prefabs を開くと「UserInterface」という青い四角があると思います
これをD&Dでぶち込みます
めちゃめちゃデカイ何かが追加されました
これでプレイを押してみてください！
隕石に３回ぶつかるとゲームオーバーになります
なんかゲームっぽくなってきましたね！！
ゴールを追加
さて、あなたが作ったゲームはどうですか？ それでは、小惑星に衝突することなく宇宙船が星を集めるようなゲームにしたい・・・としましょう。 すべての星が集まったら、ゲームクリアになります。 逆にあまりにも多く小惑星とクラッシュした場合はゲームオーバーです。
「隕石をよけて星を全部集めたらゲームクリア！」というゲームに仕上げていきましょう
/ Images/GameElementsフォルダから星（Star）をシーンにドラッグ＆ドラッグして追加しましょう。そして星に / Scripts / AttributeフォルダからCollectableAttributeスクリプトを追加します。 その時、「Collider2D needed」のダイアログが表示されるので、Polygonを選択しましょう。PolygonCollider2Dコンポーネントが自動で追加されます。
Assets > Image > GameElements の中にゲームっぽい素材がいっぱい入ってます
「Star」をHierarchyに追加しましょう
そして Assets > Scripts > Attribute の「CollectableAttribute」をStarに追加
「Collider2D」を自動追加してくれるので「Polygon」をクリック
PolygonCollider2Dの「In Trigger」という項目にチェックが入っていることを確認してください
CollectableAttributeスクリプトは星を収集可能なアイテムにして、星1つ獲得するとプレイヤーに1ポイントが与えられるようになります。
さあ、星を４つ追加して５つにしましょう
先ほどの複製方法と同じで大丈夫です バババババン
最後に、ヒエラルキーからUserInterfaceを選択し、UI ScriptスクリプトのScore To Winの値が5であることを確認します。ゲーム内の星の数とScore To Winの値を一致させないと、正しくゲームが動きません。
このままプレイすると画面外に出たときにマーク君を見失ってしまうので
カメラを追尾させるようにしましょう
Hierarchyの「MainCamera」を選択して
Inspectorの「Camera」に「Add Camera Follow script」というボタンがあるので押す！
押すとインスペクターに追加されますね
Camera Follow(Script)の「Target」の欄に「Player」をD&Dで設置！
こんな風になればＯＫ
さあ…プレイを押して上手に隕石をよけながら星を全部とってみてください！！
おめでとうございます！
あなたは最初のゲームが作れました。
マニュアルも褒めますが私からもおめでとうございます！！！
もうちょっと華やかにしましょう
マニュアルにはありませんが背景とＢＧＭを追加してみたいと思います
Assets > Images > Backgrounds で「BG_Space」をHierarchyに追加
Sprite Renderer の「Draw Mode」を「Tiled」に変更
Sizeはお好みで広げてあげてください
ちなみに、UnityでXやYの文字の上でドラッグすると数字がいじれますのでお試しあれ
カーソルに⇔みたいなのが出てくるはずです 楽ちんですよ～
このままじゃ背面に配置されていないので
Visibility Optionsの「Sorting Layer」を「Background」に設定してあげます
こんな感じ
これで背景に宇宙が広がっているハズです！！
移動すると途切れちゃうんでかなり広めに設定してあげてください
最後にBGMを追加しましょう ループできるといいですね
Assetsで右クリックで Create > Forder でフォルダを生成
名前は「sound」にします
そしてsoundフォルダの中にBGMをぶち込む
ゲーム作りは素材管理が大事だと思います
こうやってフォルダを作って中に素材を入れる癖をつけておくと楽です
つぎにHierarchyで右クリック > Create Empty で空のゲームオブジェクトを作ります
名前をBGMにして「Audio Source」を追加
ここの「AudioClip」の欄に先ほどのBGMをぶち込みます
そしてLoopのチェックを入れてプレイしてみてください
音がデカイと思ったらVolumeで調節してください
やっぱグラフィックと音がつくとリッチになりますね
何度か遊んでみて隕石を増やしてみたり、星の位置を変えてみたりして
自由にレベルデザインをしてみてください
ほら！！簡単にゲームができた！！
しかもぼくのつくったさいきょうにかわいいキャラが動いている！
とっても嬉しい気持ち！！！
では最後の最後にキチンとシーンを保存しておきましょう
皆さんおなじみ Ctrl + S で保存ができます
このシーンというファイルの中に作ったゲームが入っています
オリジナルゲームを作ってみよう！
ここまでで一通り使い方はわかりましたかね？
マニュアルにほかにもいろいろ書いてあるので見てみてください
わからないことがあればTwitterとかコメント欄でひょうねさんに声かけてもらえればわかる範囲でお答えします！
こっちがリファレンスガイド（参考にする辞書みたいなもんです）
一通り目を通せばPlaygroundで何ができるか、何が使えるかが把握できると思います
あと、前半でサンプルゲームを遊んだと思います
それを開くとこのゲームがどうやって作られているか見ることができます
右側のInspecterを見ればなんとなくわかると思います
このディフェンダーゲームは炎のアニメ画像が付いてますね…
と、色々見て分析してみてください 全部プログラミングせず作られているハズです
我々が今年のAwardで作ったゲームのゲームステージ画面は
ほとんどUnityPlaygroundのスクリプトを組み合わせて作っています
キャラに「AutoMove」と「CameraFollow」をつければ後半のランゲームが作れます
カメラの上部に隕石のプレハブを置いて
「ConditionRepeat」で数秒ごとに「Create Object Action」で隕石を生成して
「AutoMove」で斜めに落として「AutoRotate」で隕石自体を回転させると上から隕石が降ってくるようになります！
（SEを鳴らすのはスクリプトいじりましたが、爆破エフェクトはPlaygroundで実装できますよー！）
こうやっていろいろなスクリプトを組み合わせればいろんなことが実装できるはずです！
わからなくて躓いたらググれば多分出てきます
それだけUnityはみんな使っているのでブログ記事とかいっぱい出てくるのです
とにかくいじってみる 話はそれからだ
色々組み合わせて遊んでみてください
自分で画像素材を用意するとオリジナリティがアップしますよ
モーションの切り替えとかはプログラミングが必要なので需要がありそうなら伝授します
あとこのLive2DとUnityを併用できる人口を増やしたい ﾀﾉｼｲﾖｰ
現場からは以上です
長い記事なので休日とかにまったり作ってみてください
次のアドカレ担当さんはまっちゃんさんです バトンタッチ！