【最終回】Go言語（Golang）入門～Twitterアプリ作成完了編～

笹川（エンジニア）

【最終回】Go言語（Golang）入門～Twitterアプリ作成完了編～

笹川（エンジニア）

2019.12.18

IT技術

Go言語

最終回～Go言語（Golang）入門～

笹川先生

（株）ライトコードの笹川（ささがわ）です！

引き続き、ツイートを猫語に変換する「にゃイッター」作っていきます！

簡単なTwitterアプリです。

詳しくは、前回の記事をご覧ください。

それでは、早速進めていきます！

前回の記事はこちら

2019.12.12【第14回】Go言語（Golang）入門～Twitterアプリ作成編～第14回～Go言語（Golang）入門～笹川先生（株）ライトコードの笹川（ささがわ）です！そろそろレベルも上がり、Go...

猫語変換処理を実装

POSTで受け取った値を置換する処理で、「猫語変換」をします。

ReplaceAllを使うと一括置換が出来ます。

1strings.ReplaceAll(target, before, after)

今回は、文字列 map の Key を、Value に変換するように実装します。

なぜ、文字列 map で管理するかと言うと、Go言語（Golang）が分からない人でも、どのように変換されるか解るようにしたかったからです。

簡単な仕組みのアプリですので、気軽にPR（プルリクエスト）や issue（イシュー）を作るなど、笹川以外の人にも開発してもらえたら面白いなと思っているので、このようにしております。

変換処理と対称

変換処理は、こんな感じですね！

1    for key, value := range keyword {
2        message = strings.ReplaceAll(message, key, value)
3    }

ちなみに変換対象は、こんな感じにしてます。(2019/11/21 現在)

1var keyword = map[string]string{
2    "oh":     "ｵｵﾝ",
3    "oh...":  "ｵｵｵｵｵｵﾝ",
4    "ﾊﾞｷｭｰﾝ": "ﾆｬｵｰﾝ",
5    "わおーん":   "ﾆｬｵｰﾝ",
6    "うま言う":   "ちょw誰が上手いこと言えって言ったにゃww",
7    "まだ":     "まだにゃ",
8    "した":     "したにゃ",
9    "った":     "ったにゃ",
10    "です":     "ですにゃ",
11    "よう":     "ようにゃ",
12    "ねこ":      "にゃーん (=･ω･=)",
13    "な":      "にゃ",
14}

一部おかしい変換があるのは、Twitter上で案を出してもらったりしたのを、そのまま採用したからです（笑）

140文字制限の対応

あと、Twitterには投稿する際に140文字の制限がありますので、そちらも忘れずに対応します。

1    utf8Message := utf8string.NewString(message)
2    size := utf8Message.RuneCount()
3    if size > 120 {
4        return c.JSON(http.StatusBadRequest, "string length over")
5    }

日本語はマルチバイトなので、 len(target) では正しく取れませんので注意してください。

文末が 「にゃ」 で終わっていたら 「にゃん」 になるようにします。

1    if strings.HasSuffix(message, "にゃ") {
2        message += "ん"
3    }

最後にハッシュタグを付けます。

1message += "\n#にゃイッター"

全体

全体としては、こんな感じになります。

1package nyaitter
2
3import (
4    "net/http"
5    "strings"
6
7    "github.com/labstack/echo"
8    "golang.org/x/exp/utf8string"
9)
10
11var keyword = map[string]string{
12    "oh":     "ｵｵﾝ",
13    "oh...":  "ｵｵｵｵｵｵﾝ",
14    "ﾊﾞｷｭｰﾝ": "ﾆｬｵｰﾝ",
15    "わおーん":   "ﾆｬｵｰﾝ",
16    "うま言う":   "ちょw誰が上手いこと言えって言ったにゃww",
17    "まだ":     "まだにゃ",
18    "した":     "したにゃ",
19    "った":     "ったにゃ",
20    "です":     "ですにゃ",
21    "よう":     "ようにゃ",
22    "ねこ":      "にゃーん (=･ω･=)",
23    "な":      "にゃ",
24}
25
26// ReplaceMessge 文字列置換
27func ReplaceMessge(c echo.Context) error {
28    message := c.FormValue("message")
29    utf8Message := utf8string.NewString(message)
30    size := utf8Message.RuneCount()
31    if size > 120 {
32        return c.JSON(http.StatusBadRequest, "string length over")
33    }
34    for key, value := range keyword {
35        message = strings.ReplaceAll(message, key, value)
36    }
37
38    if strings.HasSuffix(message, "にゃ") {
39        message += "ん"
40    }
41
42    message += "\n#にゃイッター"
43
44    if utf8string.NewString(message).RuneCount() >= 140 {
45        return c.JSON(http.StatusBadRequest, "string length over")
46    }
47
48    return c.JSON(http.StatusOK, message)
49}

echoインスタンス側への実装に、下記を追加したら完了です。

1e.POST("/replace", nyaitter.ReplaceMessge)

これで、下記のようにリクエストをすると、変換された文字列が返却されます。

1curl --request POST --url http://localhost:3022/post --data message=これで変換できたかな

おそらくレスポンスは、下記の感じになったはずです。

1"これで変換できたかにゃん\n#にゃイッター"

これで、猫語変換の実装は完了です！

Go言語（Golang）側の実装は、残すところ後「1つ」です。

HTMLテンプレートの実装

実際のUIの部分は、HTML と CSS(Bootstrap) と JS で構築します。

echoの設定

Go言語（Golang）側の実装は、echo の設定をまず行います。

1package server
2
3import (
4    "html/template"
5    "io"
6
7    "github.com/labstack/echo"
8    "github.com/noriyuki-sasagawa/nyaitter_api/nyaitter"
9    "github.com/noriyuki-sasagawa/nyaitter_api/page"
10    "github.com/noriyuki-sasagawa/nyaitter_api/twitter"
11)
12
13// RunAPIServer APIサーバー実行
14func RunAPIServer() {
15    t := &Template{
16        templates: template.Must(template.ParseGlob("./public/views/*.html")),
17    }
18    e := echo.New()
19    e.Static("/css", "public/views/css")
20    e.Static("/js", "public/views/js")
21    e.File("/header.png", "public/views/header.png")
22    e.Renderer = t
23    e.GET("/", page.Index)
24    e.GET("/tweet", page.Tweet)
25    e.GET("/auth", twitter.AuthTwitter)
26    e.GET("/callback", twitter.Callback)
27    e.POST("/post", twitter.PostTwitterAPI)
28    e.POST("/replace", nyaitter.ReplaceMessge)
29    // サーバーを開始
30    go func() {
31        if err := e.Start(":3022"); err != nil {
32            e.Logger.Info("shutting down the server")
33        }
34    }()
35}
36
37// Render テンプレートレンダリング
38func (t *Template) Render(w io.Writer, name string, data interface{}, c echo.Context) error {
39    return t.templates.ExecuteTemplate(w, name, data)
40}
41
42// Template テンプレート
43type Template struct {
44    templates *template.Template
45}

今までの実装の部分も載っていますが、大事なのはここの部分です。

1    e.Static("/css", "public/views/css")
2    e.Static("/js", "public/views/js")
3    e.File("/header.png", "public/views/header.png")

CSS と JS を読み込むための設定と、ヘッダー画像として使っている画像の絶対パスをここで設定しています

この設定を忘れると、HTMLファイル上では問題なく表示できるのに、Go言語（Golang）上では表示が崩れてしまいます。

HTMLのルーティング

HTMLのルーティングは、下記のように実装してます。

1package page
2
3import (
4    "net/http"
5
6    session "github.com/ipfans/echo-session"
7    "github.com/labstack/echo"
8)
9
10// Index index.html
11func Index(c echo.Context) error {
12    return c.Render(http.StatusOK, "index.html", nil)
13}
14
15// Tweet tweet.html
16func Tweet(c echo.Context) error {
17    return c.Render(http.StatusOK, "tweet.html", nil)
18}