Tech

最近HPを作成する仕事が入ってきました。 そこまでがんばらなくても良いのですが、少しだけ動きを付けたいということで、少し古いのですが、 Animate.cssで動きを付けました。 導入 導入は簡単。 上記サイトの「Download Animate.css」をクリックすれば、CSS…

先日Twitterのシェアボタンを作成しました。 私のブログはGatubyjsを使っているためReactで書かれています。 URLエンコードしたURLを使っているのでうまく動くだろうとたかをくくっていました。 ちゃんとエンコードしているので動かないはずはないと。。。 img…

この度、バチェラーカードというサービスをリリースしました。 概要 019年秋から始まるバチェラー3シーズンに向けたツールです。 私自身バチェーラーが好きで、シーズン1、シーズン…

サクッと認証ありのサービスを立ち上げたい。 そんな想いから、Nuxtで実装をはじめました。 Nuxtで作って何がいいかというと、generateして静的サイトにしてあげれば、AWSのS3にデプロイできる。 S3へデプロイしてしまえば、ECSやEC…

golangでanacondaを利用してTwitterにつぶやくきます。 今回は別サービスのリンク共有のためのつぶやきなので、go-bitlyで短縮URLを作成してつぶやきに付与します。 非常に簡単。 環境変数 環境変数については適宜設定してください。 TWITTERTOKEN…

IMG GatsbyJS + Netlify で立てたサイトをローカルでいじくる。 前回GatsbyJS + Netlifyで秒でサイトを立ち上げ、サブドメインを使えるようにして、HTTPS化しました。 さて、今回は運用です。 今回利用しているこのテンプレートはどうやらCMS…

IMG GatsbyJS + Netlify で立てたサイトにカスタムドメインにサブドメインを設定する。 前回はGatsbyJS + Netlifyで秒でサイトを立ち上げる方法を書きました。 お分かりの通り、URL…

GatsbyJS + Netlify 始めました。 IMG 知り合いのエンジニアのエンジニアに教えてもらって、GatsbyJSとNetlifyの存在を知りました。 「すごい！」の一言です。 以前は静的なページはHTMLで書いて、github pagesに載せるか、Docker…

前回はgolangでの適当helloworldをFargateにパイプラインでデプロイしました。 Fargateすら必要ない。静的コンテンツを載せるだけでOKという場合があると思います。特に最近ではNuxtが使いやすくなってきて、genすればdistにindex.html…

LinkedInのAPIで何ができるの？ 結論。大したことはできない。。。 とりあえずつなげるまで appの登録 ここからアプリを作るキャプチャ.PNG 適当に設定。とりあえず動かすにはなんでもいいので頑張らない キャプチャ.PNG 設定すると「Client ID…

jenkins と backlog の連携環境構築 前回の続き 参考 「Publish over SSH」プラグイン jenkins のプラグインが有効であること jenkins の管理の利用可能タブから確認する。 チェックをつけて再起動せずに設定 設定 「Jenkins…

デプロイサーバーを作成 前回の続き。 今回はデプロイ用のサーバーを作る。 docker install DockerCompose install Docker レジストリ compose 作成 docker-compose.yml…