[RUBY] [Für Anfänger] Vollständige Roadmap zum Erlernen der WEB-Programmierung [Vom MacBook-Kauf bis zum praktischen Level]
Was ist eine vollständige Roadmap zum Erlernen der WEB-Programmierung?
Wir bieten folgende Erlebnisse ** völlig kostenlos ** an. Geld nehmen Im Gegensatz zu note hat Qiita keine Funktion für kostenpflichtige Artikel. Ich bin erleichtert.
・ Jeder kann ein MacBook kaufen
・ Unterrichtsmaterialien für Programmieranfänger
・ Ich werde die Grundlagen der WEB-Programmierung erklären
・ Sie können das Programmieren lernen, auch wenn Sie völlig unerfahren sind
Sie können WEB-Dienste wie "Qiita individuell" erstellen
Vorteile des Lesens dieses Artikels
・ Sie erwerben die Fähigkeiten, um eine Website zu erstellen, die für 500.000 Yen geliefert werden kann
Die Website, die Sie gerade verwenden, heißt "Qiita". Wenn Sie von 1 produzieren, lautet die Skala "Lieferzeit 30 bis 60 Tage, Preis 500 bis 1 Million Yen".
In diesem Lehrmaterial erstellen wir eine Website, die Qiita von Grund auf vereinfacht. Wenn Sie es klären können, erwerben Sie die Fähigkeit, ungefähr diesen Betrag zu verdienen.
Ergebnisse
Fazit Ich werde zuerst gehen. Die Ergebnisse dieses Lehrmaterials sind die folgenden Websites.
Funktionseinführung
** Neue Artikel posten (Artikel # neu) ** Sie können einen Blog-Beitrag posten. Wie bei Qiita können Sie Funktionen wie die Markdown-Notation, das Einfügen von Codeblöcken und das Einfügen von Bildern in den Text verwenden.
** Artikellistenanzeige (Artikel # Index) ** Sie können eine Liste der veröffentlichten Artikel anzeigen. Sie können zum Artikelanzeigebildschirm wechseln, indem Sie auf das Artikelsymbol klicken.
** Artikel anzeigen (Artikel # anzeigen) ** Sie können die veröffentlichten Artikel durchsuchen. Es hat auch eine Like-Funktion und eine SNS-Share-Funktion.
** Meine Seite (Benutzer # anzeigen) ** Sie können das Benutzerprofil, Impressionen und eine Liste der veröffentlichten Artikel anzeigen.
Das Obige ist das Ergebnis dieses Lehrmaterials. Kurz gesagt, ich werde Qiita machen. Jetzt fangen wir an zu lernen.
Lehrplan lernen
[** 1. MacBook kaufen ](# 1 MacBook kaufen) [ 2. Browser installieren ](# 2 Browser installieren) [ 3. Erstellen wir eine Entwicklungsumgebung [Homebrew] ](# 3 Erstellen wir eine Entwicklungsumgebung Homebrew) [ 4. Den Editor herunterladen ](# 4 Den Editor herunterladen) [ 5. Verstehen Sie die Grundlagen von HTML und CSS ](# 5 Verstehen Sie die Grundlagen von HTML und CSS) [ 6. Verwenden wir die Entwicklertools ](# 6 Verwenden wir die Entwicklertools) [ 7. Responsive Design kennenlernen ](# 7 Responsive Design kennenlernen) [ 8. Lass uns Flexbox beherrschen [Gott] ](# 8 Lass uns Flexbox beherrschen) [ 9. Machen wir eine Twitter-ähnliche App mit Rails ](Machen wir eine Twitter-ähnliche App mit # 9rails) [ 10. Lass uns Git / Github benutzen ](# 10 Lass uns Gitgithub benutzen) [ 11. Stellen wir die App für AWS bereit ](Stellen wir die App für # 11aws bereit.) [ 12. Erstellen wir eine Qiita-ähnliche App mit Rails **](Erstellen wir eine Qiita-ähnliche App mit Rails Nr. 12)
1. Kaufen Sie ein MacBook
Kaufen wir zuerst einen Computer. Ein MacBook Pro 13-Zoll-Computer wird empfohlen und der Preis beträgt ¥ 134.800 (ohne Steuern). Dies ist eine anständige Ausgabe für Ihren Geldbeutel. Nehmen wir jedoch an, dass die "Qiita-Website", die dieses Mal produziert wurde, für 500.000 Yen verkauft wurde. Dann kann die anfängliche Investition von 150.000 Yen zurückgezahlt werden, wenn eine Website verkauft wird.
Rückkehr des Programmierlernens
・ Entwicklungszeitraum: 1 Monat
・ Anschaffungskosten: ¥ 150,000
・ App-Stückpreis: ¥ 500,000
·Rückkehr(1 Jahr)：¥(50×12-15)×10,000 = ¥5,850,000
Das Obige ist jedoch die Berechnung, wenn Sie ohne Frustration beim Programmierlernen fortfahren. Wenn Sie also frustriert sind, wird es nicht so sein wie oben. In diesem Fall geht es jedoch nur darum, das MacBook bei Mercari zu verkaufen. <a href = "https://www.mercari.com/jp/items/m45876950419/?_s=U2FsdGVkX1-Foy-31PNe5xn_c8LGBRbGeazegs4v_pNr_Y5c2dx2cYlgOhtm_T2x8VWs_p Sie können es sparen, indem Sie Yen ausgeben.
Zusammenfassend sieht die Kostenleistung des Programmierlernens wie folgt aus.
Kostenleistung beim Programmierenlernen
・ Entwicklungszeitraum: 1 Monat
・ Anschaffungskosten: ¥ 150,000
・ App-Stückpreis: ¥ 500,000
・ Risiko: ¥(15-8)×10,000 = ¥ 90,000
·Rückkehr(1 Jahr)：¥(50×12-15)×10,000 = ¥5,850,000
Ich persönlich denke, dass das Risiko einer Herausforderung mit einer jährlichen Rendite von 5,85 Millionen Yen mit 90.000 Yen zu gering ist. Früher musste man ein Unternehmen gründen, ein Unternehmen gründen, Freunde sammeln und so weiter, wenn man diese Ziffer der Rendite erhalten wollte. Und wenn das Unternehmen bankrott geht, ist es, als würde man Millionen von Schulden, Vertrauen und Freunden verlieren.
Dies kann erreicht werden, indem ein Risiko von nur 90.000 Yen einzeln gezahlt wird. Darüber hinaus beträgt die Rendite ab dem ersten Jahr 585/9 = 65 Mal. Cospa ist zu gut. Es ist eine gute Zeit.
Im Allgemeinen wird gesagt, dass das durchschnittliche monatliche Einkommen von Ingenieuren, die in der diesmal eingeführten Programmiersprache "Ruby" leben, 500 bis 1 Million Yen (Jahreseinkommen von 6 bis 12 Millionen Yen) beträgt, so dass diese Schätzung oft falsch ist. Ich glaube nicht. Wenn Sie interessiert sind, ** Durchschnittliches Jahreseinkommen des Rails Engineer ** Versuchen Sie es mit Google.
Kaufen wir jetzt ein MacBook. MacBook ** Sie können hier kaufen. ** Es gibt verschiedene Typen, aber ich denke, dass das 13-Zoll-MacBook Pro in Ordnung ist, es sei denn, Sie sind besonders darüber informiert. Sie können zwischen 8 GB / 16 GB Speicher wählen, aber 8 GB reichen für die Programmierung aus.
2. Installieren Sie den Browser
Ein "Browser" ist eine App zum Surfen im Internet. Es gibt verschiedene Typen, aber es ist üblich, einen Browser namens ** Google Chrome ** zum Programmieren zu verwenden.
** Klicken Sie zum Installieren auf diesen Link ** . Wenn Sie am Linkziel auf ** Chrome herunterladen ** klicken, wird ** googlechrome.dmg ** unten links auf dem Bildschirm angezeigt. Dies ist die Installationsdatei. Klicken Sie darauf, um die Installation abzuschließen.
3. Erstellen Sie eine Entwicklungsumgebung [Homebrew]
Für die Programmierung ist eine "Entwicklungsumgebung" erforderlich. Wenn Sie ein neues Smartphone kaufen, laden Sie Apps wie LINE, Youtube und Twitter aus dem Store herunter.
Es ist so, als würde man einfach eine App zum Programmieren herunterladen. Diejenigen, die hier heruntergeladen werden sollen, haben die folgenden Namen.
・ Homebrew
・ Rbenv
・ Ruby-build
· Zeile lesen
・ Ruby
・ MySQL
・ Bundler
・ Schienen
· Damit.js
Wie Sie sehen können, gibt es ziemlich viele von ihnen, aber Sie müssen sich nicht an sie erinnern. Als Sie gelernt haben, wie man LINE verwendet, haben Sie die Rollen und Funktionen von LINE nicht im Voraus einzeln überprüft. Mit dem gleichen Gefühl, wenn Sie es verwenden, werden Sie sich natürlich daran erinnern, "was ist diese App", also lassen Sie uns arbeiten, ohne uns darum zu kümmern.
Trotzdem denken Sie vielleicht, dass mit Dawn viele unbekannte Wörter vor Ihnen auftauchen und Sie denken bereits "Es ist schmerzhaft ...", aber denken Sie bitte an dies als Beispiel für eine Smartphone-App. Ist es schwierig, die folgende Wortliste zu sehen?
· LINIE
・ Twitter
・ Instagram
· Tick Tack
· Youtube
Es ist nicht scharf. Dies ist jedoch auch genau die gleiche "Liste mysteriöser Wörter" wie die obige Liste. Die obige Wortliste ist für eine alte Frau, die keine Smartphones kennt, möglicherweise schwer zu erkennen.
Beim Programmieren lernen Sie immer wieder auf eine "Liste mysteriöser Wörter". Da das Unbekannte eine "Angst" für den Menschen ist, neigen viele unerfahrene Programmierer dazu, durch Begegnungen mit dem Unbekannten frustriert zu werden.
Alle "unbekannten Wörter" werden jedoch zu harmlosen Wörtern wie "LINE Twitter", wenn Sie sie wiederholt berühren. Deshalb möchte ich, dass Sie mit Zuversicht an Ihrem Studium arbeiten.
Auch dieses Material "lässt Sie nicht zurück". Bitte seien Sie versichert, dass wir den gesamten Lehrplan aus der Perspektive von "Wird er dem Leser übermittelt?" Schreiben.
Beginnen wir jetzt mit der eigentlichen Arbeit.
Einführung in die Befehlszeilentools
Es gibt "einen" Artikel zu lesen. ** ・ Was sind Befehlszeilentools? Erläutern Sie die Rolle und ihre Verwendung **
Wir stellen Homebrew vor
Es gibt "einen" Artikel zu lesen. ** ・ Was ist Homebrew? Erläutern Sie die Rolle und die Installationsmethode **
Einführung von Ruby and Rails
Es gibt eine "Sprache" in der Programmierung. Dies ist wie "Japanisch" oder "Englisch" in der realen Welt. Es gibt viele, aber dieses Mal werde ich "Ruby" verwenden.
Es gibt "einen" Artikel zu lesen. ** ・ Was ist Rails on Rails? Erklärung seiner Rolle und Einführungsmethode [Fazit: Curry Lou] **
Einführung in MySQL
Es gibt "einen" Artikel zu lesen. ** ・ Was ist MySQL? So installieren Sie es mit Pfannkuchen auf Ihrem Mac [Easy] **
Der Bau der Umgebung ist abgeschlossen
Danke für deine harte Arbeit! Als nächstes fahren wir mit der Einführung eines Editors fort.
4. Laden Sie den Editor herunter
Es gibt "einen" Artikel zu lesen. ** ・ Was ist VSCode? Erläutern der Rolle und der Einführungsmethode [Schlussfolgerung: Es handelt sich um eine Anwendung zum Schreiben von Code] **
Bereit!
Damit sind alle Vorbereitungen abgeschlossen. Ab hier ist es endlich Codierungsarbeit!
5. Verstehen Sie die Grundlagen von HTML und CSS
Es gibt "2" Videos zu sehen. ** - Erster HTML-Einführungskurs (24) ** ** - Erster CSS-Einführungskurs (34 Bücher) **
Lassen Sie uns beim Ansehen dieses Videos Ihre Hände und Ihren Code bewegen. Da wir mit VSCode codieren, öffnen Sie zuerst VSCode und drücken Sie Befehl + N auf der Tastatur. Dadurch wird eine Datei mit dem Namen Untitled-1 generiert. Diese Datei wird nicht gespeichert. Es wird daher empfohlen, sie zu speichern, indem Sie im Menü "Speichern", das angezeigt wird, wenn Sie Befehl + S drücken, "Desktop" angeben. Nennen Sie die Datei außerdem "Dateiname.Erweiterung", z. B. "index.html" oder "style.css". Die "Erweiterung" gibt den Dateityp an. Wenn Sie .html verwenden, können Sie Ihrem Computer mitteilen, dass "diese Datei in HTML geschrieben ist".
Wenn Sie eine in HTML geschriebene Datei öffnen, können Sie sie auch öffnen, indem Sie mit zwei Fingern auf die auf dem Desktop gespeicherte Datei klicken → Öffnen mit dieser Anwendung → Google Chrome.
6. Verwenden wir die Entwicklertools
Zu diesem Zeitpunkt fühlt es sich wie ein "Anfänger" an. Lassen Sie uns das MacBook zusammen mit Starva verbreiten und uns cool fühlen. Die Motivation explodiert. Lol
Es gibt "ein" Video zu sehen. ** - Ich kann dich nicht mehr fragen! Verwendung von Browser-Entwicklertools **
Wenn Sie lernen, wie Sie die Entwicklertools verwenden, können Sie den Code cooler Websites in Ihre eigenen Fähigkeiten umwandeln. Es ist eine ziemlich Abkürzung. Es gibt einen großen Unterschied in der Wachstumsrate, je nachdem, ob Sie dies wissen oder nicht. Denken Sie also daran.
7. Lernen Sie Responsive Design kennen
Von hier aus lernen Sie, was als "Responsive Design" bezeichnet wird. Responsive Design ist wörtlich "Responsive Design". Was es reagieren lässt, ist hauptsächlich die "Breite des Bildschirms". Einige Websites werden auf einem Computer angezeigt, andere auf einem Tablet und andere auf einem Smartphone. Alle diese haben unterschiedliche Bildschirmbreiten. Wenn Sie also dieselbe Website mit demselben Erscheinungsbild anzeigen, ist es schwierig, die Anzeige zu sehen. Um dies zu vermeiden, erstellen wir ein Design, dessen Erscheinungsbild sich an die Breite anpasst.
Es gibt "ein" Video zu sehen. ** - Erster Einführungskurs in das Webdesign (19 Bücher) **
8. Lassen Sie uns Flexbox [Gottes Arbeit] meistern
Durch das bisherige Lernen denke ich, dass das Konzept des Floats entstanden ist. Dies ist eigentlich ziemlich schwer zu verstehen und kann der größte Rückschlag für Anfänger in der Programmierung sein. Dies ist der F-Akkord auf der Gitarre. Tatsächlich kann dieses Konzept des Schwebens jedoch "fast unnötig" gemacht werden, indem man die göttliche Arbeit von Flexbox lernt.
Es gibt "ein" Video zu sehen. ** ・ Erfahren Sie, wie Sie Flexbox in einem Spiel verwenden! **
Das obige Video wird empfohlen, da es Spaß macht, Flexbox in einem Spielformat zu lernen. Das Flexbox-Übersichtsblatt wird auch im folgenden Artikel verteilt. Stellen Sie daher sicher, dass Sie es erhalten. ** - Ich habe einen CSS Flexbox-Spickzettel erstellt und werde ihn verteilen **
9. Erstellen Sie eine Twitter-ähnliche App mit Rails
Bis zu diesem Punkt haben wir hauptsächlich gelernt, das Erscheinungsbild von Websites zu erstellen. Von hier aus beginnen wir mit der Erstellung des internen Systems. Das interne System ist beispielsweise "Benutzerregistrierungsfunktion", "Anmeldefunktion", "Tweet-Funktion" usw. in Twitter. Außerdem werden diese Systeme in der Sprache Ruby erstellt. Ruby on Rails ist ein "Framework", mit dem Sie Systeme mit Ruby entwickeln können.
Es gibt "einen" Artikel zu lesen. ** ・ [Einführung in Ruby on Rails] Ich werde alle Schritte erläutern, um Twitter mit Ruby [Easy] ** zu erstellen
10. Verwenden wir Git / Github
Es ist wieder ein neuer horizontaler Charakter. Ich glaube jedoch nicht, dass jemand, der bisher gelesen hat, mehr Angst haben wird. Git ist ein "Speichern und Laden" -Mechanismus in der Programmierung. Wenn Sie ein Videospiel spielen, speichern und laden Sie Daten. Dies kann auch durch Programmieren erfolgen. Es ist super praktisch. Lassen Sie es uns sofort vorstellen.
Es gibt "einen" Artikel zu lesen. ** - Was ist Git? Was ist Github? Ich werde die Rolle und ihre Verwendung erklären **
** * In diesem Artikel generieren wir die Basis-App für die in Kapitel 12 erstellte Blog-App im Qiita-Stil. Lesen Sie es unbedingt durch. ** ** **
11. Stellen Sie Ihre App auf AWS bereit
Wir werden die erstellte Anwendung mit AWS veröffentlichen. Auf die Apps, die ich bisher erstellt habe, kann über die Adresse localhost: 3000 zugegriffen werden, aber nur auf meinem eigenen PC. Websites müssen von überall im Internet zugänglich sein, und AWS macht dies möglich.
Es gibt "einen" Artikel zu lesen. ** - [Erhaltene Version] Alle Schritte von der Registrierung des AWS-Kontos bis zur automatischen Bereitstellung von Rails [Capistrano] **
12. Erstellen Sie eine Qiita-ähnliche App mit Rails
Endlich das letzte Kapitel. Lassen Sie uns eine Rails-App erstellen, die weiter fortgeschritten ist als die im vorherigen Kapitel erstellte Twitter-ähnliche App, und die Erstellung von Websites auf praktischer Ebene erwerben.
Anhang: Verdienstpläne
Danke für deine harte Arbeit! Das sind alle Informationen über "Programmierkenntnisse", die Sie aus dieser Roadmap lernen können. Damit haben Sie die Fähigkeit erworben, "eine App zu erstellen, die für 500.000 Yen verkauft wird", wie eingangs erwähnt. Von nun an lautet die Frage: "Wie kann man 500.000 Yen verdienen?" Zusammenfassend gibt es verschiedene Methoden. Ich möchte diesen Artikel mit einigen Vorschlägen abschließen.
Einen Job finden / Jobs wechseln
Dies ist der schnellste Weg. Es gibt weltweit viele Unterstützungsdienste für Beschäftigung / Jobwechsel. Erstellen Sie daher einen Lebenslauf, der auf Ihren eigenen Fähigkeiten basiert, und wiederholen Sie die Beschäftigung / den Wechsel von Jobaktivitäten, bis Sie Erfolg haben. Die folgenden Support-Services werden empfohlen.
** ・ Gesuchtes Business-SNS, das "Arbeiten" interessant macht **
Darüber hinaus gibt es heutzutage viele "Programmierschulen mit voller Unterstützung für den Jobwechsel". Daher ist es eine Ameise, sich an einer Schule anzumelden und einen Job mit Unterstützung zu bekommen. Obwohl es sich um eine zuverlässige Methode handelt, weist sie auch Nachteile auf, beispielsweise die Tatsache, dass der Arbeitgeber in der Regel ein Subunternehmer ist. Man kann jedoch sagen, dass dies der kürzeste Weg ist, wenn Sie nur eine Karriere als Systemingenieur anstreben. Es wird einfacher sein, die Gelegenheit zu nutzen, um eine höhere Karriere anzustreben, wenn Sie aufbauen und stolz darauf sein können, dass "ich praktische Erfahrung habe". Die folgenden Schulen werden empfohlen.
<a href = "https://tech-camp.in/expert?gclid=Cj0KCQjwrIf3BRD1ARIsAMuugNtwuqBofzmZ207oy8T8NNeyJZpwViBZHXn9PuO6g5SS2a
alleine gehen
Dies ist der Fall, wenn Sie die Schiene der Beschäftigung / des Arbeitsplatzwechsels verlassen und den Weg der Freiberufler wählen. Dies ist die Karriere, die ich mache. "Freelance" ist eine sehr coole Art, es auszudrücken, und mit anderen Worten, es kann als "arbeitslos" bezeichnet werden. Es ist eine Möglichkeit, ein Unternehmen mit eigenen Händen zu gründen, ohne zu einem Unternehmen zu gehören.
Ein schneller Weg, um unabhängig Geld zu verdienen, ist die Verwendung eines Mechanismus namens "Cloud Sourcing". Es ist eine Möglichkeit, auf eine andere Schiene zu gelangen, während Sie die Schiene entfernen. Cloud-Sourcing fängt im Grunde genommen Unternehmen an, die nach "ausgelagerten" Jobs unter der Bedingung "jedermann" suchen und "let me do it" vorschlagen. Die folgenden zwei Dienste sind berühmt, daher halte ich es für eine gute Idee, sich unten zu registrieren und sofort mit "HTML CSS", "JavaScript", "Rails" usw. nach Projekten zu suchen und Vorschläge zu machen.
** - Cloud Sourcing ist Japans größte "Cloud Works" ** ** ・ Lancers | Japans größte Jobanforderungsseite für Cloud-Sourcing **
Es gibt unendlich viele andere Möglichkeiten für die Unabhängigkeit. Eine Möglichkeit besteht darin, "Unterrichtsmaterialien zum Verdienen" zu kaufen, die von berühmten Influencern verkauft werden. ** manablogs Produkt ** , das mich zum Programmieren inspiriert hat, war erfolgreich. Ich empfehle es, weil es viele Leute hat.
In meinem Fall wurde ich durch die Methode "Starten meines eigenen technischen Blogs" unabhängig. Es gibt verschiedene "Verdienstpfade" wie Adsense und Produktverkäufe in Blogs, daher habe ich mich für diesen Weg entschieden.
ein Unternehmen gründen
Es ist fast dasselbe wie Unabhängigkeit, aber es wird für diejenigen empfohlen, die den Titel "Co., Ltd." wollen. Neben dem Titel gibt es meiner Meinung nach verschiedene Vorteile wie soziale Garantien. Einfach ausgedrückt scheint es einfach zu sein, soziales Vertrauen zu gewinnen, sodass die Erfolgsquote von Aufträgen für Cloud-Sourcing wahrscheinlich steigen wird.
Ich habe es noch nie zuvor gemacht, daher denke ich, dass es besser ist, "Leute, die Erfahrung im Starten von IT haben", um Rat zu fragen. Anstatt auf ehrliche Ratschläge zu warten, ist es meiner Meinung nach am einfachsten, es selbst zu versuchen, wenn Sie interessiert sind. Es mag unverantwortlich klingen, aber es ist wahrscheinlich die Wahrheit.
Es gibt viele Leute, die Erfahrung in der Gründung von IT-bezogenen Unternehmen haben, daher ist es schwierig, diese Leute zu "NEHMEN". Weil ich ihnen ein Level von "GIVE" geben muss, das das tägliche Leben dieser erstaunlichen Menschen übertrifft. In diesem Fall scheint es für mich viel schneller zu sein, diese "großartige Person" zu werden. Übrigens scheinen die folgenden Websites nützlich zu sein, wenn Sie ein Unternehmen gründen.
## Was kann man gemeinsam sagen? Egal, ob es sich um einen Jobwechsel oder eine Unabhängigkeit handelt, ich denke, dass Sie Geld verdienen können, wenn Sie die Bedingung erfüllen, auf leicht verständliche Weise zu sagen, was Ihnen gegeben wird, damit die andere Person es sehen kann.Ich selbst bin in der Situation "Programmieren Selbststudium 2 Monate → Schule 2 Monate → Selbststudium 2 Monate → Artikel schreiben jetzt". Ich denke ernsthaft, dass die optimale Lösung, um Menschen zu helfen, darin besteht, "Anfängern das Wissen aus dem Selbststudium und der Schule mit aller Kraft für Anfänger in der Programmierung zur Verfügung zu stellen". Also habe ich diesen Blog gestartet und sende ihn auf diese Weise an alle.
Aufgrund dieses Blogpostings denke ich daran, Vertrauen als meine erste "Errungenschaft" zu gewinnen. Das möchte ich tun. Ich glaube, dass es auf der Welt immer einen Moment gibt, in dem "was Sie für jemanden tun wollen" und "was Sie tun wollen" für jemanden zusammenpassen.
Danke für deine harte Arbeit!
Vielen Dank für das Lesen. Wir möchten weiterhin Artikel veröffentlichen, die allen zugute kommen, die sie lesen. Vielen Dank für Ihre Mitarbeit.
Informationen zum Autor
・ Blog: ** Vom Kauf eines ONSEO MacBook bis zum praktischen Niveau ** ・ Twitter: ** https://twitter.com/soeno_onseo **