エンジニアのひよこ_level10

毎日更新してた人。たまに記事書きます。

【Hugo】hugo serverで動くのに、ビルド後は正しく動かないときの対応【582日目】

hugo serverでは上手くいく

hugo server

で、ローカル環境でのhugoの動作確認が出来ます。
その時には正しく動くが、 hugo とか、Netlifyとかでビルドしたときには、画面が正しく表示されない

原因: CSSや画像などが読み込まれてない: URLが正しくない

崩れてるのは、CSSや画像などが正しく読み込まれていないから。

画像とかの読み込みのところを見ると、どうやらURLがおかしそう。

解決: baseURLの記述を変える

config.toml

このとき、実際のドメインのURLと、config.tomlのbaseURLが異なっていたらこれが原因の可能性が高い。よく踏むミス。

example.comと書かれていれば、実際のURLのものに直すと正しく動く。

【Netlify】deploy previewが生成されないときの対応【581日目】

Netlifyはプルリクをプレビューする機能がある

Netlifyの設定で、GitHubなどと連携すると、
Production branchにマージせずとも、専用のページでプレビューを見る事ができる。

ちなみに、設定はBuild & deployにあるので、以下の画像等で確かめてください。

Automatically build deploy previews for all pull requests

f:id:willow710kut:20190517233620p:plain

https://deploy-preview-0000--xxxxxxxxxxxxxx.netlify.com/

000はプルリクの番号。

xxxxは該当のページURL。

設定したのに動かない

だが、プルリクを立ててみたが、Netlifyが動かない。

特にプレビューページが作られた様子がない。上で説明したURLを叩いてもNot Foundになる。

原因: Production Branch以外では動かない

今回立てたプルリクエストが、Production Branchであるmasterブランチではなく、
developという別なブランチに向けたプルリクエストだったために、プレビューが生成されなかった。

対応方法

2つほどあります。ただ、他に良い方法をご存知でしたら、教えていただけると嬉しいです。

対応方法1: masterブランチに向けてプルリク立てる

今回の私のプロダクトだと、Production Branchはmasterである。

なら、masterブランチにプルリクエストを立てればバッチリですね!

対応方法2: プレビュー作ってから、別ブランチに切り替える

対応方法1に追加して、一度プレビューを作ってから、別ブランチにマージ先を変えれば、正しい方向にマージが可能ですね。

ただ、正直面倒・・・

ブログをいろいろいじってみました_φ(・_・【580日目】

やったこと

大きく分けると3つ程やりました。

ブログのテーマ変更

使用テーマ

blog.hatena.ne.jp

目次の追加

JavaScriptで自動生成しています。

どうやって追加するかは、昨日の記事でも紹介していますし、検索するとたくさん出てきます

見出しをh3からh2に変更

今まで見出しをh3で行っていたのですが、h2に変更。

h2, h3の見出しに差をつけることがしやすくなりました。

なんでやったの?

きっかけは、目次がほしかった。

  1. 目次がほしい
  2. なら見出しに差をつけたい
  3. 見出しに差をつけるならデザインも変えよう

という動機でした。

これからどうする

これによってどのような影響は出るかは不明なので、Google Analyticsとかで、
アクセス数や検索ランキングもチェック予定。

広告も、誤クリック減る気がします。良いことですが、お金がもらえる機会がへr

それも含めて経過を見てみます。

新しい構成に対してのフィードバックはいつでもお待ちしてますので、是非いただけると嬉しいです。

【はてなブログ】目次の生成方法【579日目】

--ここから上は後に話す自動生成目次--

--公式の目次--

--公式の目次--

目次を作りたい

ってことで、上にあるやつが目次。

どうやって作る?

[:contents]

これで、各h1,h2,h3とかに合わせた目次を埋め込むことが出来る。

h1とかなので、通常のエディタなら、『見出し』をつけること。
マークダウンなら、『# 』で見出しをつけることで目次の対象になります。

全部の記事に今更変更?

問題は、私の記事、もう約600記事あるので、そこに目次はしんどすぎる。

対策候補。

  1. すべてのページに使うJSで、新しく目次を生成する
  2. ページの一括置換

1.の方法であれば、以下が参考になると思います。

clrmemory.com

もし、まだ目次をつけてないって方は、このサイトを参考にすると良いかもです。
他にもいい方法あったら教えていただけると嬉しいです。

【LTスライド公開】Vroid Studioで オリジナルアバター作ろう!【578日目】

ここでLTしました

はい、無限LTですね(‘ω‘ )

oysters.connpass.com

LTのスライド

docs.google.com

公式サイト

studio.vroid.com

どうだった?

そこそこ(‘ω‘ )

キュアセブンさんが、キュアセブンを作るって書き込み見て、それだ!感あった。

キュアセブンさんが、キュアセブンを作るのを楽しみに待っています。
あと、そのキュアセブンの中に入って動くのも楽しみに待っています。

あった質問

人型以外はできるの?って質問がありました。

ベースが人型なので、基本的に出来ないです。

ただ、髪の毛かなり自由に作れるので、その髪の毛で獣耳作ったり、カチューシャや帽子作るとかは出来ますと答えました。

ベースを作らなくていいのがこれのいいところですからねー

【一週間振り返り】イベントの企画と登壇が出来た良い一週間でした!【577日目】

1.今週一週間の感想(ざっくり)

イベントの企画と登壇が出来た一週間でした!

2.良かったこと

1.主催イベント大成功!

www.nyamucoro.com

2.身内サイト少し手を付けた

3.Laravel.shibuyaでのLTそこそこウケた!

www.nyamucoro.com

4.ブログ生放送も、毎日じゃないけどたまにやれてる

3.もっとこうしたかったこと

でもー体調がーよくないーーー

あとー他者に悪意を向けそうなのなんとかしたいーーーおちつけー???

4.新しく気づいたこと

いろいろ動くと、今週何頑張ったか忘れるね。

一週間振り返り、自分を褒めることにおいて思ったより優秀。

5.来週したいこと

サイト作成したいね。

6.その他

いっぱいいろんな成功体験出来てるね。

ただ、そこで反動を食らってる感あるから、理想と現実をいい感じにバランス取って生きていきたい

7.体重

101.4kg

あるえええええ

いや、カツ丼を食べたせいかも・・・ちょっと食事を気にしよう・・・

【イベント主催レポ】ゆるゆる無限LT会 #1開催。嬉しい3つの誤算【576日目】

イベント企画・運営したよ!

oysters.connpass.com

イベント準備

いろいろ頑張りました。詳しいのはここらへんの記事。
運営メンバーは、私、おかしょい、ぞえ、02の4人で頑張りました。

ついに始動!?若手エンジニアコミュニティOysters!!!??【559日目】 - エンジニアのひよこ_level10

GitHubを利用した、イベント企画の過程を紹介!【560日目】 - エンジニアのひよこ_level10

私の突然の思いつきと行動に、付いてきてくれるどころか、いっぱい一緒に良いものにしてくれて、
協力してくださった方々には感謝です・・・!

会場を貸してくださった、株式会社ウィルゲートの皆様も本当にありがとうございます・・・!

twitterの様子

当時のtwitterの様子はこちら。

twitter.com

イベントどうだった?

大成功だったと思います!

上にあるように、twitterハッシュタグも盛り上がり、会場も各々のLT時に、みんなリアクションがあり、
和気あいあいとした、素敵なイベントになったと思います!

アンケートを見ても、凄く満足してもらえたみたいで、むしろ『もっとLTしたかった・・・!』って感想が殆どで、
本当に良かったです・・・!

運営メンバーも『開催して良かった』『ちょっと泣きそうなった』みたいに感動していました。

ハッシュタグ呟きありがとうというお話

ちなみに、私達もハッシュタグを監視していて、
『これはみんな話し足りなさそう』『運営はLTする予定なかったけど、参加者で楽しみに待ってる人いるっぽい』
ってのをリアルタイムで見ていました。

きっと、『失敗しないイベント運営』なら、『ごめんなさい次回気をつけます』なのですが、
さすが信頼できる運営メンバー、その場でいろいろ討論して、急遽、

『運営メンバーもLTする』『1時間イベントの時間追加をする』

が実行出来ました。

アンケート見ると、『あと一回はLTしたかった・・・』のアンケートもあったので、
その期待には応えられたのかな・・・?

ういろう3つの誤算

1. 1週目の自己紹介LT終わった後、2週目のLT、参加者全員が完成してた
2. 自己紹介LT後の休憩時間『○○の話しましょう!』って交流が始まった(運営何も促してない)
3. 延長戦したい人?で、一瞬でほぼ全員手を上げた。(最終的に全員手上げてたかも)

まじで、予想外でした。

1. 初無限LTだから、きっとLT準備間に合わないだろう、運営が先にやって余裕を作る選択肢用意しよう
2. 買い物やタバコでみんなバラバラになるから、休憩時間長めだとダレる?
3. 延長戦したくない人いるかも、さっさと帰るか懇親会行きたい人いるかも?

というふうに、悪いパターンも想定して、そのときのアクションも計画していたのですが、
いい感じに杞憂に終われました・・・!

途中、運営が決めうちで実行するか迷ったときも、ちゃんと質問して手を上げてもらったのも良かったかも。
少人数なのと、参加者が良かったのもあると思いますが、
それだとしても、かなりベストな選択肢を選び続けられたのではないでしょうか。

参加者・運営の皆様の協力のおかげです・・・本当に良い会になれました・・・!

なんで成功出来た?

なんででしょう!!!

いろいろ用意したのもありますが、まだ振り返りが完了していないです。

参加者も最高、会場も最高、準備も目立った失敗もなく進行、なにこれ奇跡?って感じ。
日曜のイベントなのに用事でキャンセルした人以外全員出席なんですよ!?やばくない!?

『参加者全員が、楽しもう、良いイベントにしよう』ってなってたので、
これは行ける・・・!感がありました。

これは、また開催することがあったら、振り返りして良いものにしたい・・・!

次回開催は?

やり・・・たい!!!

まだ残念ながら未定ですが、来月6月やりたいねとは言ってました。
メンバーの一人は毎月開催したいねとも言ってました。

ってことで、企画とかまた出来たらやりますし、その時にはブログやTwitterで広報しますね。

また、今回に負けない運営ができるよう、頑張りたいです!

参加してくださった皆様、本当にありがとうございます!お疲れ様でしたヽ(=´▽`=)ノ

【Slack】特定のワードでメンション以外でも通知をする【575日目】

メンションなくても通知がほしい

  1. 自分の名前が書かれたとき
  2. 気になっているキーワード(Laravelとか)が書き込まれた
  3. 連携アプリと別な名前で呼ばれても、メンションに気づきたい

とかとか。
Slackを使っていると、『@channel』や『@ういろう』とか以外でも、通知がほしいタイミングがあります。

どう対応すればいいか。公式が提供しています。

設定方法

1.slack左上グループ名をクリックするとでる以下のメニュー

■英語: preferences
■日本語: 環境設定

f:id:willow710kut:20190511201010p:plain

f:id:willow710kut:20190511201110p:plain

2.マイキーワードを編集する

f:id:willow710kut:20190511201628p:plain

通知が来る

これで、該当キーワードが出たときに通知が来ます。

Laravelの話してるって思ったら、アドバイスしに行ったりとか。

焼き肉を奢る話が出てたら素早く反応して、流れに乗るとか。

他のサービスの通知を受け取るときに、メンション名がSlackと異なっていても反応できるとか。

結構使いやすくなると思います。是非参考にしてみてください!