WEB | Narumium Blog

//パッケージのインストール
//statikコマンドを使えるようになる
go get github.com/rakyll/statik
 
//assetフォルダをgoファイル化する
statik asset

...
import (
  "github.com/rakyll/statik/fs" 
  _ "projectname/statik" // TODO: Replace with the absolute import path
)
...

//パッケージのインストール

//statikコマンドを使えるようになる

go get github.com/rakyll/statik

//assetフォルダをgoファイル化する

statik asset

...

import (

"github.com/rakyll/statik/fs"

_ "projectname/statik" // TODO: Replace with the absolute import path

)

...

statikパッケージを使うとフォルダをZIP化（バイナリ化）してhttp.FileSystemとして扱えるようになる。

ginのstaticFS

ファイルシステムの静的ファイルをサーブできるメソッド。

statikFS, err := fs.New()
if err != nil {
    log.Fatal(err)
}
r:= gin.Default()
r.StaticFS("/asset", statikFS)

statikFS, err := fs.New()

if err != nil {

log.Fatal(err)

}

r:= gin.Default()

r.StaticFS("/asset", statikFS)

これが一番簡単だけどルートアクセスに設定できません。

static middleware（github）

ミドルウェアを使うことでルートに設定可能です。

r.Use(static.Serve("/", static.LocalFile("./assets", true)))

1	r.Use(static.Serve("/", static.LocalFile("./assets", true)))

これをstatikで使えるようにします。

Serveの第２引数はServeFileSystemなのでインターフェースを満たす必要がある。

type ServeFileSystem interface {
	http.FileSystem
	Exists(prefix string, path string) bool
}

type ServeFileSystem interface {

http.FileSystem

Exists(prefix string, path string) bool

}

Existsメソッドが必要そうなのでミドルウェアの実装から必要なものを抜き出して実装してみます。

type statikFileSystem struct {
	fs http.FileSystem
}

func (b *statikFileSystem) Open(name string) (http.File, error) {
	return b.fs.Open(name)
}

func (b *statikFileSystem) Exists(prefix string, filepath string) bool {
	if _, err := b.fs.Open(filepath); err != nil {
		return false
	}
	return true
}

func StatikFileSystem(fs http.FileSystem) *statikFileSystem{
	return &statikFileSystem{
		fs,
	}
}

type statikFileSystem struct {

fs http.FileSystem

}

func (b *statikFileSystem) Open(name string) (http.File, error) {

return b.fs.Open(name)

}

func (b *statikFileSystem) Exists(prefix string, filepath string) bool {

if _, err := b.fs.Open(filepath); err != nil {

return false

}

return true

}

func StatikFileSystem(fs http.FileSystem) *statikFileSystem{

return &statikFileSystem{

fs,

}

r.Use(static.Serve("/", StatikFileSystem(statikFS)))

1	r.Use(static.Serve("/", StatikFileSystem(statikFS)))

これでルートからでもファイルサーブできるようになった。

javascriptでメタタグの作成と編集

HTMLヘッダ内のメタタグ（<meta name="" content="">）を編集（ない場合は作成も）をするスクリプトを書いてみました。

以前にOGPなどの外部表示設定を確認したのでスクリプトで動的に変えてみたかったのが理由です。

Narumium Blog

HTMLの他サービスでの表示設定

htmlのhead内に適切なmetaタグを書くことで他SNSなどでの表示を指定できます。ogpとtwitter cardについて確認したことのスクショ付き覚書きです。まずは内容がわ...

ただツイッターなどのサービスではOGPのためのアクセスでスクリプト実行までしてなさそうなので、サーバーサイドで書き換える必要があります。

なので今回のスクリプトはnode.js向け、あるいはタイトルのみの編集向けです。

続きを読む javascriptでメタタグの作成と編集

ReactでDataTablesを使う

Reactアプリ内でjQueryプラグインのDataTables.jsを使うためのメモ。

ReactとjQueryはあまり相性が良くないので$は最低限使うだけです。

合わせて使う方法からコンポーネント化まで。

続きを読む ReactでDataTablesを使う