Happiness Chain Euforia 5月の振り返り
Happiness Chain Euforia入会6ヶ月目の振り返りです。
今月取り組んだこと
今月は先月完成させたTwitterクローンアプリを、バックエンドをRuby on Railsで、フロントエンドをReactで実装するようなSPA（シングルページアプリケーション）対応にするため、ReactとJavaScriptの復習をメインに行いました。
今月のインプット
今月は以前勉強したReactとJavaScriptの復習を、Udemyの講座を利用して行いました。
【JS】ガチで学びたい人のためのJavaScriptメカニズム
「JavaScriptとは」という基礎から「Vue.js」まで学べる講座でした。
上級者向けの内容ですが、これからSPAアプリを実装するには必要な情報が多く、何度も見返しました。
Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版
再レンダリングの仕組みやCSSの当て方、React Routerなどのルーティングの基礎が学べる講座でした。
React Router周りの復習のために見返しました。
その他にもSPAの勉強も行いました。
【React on Rails】React と Rails を利用してTODOアプリを作成しよう
Ruby on RailsとReactでTODOアプリを作成するyoutube動画の講座です。 SPAの基本的なことはこの動画で学ぶことができました。
【Rails×React】UberEats風アプリを作りながら、SPA開発を学ぼう
この講座はTechpitさんの講座になります。
少し踏み込んだRuby on RailsとReactのSPAを学ぶことができます。
デバッグの方法にも言及されている良講座でした。
個人的にはSPAでのuseReducerの解説がわかりやすく、参考になりました。
今月の総計
今月の勉強時間は前月よりも7時間増の113時間でした。
Ruby on RailsのTwitterクローン課題が終わり、Reactなどのフロントエンド側の学習に入ったことが勉強時間増加のきっかけだと思います。
来月も勉強時間の増加を目指します。
| 今月の勉強時間 | 先月の勉強時間 | 前月比 |
|---|---|---|
| 113 h | 106 h | +7 h |
Happiness Chain Euforia 4月の振り返り
Happiness Chain Euforia入会5ヶ月目の振り返りです。
今月取り組んだこと
5ヶ月目の今月は、Ruby on Railsの学習がようやくひと段落することができました。 特に、今月はTwitterのクローンを作成することに全力を注ぎました。 この課題はRailsが苦手な私にとっては挑戦でしたが、その過程で新たなスキルを習得し、成長することができました。 これまでのRuby on RailsとReactの学習を踏まえ、SPAの学習に取り組むことができます。
Twitterクローン開発において特に頭を悩ませた機能は、deviseを使用したログイン・ログアウト機能と、タブ内のページネーションでした。
deviseを使用したログイン、ログアウト機能
今回、初めてdeviseを使用しました。deviseはRailsのgemの中でも知名度が高く、豊富な機能を提供しています。 GitHub認証を含む複雑な機能を追加する際には、deviseの柔軟性と強力さを実感しました。 また、アイコン画像やカバー画像をActive Storageに統合する過程で、初期画像のアップロードにも取り組みました。
タブ内のページネーション
Twitterクローンの開発において、Bootstrapを使用してタブ機能を実装しました。 しかし、kaminariというgemを使用してページネーションを導入した際に、ページを移動するとタブがリセットされるという課題に直面しました。 この問題に対処するために、BootstrapのJavaScriptを上書きする試みから始めましたが、後にRails 7のデフォルト機能であるHotwireを使うことで、問題をスムーズに解決できることがわかりました。
今月投稿した記事
今月は特に投稿した記事はありませんでした。 Twitterクローンの開発に専念していましたが、この経験をもとに書きたい記事が山のようにあります。 ひとつずつ時間を作って、執筆していきたいと思います。 Twitterクローンを作成する上で得た知見や経験を共有することで、他の開発者たちにも役立つ情報を提供できればと考えています。
今月の総計
今月の勉強時間は前月よりも9時間増の106時間でした。 3月のオフラインミートアップから受けた刺激を活かし、モチベーションアップにつなげられたと思います。
| 今月の勉強時間 | 先月の勉強時間 | 前月比 |
|---|---|---|
| 106 h | 97 h | +9 h |
Happiness Chain Euforia 3月の振り返り
Happiness Chain Euforia 入会4か月目の振り返りです。
今月取り組んだこと
今月はつらい1か月でした。 仕事の激務に苦しみながらなんとか時間を見つけてロードマップを進めています。 言い訳を始めればどこまでもできます。それでも自分なりにすすめることができたと思います。
ロードマップ
長い間、悩み続けていたRuby on RailsでECサイト制作の課題がようやく終わりました。 Ruby on Railsはコツをつかむまで時間がかかりました。 何度も諦めそうになりましたが、それでも諦めずに挑戦した成果がだと思います。
次の課題はtwitter clone課題。 ECサイトよりデータベースが複雑です。 頭を抱えることになるでしょうが、それでも諦めずに取り組みます。 4月からは勉強の時間が多く取れるでしょう。 4月中に必ず終わらせます。
今月投稿した記事
Qiita
【Rails + Docker】RenderでMulti Environment Credentialsに対応する
まだ使い慣れていないRenderですが、きちんと業務で使うことを考えて実装したいと考えてこの記事を書きました。 新しめのSaasなので記事が少ない印象です。調べても欲しい情報が手に入らず苦戦していますが、その分、ちからがついている気がします。
今月の総計
今月は前月よりも勉強時間が15時間プラスです。 3月頭に参加したオフラインミートアップで前月よりもやる気が満ちていた1か月でした。 このやる気が続いているうちにルーティン化してしまいます。
| 今月の勉強時間 | 先月の勉強時間 | 前月比 |
|---|---|---|
| 97 h | 82 h | +15 h |
Happiness Chain Euforia 2月の振り返り
Happiness Chain Euforia入会3か月目の振り返りです。
今月はロードマップを黙々とこなすだけでなく、オフラインミートアップに参加したり、面接対策の人生初ナンパに挑戦したりと濃い1か月でした。
今月取り組んだこと
ロードマップ
ロードマップは先月に引き続き、Ruby on RailsでECサイト制作に取り組んでいます。
先月まではどのように作り始めればいいか悩み、始められないというようなことがありました。
ですが、今月に入ってからはどうすればいいか悩むことはなくなり手が止まることはなくなりました。
来月には次の課題に取り組めると思います。
オフラインミートアップ参加
今回初めてHappiness Chainのオフラインミートアップに参加しました。
オンラインで会話したことがある人たちと直接会う機会はいままでなく、直接顔を合わせて話すことができて、団結力といいますか、より一緒に頑張ろうという気持ちが強まりました。
転職に関する情報交換や、tech系のお話も聞くことができ有意義な時間でした。
人生初ナンパに参戦
もともと参加予定ではなかったのですが、ゆうだいさんに誘っていただき人生初ナンパに挑戦してきました。
極度のあがり症な私は面接では頭が真っ白になってしまうこともしばしば。
その対策として初めてナンパに挑戦したのですが、想像以上の収穫がありました。
はじめこそ、緊張でうまく声をかけれませんでしたが、慣れと経験の積み重ねで声をかけることに緊張しなくなりました。
また、自分の行動がどのような印象になるかを意識しながら行動することがどれだけ大切か学ぶことができたのでそこが一番の成果だと思います。
今月の総計
今月は仕事の残業時間が長くなってしまったので、先月よりもだいぶ勉強時間が少なくなってしまいました。
| 今月の勉強時間 | 先月の勉強時間 | 前月比 | 平均 |
|---|---|---|---|
| 82 h | 121 h | -39 h | 102.4 h |
Happiness Chain Euforia 1月の振り返り
Happiness Chain Euforiaに入会して2か月が経ちました。
2023年も終わり、2024年、大事な1ヶ月目。思うように学習が進まず苦戦する1か月でした。そんな1月を振り返ります。
今月取り組んだこと
先月まで取り組んでいたreactも落ち着き、1月からいよいよrailsにとりかかりました。
その中で特に苦戦したことが「Active Storageの運用」と「rails Appのデプロイ」でした。
後述するqiitaの記事を読んでいただければわかる通り、他の人が陥らないようなミスに時間をとられました。
rails AppのデプロイにはHerokuではなく、話題のRender.comを使用してデプロイしようとしたところ、想像以上に無料枠の制限が強く苦戦してしまいました。
ケチらずに有料プランを使うか、Herokuで行えばよかったと後悔しています。
その他にObsidianのカスタマイズに力を入れ、作業の効率化を図りました。
記事にまとめているので是非見てください。
今月投稿した記事
Qiita
【Ruby on Rails】Active StorageがうまくAttachmentされずに苦しんだ話
Active Storageの思わぬミスで時間をとられました。
Active Storageがどのように動いているかの勉強にはなりましたが、原因に気づくまで多くの時間を使ってしまいました。
そのことをまとめた記事になります。
【Ruby on Rails】Active StorageがうまくAttachmentされずに苦しんだ話 #Rails - Qiita
Hatena Blog
Hatena BlogではObsidianのカスタマイズについて記事を書きました。
日報作業を効率化し続けやすくすることができたと我ながら満足しています。
【Obsidian】ナレッジノートをObsidianにしてみた
【Obsidian】ナレッジノートをObsidianにしてみた - ふーたろ blog
【Obsidian】Obsidianのdaily notes機能を使って日報作成を簡略化する
【Obsidian】Obsidianのdaily notes機能を使って日報作成を簡略化する - ふーたろ blog
今月の総計
今月の勉強時間は平均より多く、先月より17時間増やすことができました。
正月休みを勉強時間にあてたことが勉強時間が伸びた要因だと思います。
来月落ちないように努力します。
| 今月の勉強時間 | 先月の勉強時間 | 前月比 | 平均 |
|---|---|---|---|
| 121 h | 104 h | +17 h | 112.5 h |
【Obsidian】Obsidianのdaily notes機能を使って日報作成を簡略化する
はじめに
最近、Obsidianを使い始めたObsidian Beginnerのふーたろです。
こちらの記事で、少し言及していましたが、obsidianのdaily Notes機能を使って日報報告を簡略化できないか試行錯誤したので、その結果をこの記事で紹介したいと思います。
日報作成を簡単にする
本題の日報作成について、今回やりたいことは以下です。
- copy&peste地獄から抜け出したい
- 毎月、毎週フォルダ分けするのがめんどくさい
- git pushまでやってほしい
1.使用するgitリポジトリを作成する
日報を管理するgitリポジトリを作成していない人は作成してください。
作成することができたら、そのリポジトリでobsidianを開いていきます。Obsidianを起動してください。
obsidianを起動するとこちらのような画面が起動するかと思いますので、「Open folder as vault」を押下します。
さきほどのリポジトリを選択してください。
そうするとフォルダ内に「.obsidian」というフォルダが作成されます。
このフォルダがobsidian設定を保存しています。
gitにpushしたくない場合は「.ignore」ファイルを作成しておいてください。
2.使用するプラグインをインストールする
今回使用するプラグインをインストールします。プラグインは設定からインストールすることができます。
※ 画像はプラグインインストール後のものなので細かい部分は気にせず進めてください。
画面左下の設定ボタンから開きます。
設定画面から「Community plagins」を選択し「Browse」ボタンをクリックします。
するとプラグインのインストール画面が開くので下記で紹介するプラグインをインストールしてください。
インストールしたら忘れずにプラグインを有効にしてください。
「Enable」ボタンを押します。
今回使用するプラグインはこちら。
Calendar
カレンダーを表示してくれるプラグインです。
templateを作成しておくことでこのカレンダーから日報を作成することができます。
また、リンクになっているのでここから作成した日報にアクセスすることもできます。
obsidian git
3.daily notesのフォーマットを設定する
設定からdaily notesのフォーマットを設定します。ここでフォルダの構成やtempleteの設定ができます。
私はroot直下にtemplatesファイルを作成し、下記のように設定しました。
- Date format：YYYY/MM-MMMM/YYYY-MM-DD
- Template file location：templates/template-daily
4.各種プラグインの設定
各種プラグインを設定していきます。
Calendar
細かい設定はお任せします。
私は週報を作成するので、カレンダーから作成できるようにしておきます。
「Show week number」をonにし、「Weekly note format」、「Weekly note temple」を設定します。
私は下記のように設定しました。
- Weekly note format：YYYY/MM-MMMM/[weekly]/[weekly]-MMDD
- Weekly note temple：templates/templete-weekly
obsidian git
「Vault backup interval」を変更します。
gitにpushされる間隔なのでお好みで設定してください。
私は15分で設定しました。
大まかな設定は以上になります。
実際に使ってみる
では、実際に試してみましょう。 カレンダーの日付をクリックすると自動でテンプレートを作成できました。
作成し終えると自動でgitにpushされます。
コミットメッセージも設定から変更することができます。
あとはみなさんの好きなようにカスタマイズしてください。
さいごに
簡単ではありましたが、Obsidianで日報作成を簡略化する方法を紹介しました。
その他にも勉強時間をチャート化したり、自動で集計したりと幅広いプラグインが導入されており自由度がかなり高めです。
皆さんも挑戦してみてください。
最後に私が参加しているプログラミングスクールの紹介です。
完成度の高いロードマップとレベルの高いメンターのサポートで”実力のあるエンジニア”を目指すならおすすめのスクールです。
最後まで読んでいただきありがとうございました。
【Obsidian】ナレッジノートをObsidianにしてみた
はじめに
ナレッジをため込むためのノートとして、いままでVScodeで管理していました。問題なく使えるのですが、どこかパッとしない気がしていました。
また、私はHappinessChainというエンジニアスクールに入会していますが、そのなかで日報報告、週報報告etc...の定期的な振り返りのドキュメント管理にも少しばかり不便を感じていました。
毎日copy&pesteが正直めんどくさいと感じることがあり、もっとスマートに管理できないかと前々から不満は持っていました。
そこで、いろいろ調べてみるとObsidianというノートツールの存在を知ったので、今回は使ってみた所感をまとめてみます。
Obsidianとは
そもそも、Obsidian（オブシディアン）とはどのようなものなのでしょうか。
Obsidian (オブシディアン) とは「マークダウンエディタであると同時にパーソナルナレッジベースツールでもある」というような複数の側面を持った次世代のノートテーキングツールです。
とのことです。
ナレッジ管理に手を焼いている私には願ってもないツールですね。
こういうのを探してました。
個人利用は無料ですが、商用の場合はライセンス購入が必要でした。
詳しくは割愛しますが、他のノートツールにはない特徴的な利点が多く、軽く触ってみただけですが満足度は高めでした。
わたしは以下のような点が気に入りました。
ナレッジwikiをため込んで紐づけることができる
作成したwiki同士をリンク機能でつなげることができるのですが、これが思ったよりも使いやすく、思考の整理に役立ちます。 またグラフビューでどのwiki同士がつながっているか確認することができるので盛んなナレッジが一目でわかります。
daily note機能がもともと備わっている
Obsidianにはもとからdaily noteの機能があり、設定から自動作成するファイル名やフォルダ構成を決めることができます。
私は毎日の日報報告でこの機能を使っています。
大量のプラグインが開発されていて自由度が高い
設定からプラグインをインストールすることで簡単に機能の追加をすることができます。
Themeがかっこいい
Obsidianはデフォルトのthemeだけでなく、Community themesを使用することができます。
設定から気に入ったthemeをインストールするだけで使えます。
私は人気が高いMinimalを使っています。
デフォルトでVimが使える
Obsidianはプラグインを導入することなく、設定からチェックを入れるだけでVimをつかうことができます。
簡単な確認問題が出ますが、vimmerのみなさんなら簡単でしょう。
おすすめプラグイン
私のおすすめプラグインを紹介します。プラグインが多すぎて調べると大体の機能は実現できそうでした。
プラグインの無効化も簡単なので、気になるものは、とりあえず試してみるというのもいいかと思います。
Obsidian Memos
メモをタイムライン形式でため込むことができるプラグインです。
学習を進めていくうえで、調べたナレッジや気になることをここにため込んでいくようにするとナレッジノートが作りやすくて重宝しています。
Dataview
指定した条件式でファイル内を検索してデータを表示してくれるプラグインです。
日報に記載している勉強時間や今日のスコアなどをこのプラグインで集計しています。
のちに記載する「Obsidian Charts」と組み合わせてチャート化することも可能です。
Obsidian Git
Obsidianのディレクトリがgit管理されていれば自動でpushしてくれるプラグインです。
Calendar
Obsidian内にカレンダーを表示するプラグインです。
カレンダー内の日付を押すと自動でdaily noteを作成してくれます。私はこの機能を使って日報、週報の作成を簡略化しています。
最後に
Obsidianについて、正直いままで名前も聞いたことがありませんでした。
今までdaily noteやknowledgeをnotionで管理した時期もありましたが、Obsidianに変えて想像以上に満足度が高かったです。
無料で触ることができるので、この機会に試してみるのはいかがでしょうか。
