10月1日(金)
さあ!10月ですね!
今月も目標を書いていきます!
10月の目標
- ブログ5記事投稿
- フォロワーさん1000人達成を目指す!(今月こそは…!)
- URL短縮サービスのデザイン完成
- URL短縮サービスのシステム開発開始
- WordPressのテーマ開発
- プログラミング学習コミュニティの作成準備
これで行こうと思います!
URL短縮サービス関連は絶対に進めたいところ…!
プログラミング学習のコミュニティも作っていきたいですね。
少なくとも年内にはコミュニティを立ち上げます!
と言った感じで今日は以上!
今月もよろしくお願いします!
10月2日(土)
今日はPlay FrameworkのDB連携を進めました。
そして…!
やっと成功しました!
MySQLからPostgresSQLにDBを変更しました。
明日はデザイン面を進めようと思います!
そしてココナラで引き受けた歌ってみたのMix依頼の仮Mixを提出しようと思います。
やることが盛りだくさんですが、充実した時間を過ごせているのもまた事実!
時間を無駄にしないようにやっていきましょう!
と言った感じで今日は以上!
また明日!
10月3日(日)
さて、今日はUdemyのNext.jsの講座を消化していました!
やっぱりフロントエンドのデザイン面は私には全く向かない!
ということで口座に頼ることにしました!
今更ながらUdemyって結構頻繁にセールやっていますし、有益な情報を発信してくれている講座もあるので助かること助かること!
これからもちょくちょくUdemyを漁っていこうと思います!
[st-card-ex url="https://www.udemy.com/course/nextjs-tailwind-css-django-rest-framework-react/" target="_blank" rel="nofollow" label="" name="" bgcolor="" color="" readmore=""]
ちなみに↑この講座を購入しました!
と言った感じで今日は以上!
また明日!
10月4日(月)
今日は昨日に引き続きUdemyの講座のセクションを消化していました。
とりあえずセクション2をやり終えました。
明日からREST APIの方に手を出していこうと思います。
で、講座の方だとDjango REST Frameworkを使用していますが、個人的な理由でScalaのPlay Frameworkを使ってやってみようと思います。
この講座を消化し終えたら早速独自のWebサービスの作成をしていこうと思います!
そして!
Twitterであることを宣言しました!
来年6月30日で会社を辞め、独立します!
残り269日!
来月からは少しずつクラウドワークスなどのサイトを用いて営業をしてみようと思います!
◤【宣言】来年6月30日に退職→独立します!◢
— ダイス@独立まで269日 (@DICE_prgmsc) October 4, 2021
退職まで269日!
1年切っていますね!
やってやりますとも!
明確にデッドラインを引いてしまった方がモチベーションが上がりますから!
あと200日の間に副業で本業を超えてやる!#駆け出しエンジニアと繋がりたい #駆け出しwebデザイナーと繋がりたい
カウントダウンはこちら!
[st-card-ex url="https://www.timeanddate.com/countdown/to?iso=20220630T235959&p0=248&msg=%E7%8B%AC%E7%AB%8B%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7%E2%80%A6&ud=1&font=hand&csz=1" target="_blank" rel="nofollow" label="" name="" bgcolor="" color="" readmore=""]
さあ!有言実行するために走りますよ!
それもあってしばらくブログの方は日記以外の更新が止まると思います。
と言った感じで今日は以上!
また明日!
10月5日(火)
今日はPlay FrameworkでREST APIの前にAPIの設計をすることにしました!
いっそのこと今月作成予定のWebサービスのベータ版のDB設計をしてしまおうかと思います。
今月作成予定のWebサービスは…!
Linktreeの類似品!
ただ、あの手のサービスは英語圏で作成されたもので純日本製ってない気がしたんですよね。
なら作ってしまおうじゃないかと思ったわけです。
プランは2種類!
フリープランとプロプランです。
プロプランには結構なカスタマイズ性を設けようと思います。
その辺はこれから練りますけどね…
と言った感じで今日は以上!
また明日!
10月6日(水)
今日はですね…
初のリモートワークでした!
毎日リモートワークでも良いのでは…?
まぁ、それはそれとして
今月作成するサービスのサービス名が決定!
Linktree類似サービスですが…
MyProfile
シンプルにこれで行こうと思います!
現状開発予定の機能はこんな感じ!
実装予定
- アクセス解析
- プロフィールカード作成(画像)
- ツイッターカード自由設定
- 背景(テンプレ or 独自)
- PC用スマホ用レイアウト別設定
順番に実装していきましょう!
まずはDB設計から…!
と言った感じで今日は以上!
また明日!
10月7日(木)
今日はとてつもなく嬉しい出来事が…!
それは…!
これ!
あの前澤さんにフォローしていただけたんです!
Twitterを続けていて良かったと思えた瞬間ですね!
さて、昨日の日記に書いたMyProfileについて…!
ログイン・サインアップの方式を決定しました!
TwitterやGithubアカウントでもサインアップやログインを可能としていく予定です!
色々な方式を実装します!
まずはTwitterとGoogleログインですかね。
と言った感じで今日は以上!
また明日!
10月8日(金)
今日はですね…
Next.jsとGitHubやGoogleを用いて認証機能の作成に挑戦してみました!
結果としてはGitHubとGoogleはできましたが、Twitterでの認証がもう一息といった感じでした。
あとは、上手いことテスト環境にデプロイできれば動作確認はできそうです。
テスト環境にはVercelを使用していきます。
Next.jsの公式?の環境なのでテスト環境には最適ですね。
といった感じで今日は短いですが以上!
また明日!
10月9日(土)
今日は昨日の続き!
Twitter認証の作成に成功…したのは良いのですが、Vercelにデプロイしたら上手く動作しません!
正直なところなんでなのかわかっていない状況です!
一先ず原因が分からない以上進みようがありません。
なので明日1日で何とか原因を特定し、先へ進みたいと思います!
プログラミングとは常にトライアンドエラーですからね。
と言った感じで今日は以上!
また明日!
10月10日(日)
今日は一日Next.jsのNextAuthについてずっと色々とやっていました。
ひとまずDBの設計がだいぶできたところです。
明日は有休でお休みなので明日一日はREST APIの設計をしていこうと思います。
テスト環境の方にREST APIを作成して実装するまでを明日中にやっちゃいたいところ…!
因みに今日の進捗はこんな感じ!
#今日の積み上げ
— ダイス@独立まで263日 (@DICE_prgmsc) October 10, 2021
とりあえずNext.jsのNextAuthを利用してセッションの保持ができるようになった…!
ということであとはこれでGoogleやTwitterから取得した情報を用いて会員登録できればOK!#駆け出しエンジニアと繋がりたい pic.twitter.com/TJniyX6HKf
これだけで結構苦労しましたねー
REST APIさえ作れればだいぶ目標に近づきますね。
と言った感じで今日は以上!
また明日!
10月11日(月)
今日は有休をとっていたのでお休みでした。
ということは開発を進めるしかないですよね!
で、今日はPlay Frameworkの環境をテスト環境にデプロイしてみました。
結構苦戦しました…
だがしかし!
何とかデプロイが完了しました。
ということでREST APIの開発に移れます!
まずは会員登録です。
その次は各種データの登録とユーザーIDごとに表示内容を変えるというところですね。
さて、Twitterの方ですが土日月の三日間で15人以上の方にフォロー解除されてしまいました。
正直原因はわかりませんが、思い当たるとすればプロフィールかなぁと言った感じです。
あとは結構相互希望の方々からのフォローが解除された感じなので、その辺は仕方ないかなと言った感じです。
ここまでのフォロー解除はさすがに落ち込みました…
600人半ばのフォロワー数からすると15人はかなり大きいですからね…
とは言え気にしてばかりもいられません。
ここまで減ってしまったのであれば色々と対策を考えるしかあるまいよ!
ということでプロフィールを変更してみます!
と言ってもこれ以上プロフィールを良くする方法が分からないので誰かに添削を依頼してみようと思います。
と言った感じで今日は以上!
また明日!
10月12日(火)
今日ですが…
何と土日月で減ってしまったフォロワーさんのうちの7割の人数が戻ってきてくれました!
ありがたい……!
発信内容を1点に絞ってみました!
どのようにしてプログラマーになったのか、学力が低い状況からどのようにして今に至ったか等自分の体験談を踏まえてツイートしてみることにしました。
私はこれでも結構頭が悪いです!
自慢じゃないけどな!
頭が良くないとプログラマーになれないという勘違いだけは無くしておきたいところなので、学力が……と悩んでいる人の手助けができるようにしていきたいと思います。
と言った感じで今日は以上!
また明日!
10月13日(水)
今日はリモートワークでした。
基本的にバランスボールに座っていました。
さて、MyProfileの方ですがREST APIに対してPOSTしていますが、どうやらSSL通信にしなくてはならないようです。
Play FrameworkのSSL化はよく分からないので調べていきます。
もしくはNginxを使用してSSL化してみる方向も考えてみようと思います。
開発の進捗があまり芳しくないですが、焦らず進めていきます。
と言った感じで今日は以上!
また明日!
10月14日(木)
今日も今日とて開発ですね。
一先ずPlay Frameworkをsslに対応させることはできました。
まぁ、証明書が反映できていないのでその辺をもう少し調べたほうが良さそうな感じです。
で、REST APIの方はPOSTできるようになったは良いもののプログラム的に上手くできていなかったみたいです。
Next.jsからのPOST処理はできたのであとはREST APIですね。
REST APIの方はチュートリアルがあるようなのでそれを参考にしていきたいと思います!
中々思うように実装が進みませんが、全く使ったことのない技術なので手探りでやっていきますよ!
と言った感じで今日は以上!
また明日!
10月15日(金)
今日も今日とてPlay Frameworkでの開発です!
いやぁ、SSL化できたのは良いもののなかなか上手くいきませんね……
サーバーサイドのコンソールを確認したところPOST送信はできているようでした。
ということは受け取り側が悪いのか、送信側のデータが悪いのかの2択になりますね。
明日はその辺のデータについて解析してみようと思います!
ここさえ乗り越えればしばらく壁はないでしょう!
現在Twitterの固定ツイートにて700人達成目前企画を開催しているのですが、今日だけで10人以上の方と繋がることができました。
明日中の達成も見えてきました!
目指せ!今月中に1000人!
と言った感じで今日は以上!
また明日!
10月16日(土)
今日はPlay FrameworkでのERST API実装と戦ってきました!
そして……!
無理!!!!
ということで、割と簡単に実装できそうなFastAPIでの実装に変更しました!
そうしたらですね……
Play Frameworkで苦戦したHerokuへのデプロイもあっさりとできてしまったわけなんですよ……
これには思わず……
となってしまいました。
はい、早く諦めてFastAPIに変えるべきでしたね。
ということで明日からはFastAPIでの実装に完全にシフトして開発を進めていきます!
と言った感じで今日は以上!
また明日!
10月17日(日)
今日も朝からFastAPIを用いたREST APIの作成をしていました。
そして試行錯誤の結果……!
やっとREST APIで会員登録できました!
フロント側は会員用のダッシュボードの作成とレスポンシブ対応。
バック側はアクセス解析用テーブルの作成、URL登録用テーブルの作成など……
まだまだ色々とやることが残っていますね…
とは言えREST APIが形になったのは大きな進歩です!
明日以降は画面デザインとDB設計を行い順番に処理していこうと思います!
と言った感じで今日は以上!
また明日!
10月18日(月)
今日はリモートワークだったので隙間時間を最大限に利用してnoteの執筆をしていました。
読み手にとって有益な情報となるように書くのは難しいですね……
絶対に書きあげますよ!
学力が低くて「エンジニアになれるのか」不安に思っている人の不安を少しでも払拭したい!
ただその一心で書き上げます!
Linktree類似サービスのMyProfileについてですが、今日はデザイン面を作成していました。
現状はこんな感じになっています!
慣れないデザインに苦戦しながら作成中!
— ダイス@固ツイで企画中🎲努力の鬼 (@DICE_prgmsc) October 18, 2021
イメージが少しずつ固まってきました! pic.twitter.com/pIGS1sRfGG
慣れないながらも少しずつ作成できています!
Adobe XDにも慣れていけばフリーランスとして受注する時に役に立ちますしね!
このサービスを作成して成果として提示できるようにします!
と言った感じで今日は以上!
また明日!
10月19日(火)
今日もMyProfileのデザインを作成していました。
デザインセンスもないし、そもそもWebデザインを勉強したことすらない私からしたら1ページ分のデザインを考えるだけでもかなりの苦労です…。
そしてやっとLP部分のデザインが90%程完成しました!
後はスマホ用のデザインを考えればLPはOK!
LPが完成したらユーザーダッシュボードの作成ですね。
まだまだ課題は山積み!!
一つ一つ片づけていきます!
#今日の積み上げ
— ダイス@固ツイで企画中🎲努力の鬼 (@DICE_prgmsc) October 19, 2021
✅開発中のWebサービスのLP部分の画面設計
だいたいこんな感じですかね。
あとはスマホに対応したページレイアウトを考えてLPは完成です!
LPのデザインが完了したら次はユーザーダッシュボードのデザインですね。
(全然デザインができない😂)#駆け出しエンジニアと繋がりたい pic.twitter.com/MqF6vHjFKD
と言った感じで今日は以上!
また明日!
10月20日(水)
今日は何と…!
フォロワーさん700人達成できました!
次は800人を目指します!
そして、今日はログインフォームとサインインフォームのデザインを作成しました。
次はユーザーダッシュボードの作成です!
だいぶ形になってきましたね。
よし、ログインフォームとサインインフォームはこれで良しかな…
— ダイス@固ツイで企画20:00まで🎲努力の鬼 (@DICE_prgmsc) October 20, 2021
次はダッシュボードだな…
今日はこの辺にしておこう! pic.twitter.com/zsvKUV3yJd
土日中にダッシュボードのデザインを作成してしまおうと思います!
と言った感じで今日は以上!
また明日!
10月21日(木)
今日も今日とて画面デザインです!
今日はだいぶ進みましたよー!
こんな感じ!
ダッシュボードのデザインはこんな感じになる予定です!
— ダイス@独立まで252日🎲努力の鬼 (@DICE_prgmsc) October 21, 2021
設定画面はまだ考え中!
少しでも【良い】と思ったら《いいね》とかください!! pic.twitter.com/NGVYDHxjTP
ひとまずダッシュボードのデザインもだいぶ出来上がってきたので、細かいデータベース設計やレスポンシブデザインを考えることが残っている感じです。
で、ダッシュボードのデザインなんですが、良いテンプレートを見つけてしまいました!
[st-card-ex url="https://salvia-kit-dashboard-v4-demo.vercel.app/" target="_blank" rel="nofollow" label="" name="" bgcolor="" color="" readmore=""]
ダッシュボードのデザインはこのテンプレートをカスタマイズする形で対応しようと思います!
と言った感じで今日は以上!
また明日!
10月22日(金)
今日はリモートワークでした!
というのは置いておいて…
今日も今日とてWebデザインを進めましたとさ。
ある程度デザインも固まってきたので明日からはコーディングに移ります!
#今日の積み上げ
— ダイス@独立まで251日🎲努力の鬼 (@DICE_prgmsc) October 22, 2021
全体像が少しずつ見えてきました!
まだ設計しきれていない部分があるけど明日からコーディングに移ります!
どんどん作っていきますよー! pic.twitter.com/OEEg8tPdE0
DBの設計も進めないとですね!
と言った感じで今日は以上!
また明日!
10月23日(土)
今日はWebデザインからコーディングしていました。
が、しかし!
難しい!
デザインはできるもののコーディングはまた別物ですね…。
とりあえず明日はLP部分を作成していきます!
今回のデザインはLPとダッシュボードが大部分なのでLPが完成すればデザイン面は3分の1が完成することになります。
と言った感じで今日は以上!
また明日!
10月24日(日)
今日は昨日と同じくWebデザインからのコーディングです!
…と行きたかったですが、目の疲労が尋常じゃなかったので午前中は部屋の掃除やら買い物やらをしていました。
午後からは独自CSSライブラリ開発を進めながらコーディングをしていきました。
そして!
CSSのaspect-ratioが便利なことを知ってはいたものの使ったことが無かったので使ってみたところ…
めっちゃ便利!
CSSライブラリに早速組み込んじゃいました!
使用した結果はこんな感じ!
1枚目のLPの上の部分のデザイン(2枚目)の配置は何とかなりそう!
— ダイス@独立まで249日🎲努力の鬼 (@DICE_prgmsc) October 24, 2021
3枚目!
【aspect-ratio】ってめっちゃ便利ですね(笑)#駆け出しエンジニアと繋がりたい #webデザイン勉強中 #webデザイン pic.twitter.com/RBsyVQvw6n
今まで高さやら幅やらを計算して指定していましたがaspect-ratioを使えば高さ or 幅を指定するだけでそのアスペクト比に…!
めっちゃ便利なので使ったほうが良いですよ!
と言った感じで今日は以上!
また明日!
10月25日(月)
今日も今日とてリモートワーク
そして勤務時間が終了したらWebサービスの作成をしつつCSSライブラリの作成です。
どちらかというと今日はCSSライブラリの作成がメインでしたかね。
CSSライブラリは複数のファイルに分割して作成していますが、今回全部一つのファイルにまとめて総行数を確認してみました。
結果は……
42000行越え
予想以上に多くなっていましたね。
まぁ、これでもまだまだ一部なので完成する頃には十万行とか二十万行とか行きそうです。
全貌はこんな感じ!
現在作成中の独自CSSライブラリの進捗!
— ダイス@独立まで249日🎲努力の鬼 (@DICE_prgmsc) October 25, 2021
ファイルを一つにまとめた結果が動画の通り!
別に中を見られても構わん!
行数にして42000行越え!
まだまだ拡張していきますよ!#今日の積み上げ#駆け出しエンジニアと繋がりたい #駆け出しwebデザイナーと繋がりたい pic.twitter.com/3CKsbfLEyp
と言った感じで今日は以上!
また明日!
10月26日(火)
今日も今日とてWebサービスのコーディングとCSSライブラリの作成です。
とりあえずレスポンシブ対応がだいぶできるようになってきました。
まだ一部TailwindCSSを使用しているので全て独自CSSライブラリに置き換えていこうと思います。
その都度不足している要素が出てきますが、それはその都度修正していきます。
今はこんな感じ!
作成中のCSSライブラリの進捗
— ダイス@独立まで249日🎲努力の鬼 (@DICE_prgmsc) October 26, 2021
とりあえず結構レスポンシブ対応できるようになってきましたね。
あれ、これCSSまだまだ増えるから最終的に10万行超える……?#駆け出しエンジニアと繋がりたい #今日の積み上げ pic.twitter.com/RwDKoHCEwN
本当に少しずつですが進んでいることは確かです。
今月中にTailwindCSSから完全に独自CSSライブラリに移行したいところです。
と言った感じで今日は以上!
また明日!
10月27日(水)
今日も今日とてCSSライブラリの作成ですよー。
本来であれば旧ブラウザにも対応すべきなのだろうが……
今回はモダンブラウザのみ対応にしていこうと思います。
あとはカードスタイルとか……モーダルとか?その辺もCSSのみで実装できるものは片っ端から実装していこうと思います。
やりたいことが多すぎて困りますね…!
もうね、困る!
どんどんやりたいことが多くなってきますね。
今日は短いですがこんな感じで以上!
また明日!
10月28日(木)
今日も今日とてWebデザイン。
最近毎日デザインをやっていますね。
まぁ、それが目的だから良いんですけどね。
さて、進捗が如何ほどかと言いますとLP部分のデザインが40%ほど出来上がりました。
CSSライブラリにはまだまだ不足している要素が多いですね……
時間はかかりますがライブラリの作成も進めていきます!
今はこんな感じ!
#今日の積み上げ
— ダイス@【0→1達成】独立まで245日🎲努力の鬼 (@DICE_prgmsc) October 28, 2021
画像などを配置する位置は背景色でレイアウト調整出来てきました。
CSSライブラリは少しずつ不足している要素を足しています!#駆け出しエンジニアと繋がりたい pic.twitter.com/CzrhByBBAS
今週中にある程度のデザインを完成させたいと思います!
と言った感じで今日は以上!
また明日!
10月29日(金)
今日はリモートワークでした。
ということで隙間時間を活用してWebデザインを進めたり、ココナラに出品するサービスについて考えたりしていました。
ココナラに出品するサービスについてはWeb制作系のサービスを出品予定です。
LPの作成からWordpressの対応をしたいと思います。
WordPressについては独自のテーマ開発のサービスも出品予定です。
現在独自CSSライブラリを作成しているのでそれを使用したWordpressテーマを作成しようと思います。
作成予定のWordpressのテーマは基本的に無料で提供します。
そして基本的にSEO対策はしなくても十分なくらいの性能に仕上げる予定です。
いかに読み込みを早く、かつ軽量にするかが問われそうですね。
と言った感じで今日は以上!
また明日!
10月30日(土)
今日も今日とてプログラミング。
そして、少しでも楽をしようと外部サービスを色々と調べてみました。
そして結構使えそうなサービスを発見!
Auth0
本格運用するとなると多少お金がかかりますが、それでも安全を確保できるのであれば安いもの!
開発程度であれば無料で使えるので無料で使える範囲で開発を進めて本格運用開始と同時に有料プランに変更しようと思います!
さあ、10月も明日で終わり!
Twitterのフォロワーさんは800人達成できるのか?!?!
と言った感じで今日は以上!
また明日!
10月31日(日)
トリックオアトリート!
ということで今日はハロウィンでしたね。
まぁ、そんなことがあっても今日も今日とてコーディングです。
今日は昨日の日記でも書いた通りAuth0を使って認証機能を実装することにしました。
で、導入自体はできたのでサインアップ・サインイン後にダッシュボードに移動しなければならないので、ダッシュボードのコーディングを開始しました。
そこでまたまたCSSライブラリに追加したい内容が…!
それは
吹き出し型のドロップダウンメニュー
です。地味にオシャレなんですよね。
その他にもカードデザインやモーダルも導入していきたいと思います。
ライブラリについてはWebサービスの作成をしつつ片手間で進めていこうと思います!
さて、Twitterの方ですが…
いまいち伸びず……
まぁ、それでも新規で100人以上の方と繋がれたのでOKとしましょう。
11月こそは1000人目指してやる!!
と言った感じで今日は以上!
10月もお疲れ様でした!
では11月も頑張りましょう!