最近、初対面の方にお会いすることが多くなってきたので、先日webサービスとアプリを使ってオシャレな名刺を作ってみました*1。この際プロフィールページもフリーランス時代のものだったので、現状に即した内容にアップデートをしてみました。短時間でこれだけのものが、ドメイン代だけでまかなえます。Pagesで静的なサイトを公開し、独自ドメインを設定するこちらの記事を参照しながら進めました。最後に、wovn.ioを使って英語と日本語を切り替えられるようにしました。Hugoテンプレート適用Hugoのいいところは、多数のフリーテンプレートを用意していること。シンプルでオシャレなものが多い印象です。http://themes.gohugo.io/多分、テンプレを探すのに一番時間を費やしました...。最終的に決めたものがこちら。Strata1枚で完結して、且つスマフォ/PC両対応だったのでこれにしました。analyticsのトラッキングコードを設定出来るようになっていたり、メールフォームもすぐ使えるようにしていたりで、かゆいところに手が届くテンプレで素晴らしいです。背景画像くらいは変えたほうがいいかもしれないけどそのまんま使ってます...。あと、左下のアイコンを出す出さないとか、右カラムの画像類を出す出さないとかは全てconfig.tomlで設定できて便利です。<site-name>した際のトップディレクトリに配置(デフォのやつを上書き)して、その中身をいじってあげればOKです。あと、テンプレに付属のメールフォームは、formspree.ioというプロキシサービスを使っていて、使う場合はサイトをgithubにpushして、ドメインも適用してから、実際にフォームから自分宛にメールを送信して、来たメールでconfirmするだけでフォームが利用可能になります。月に1000通までは無料らしいので余裕で足りると思います。Pages基本的には、githubでリポジトリを作るgh-pagesというブランチを作る上記ブランチにpushするという作業だけで、http://[ユーザ名].github.io/[リポジトリ名]というurlにページを公開できます。それか、[ユーザ名].github.ioというリポジトリを作ることでも同様のことが出来るようで、2通りのやり方があるみたいです。今回は前者のやり方でやってみました。Pagesでの作業にわかれます。ムームードメインでは既にドメインを取得済だったので、DNSのAレコードを変更/追加してあげました。加えて、tumblrでCNAMEレコードを使っていたんですが不要なので消しました。Domainを設定してあげると、自動的にリポジトリにCNAMEファイルができます。それで、qiita記事のこちらの手順と同等の手順となります。ローカライズwovn.ioを使うと簡単にローカライズできました。画面もシンプルなのでいじってみれば使い方は理解できると思います。手順も公式で用意されています。1つわかりにくかったのが、htmlに挿入する1文が見つけにくいこと。上記手順では、ダッシュボードがブランクの際のページに1文が書いてあるのですが、一度ページを登録してしまうと、その1文がどこかに消えていなくなってしまい、色々ボタンを探してみないとわからないという状態になってしまいました。選択すると1文が表示されます。async></script>こういうやつです。簡単に多機能なページが作れてしまうのでオススメです。今回は静的ページ生成サービス探しやテンプレ探しに時間がかかりましたが、既にテンプレも決まっていてドメインも取れている状態であれば、1時間では終わりそうなボリュームかと思います。何かの参考になれば幸いです。はてなブログProベトナム・ハノイ拠点の個人デベロッパ。東南アジア向けに素敵なサービスと文化を作るべく模索中。好きなSF本は「モレルの発明」。検索リンクミトミネ農場(農業系)DotsNest(旅行記)リモート通訳アプリベトナム農業メディア最新記事2019年上半期の振り返りと下半期の目標ベトナムの片田舎でマイクロサービスなアプリを個人開発した話JellyTalkというアプリをリリースしました!「逆説のスタートアップ思考」が良かったベトナムの片田舎で約1年間、未経験から農業をしてみての振り返り月別アーカイブ参加グループはてなブログをはじめよう!mitolabさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。