11月1日(月)
今日から11月!
今年も残り2カ月!
今月はTwitter強化月間にします!
ということで目標は……
フォロワーさん1000人達成!
毎週企画を実施していきます!
そして今月から少しずつ営業をかけて副業を開始したいと思います!
まずは週10時間程度からできる仕事を探してみようと思います!
さあ、来年の脱サラへ向けて経験を積みますよ!
現在作成中のWebサービスについての進捗ですが、Auth0を用いたサインイン・サインアップ機能が実装できました。
これからダッシュボードの作成に移りたいと思います。
ダッシュボードのデザインも独自CSSライブラリを使用していく予定です。
今回のWebサービスのデザインは全て独自CSSライブラリで実装していきます。
CSSライブラリについては早ければ今年中にα版をリリースできると思います。
皆さんに使用していただいて、フィードバックをガンガンもらいたいところです!
と言った感じで今日は以上!
今月もよろしくお願いします!
11月2日(火)
今日はふとした思い付きでポートフォリオサイトの作成を開始しました!
CSSライブラリの作成も兼ねています。
今回のCSSライブラリは少しずつ作成が進んでいます。
ポートフォリオサイトについては何をどう載せようか考えているうちに時間がたってしまいました(笑)
3時間くらいではそんなに進みませんね…
[st-card-ex url="https://portfolio-phi-ten-72.vercel.app/" target="_blank" rel="nofollow" label="" name="" bgcolor="" color="" readmore=""]
これくらいが限界ですね。
ポートフォリオサイトを作成しつつWebサービスの方のデザインも進めていきます。
と言った感じで今日は以上!
また明日!
11月3日(水)
今日もポートフォリオサイトの方を作成していました。
やはりデザインセンスが無いとなるとデザインを考えるだけでも一苦労……
何とかデザインは固まりつつあります。
色は白黒のみにしてシンプルだけど動きのあるデザインにしていこうと思います。
もちろん独自CSSライブラリも使用していきますが、アニメーション部分にはGSAPを使用していこうと思います。
少しでも視覚的に楽しいポートフォリオサイトになれば良いなと思います。
と言った感じで短いですが今日は以上!
また明日!
11月4日(木)
またまた言っていることが変わりますが……
アニメーション部分はGSAPではなくCSSで実装していきます!
良い感じに実装できそうなので期待して待っていてくれ!
さてそんな感じで少しずつ進んでいるポートフォリオサイトの作成ですが、Webサービスの方も忘れないで作っていかないとですね。
ポートフォリオサイトの作成をしつつデザインの勉強も進んでいるのでこの勉強した内容を基にダッシュボードのデザインをしていこうと思います。
ポートフォリオサイトの進捗はこちら!
左側の文字の出現と右側のタイプライター風をCSSのみで実装!
— ダイス@【0→1達成】独立まで238日🎲努力の鬼 (@DICE_prgmsc) November 4, 2021
タイプライター風の方は1000文字までは対応しています!
実際に見たい方はどうぞ!https://t.co/Ix8yJeDNxx#駆け出しエンジニアと繋がりたい pic.twitter.com/xxcXESar7d
少しずつアニメーションの方も勉強が進んでいるのでアニメーションをがっつり使ったポートフォリオサイトに仕上げたいところですね!
と言った感じで今日は以上!
また明日!
11月5日(金)
CSSライブラリは必要最小限で使用したほうが良さそうですね…。
CSSの組み込みすぎでかえってサイトのパフォーマンスが低下してしまった…。
部分部分で使っていきましょう。
あとは最小構成のライブラリを作っても良いかもしれませんね。
最小構成…うん。
少しでも使いやすいものにするにはパフォーマンスも気にしないとですね!
テキストを表示するアニメーションはこんな感じです!
うん!良いね!
— ダイス@【0→1達成】独立まで238日🎲努力の鬼 (@DICE_prgmsc) November 5, 2021
CSSで文字の出現アニメーション12パターンできた!
他のアニメーションも考えよう。#駆け出しエンジニアと繋がりたい #Web制作 #webデザイン #プログラミング初心者と繋がりたい pic.twitter.com/v7cGmi6ORP
色々なアニメーションをどんどん作っていきたいと思います!
と言った感じで今日は以上!
また明日!
11月6日(土)
今日はですね……
昼食やら夕食を作ることになりまして、午前中は食材の買い出しと昼食づくり。午後からは夕食の仕込みをしていて意外と時間がありませんでした。
いやぁ、これだけ時間が無くなることを考えると主婦ってすごいですね……。
これで隙間時間を使って更に色々なことをやってのけるんですから。
で、今日の夕食は何を作ったかですが…
カボチャのクリームパスタ
です!
そもそもクリームパスタを作ったことも無ければ、まともにカボチャを扱ったこともない状況で作ることにしました(笑)
その結果できたものがこちら!
たまには料理ってことでかぼちゃのクリームパスタ完成! pic.twitter.com/dyPWHt2UQn
— ダイス@【バカ高校】出身のエンジニア (@DICE_prgmsc) November 6, 2021
材料はこんな感じ!
材料
【クリーム】
- カボチャ … 大体3分の1
- 牛乳(特濃乳)… 500ml
- コンソメ … 適量
- 塩 … 適量
- コショウ … 適量
- 薄力粉 … 適量
- 真鯛 … 3切
- 舞茸(みじん切り)… 半分
- 飴色玉ねぎペースト
【パスタ】
- 低糖質パスタ
【付け合わせ】
- 舞茸 … 半分
- ブロッコリー … 適量
- インゲン豆 … 適量
全部目分量なので詳しい量は把握できていません(笑)
自分で言うのもなんですが、結構おいしくできました!
一つ難点を上げるとすれば…
甘すぎた!
カボチャが思った以上に甘かったですね。
もう少し上手いこと調整できるようにしたいところです。
と言った感じで今日は以上!
また明日!
11月7日(日)
今日は自分用のポートフォリオサイトのデザインを1から考え直していました。
一応【ダイス】という名前でやらせてもらっているので【サイコロ】を模した立方体を上手いこと使ったデザインを考えています。
今回は独自CSSライブラリの使用は最小限にしてアニメーションや意外性重視のデザインにしてみようと思います。
メインのライブラリとしてGSAPを使用します。
スクロールトリガーなるものがあり、スクロールのタイミングでアニメーションを作動させることができるようです。
それを活用して立方体各面にメニューのリンクを配置してスクロールで回転できるようにしてみようと思います。
とにかくやってみるのみ!
と言った感じで今日は以上!
また明日!
11月8日(月)
今日はリモートワークをしつつ色々と調査等をしていました。
そして!!
ポートフォリオサイトのデザインに取り入れるGSAPでのデザインが固まりました!
それがこれ!
ポートフォリオサイトのメインページはこのデザインでOK!
— ダイス@【バカ高校】出身のエンジニア (@DICE_prgmsc) November 8, 2021
これを上手く使ったうえでスクロールで切り替えられるようにしよう。#駆け出しエンジニアと繋がりたい#webデザイン #webデザイン勉強中 pic.twitter.com/shrcHjYf29
これをうまいこと使ってホーム画面のメニューにしてしまいたいと思います。
今はボタンで制御していますが、スクロールで制御するように変更していきます。
今日はこれで満足!
と言った感じで今日は以上!
また明日!
11月9日(火)
今日はですね、昨日のデザインをNext.jsの方に移植する作業を進めていました。
いやぁ、上手くいきませんね…。
まぁ、それでこそやりがいがあるんですけどね。
とにかく少しづつでも進めていきます。
そして……!
フォロワーさん800人達成!
一つの目標を達成しました!
次に目指すは900人!
今月中に1000人も見えてきた!
何としてでも達成して魅せます!
と言った感じで今日は以上!
また明日!
11月10日(水)
今日も今日とてWebデザインですよ、と。
で、昨日上手くいかなかった部分を上手いこと解決することができました!
そしてスクロール位置に応じて動かすことができました!
こんな感じ!
よし、スクロール位置に応じて回転できるようになったぞ…!
— ダイス@🔥11月限定毎週企画実施中🔥 (@DICE_prgmsc) November 10, 2021
これを全面に遷移できるようにすればメインページの画面が出来上がるというわけです!#駆け出しエンジニアと繋がりたい #webデザイン #webデザイン勉強中 pic.twitter.com/aL6R3Cx78P
なかなかない感じのポートフォリオサイトになりそうな予感!
これに似た感じのものを各ページにも配置していきます!
【ダイス】という名前でやっているのでサイコロからインスピレーションを得ました!
これをどんどん使用していきます!
と言った感じで今日は以上!
また明日!
11月11日(木)
今日はポッキーの日!
いやあそれにしてもTwitterの方はとある企画に参加したところ30人以上と繋がることができた!!
これは過去最高記録!!
どんどん伸ばすぞーー!
目標は今週中に900人達成!
それを達成するために明日も企画に乗っかってどんどん伸ばしていきます!
短いですが今日は以上!
また明日!
11月12日(金)
ついにフォロワーさんが850人突破!!
900人達成も見える範囲に来ました!
これは今月中にフォロワーさん1000人も夢ではない?!?!
これは燃えますね!!
で、今日は久しぶりに歌ってみたのMIX作業をしていました。
正直収録自体は先月終えていたんですけども、Web開発に重点を置いているので一旦保留としていました。
が、そろそろ投稿したいなぁなんて思い始めたのでMIXを進めました。
一通りのMIXは済んだのであとはハモリ部分の細かいピッチ補正と全体の音量バランスを整えるだけになってきました。
今月中には投稿できそうですね。
イラストも先月描いていただいたものがあるので動画師さんに依頼をするだけですね。
良い人が見つかると良いなぁ…。
と言った感じで今日は以上!
また明日!
11月13日(土)
今日はあまり慎重区がありませんでした。
最近スランプ気味かもしれません……
やりたいことはあるのにやる気は起きない……
んー…………
燃え尽きたか…?
燃え尽き気味ではあるが何とかして再燃しなければ…!
んー……
たまにはどこか出かけたりしてリフレッシュしたほうが良いのかもしれませんね…。
とは言え来年会社を辞める予定の私としては今年中に1つ以上の案件を取ってあらかじめ稼いでおきたい…!
ポートフォリオサイトをまずは完成させる!
そしてポートフォリオサイトに載せるためにWebサービスを作る。
これだけは曲げない!
と言った感じで今日は以上!
また明日!
11月14日(日)
今日は寝起きから何度も寝落ちしつつリプ回りをしていたところ少しやる気が戻ってきました!
ポートフォリオサイトの方はメニューから選択した後画面遷移のアニメーションを考えていました。
これがしっくりきました!
良い感じかもしれん…!
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 14, 2021
別ページへの遷移方法はこれで良いかも!#駆け出しエンジニアと繋がりたい #webdesign #Web制作 #webデザイン勉強中 #Webデザイナーと繋がりたい pic.twitter.com/3tYYcYq0Lb
画面遷移時のアニメーションはこれで行こうと思います!
これからは各ページのデザインが必要ですね…。
何とか絞り出してみます!
と言った感じで今日は以上!
また明日!
11月15日(月)
今日はリモートワークでした。はい。
で、ポートフォリオサイトの方は大きな進捗は無いですがギャラリーページの構成が決まりました!
立方体を浮遊させて回転させる形で配置していこうと思います!
とりあえず立方体の回転はこんな感じです!!
GSAPを扱うのが超楽しいです!
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 15, 2021
こんな感じの立方体をぐるぐる回すのが意外と簡単にできちゃうんですよ!
ギャラリーページは各コンテンツを立方体に画像を貼り付けてゆっくり回転させよう。
立方体を左右どちらかに配置して空きスペースに簡単な説明って感じですね。#駆け出しエンジニアと繋がりたい pic.twitter.com/7Tr3tyoU96
【ダイス】という名から立方体をふんだんに使うことは決めているので、どんどん使っていきます!
で、リモートワーク中は何をしていたかというと、Twitterでのリプ回りや仮想通貨取引をしていました。
仮想通貨の方は1万円程度なのでせいぜい10円~30円くらいの利益があったくらいですね。
まだ10万円単位で取引する勇気はありません(笑)
とりあえず1万円2万円あたりで感覚をつかんでから大きい金額にしていこうと思います。
と言った感じで今日は以上!
また明日!
11月16日(火)
今日も今日とてポートフォリオサイト。
で、ギャラリーページの方はデザインが固まりました!
立方体を多数配置して各面に掲載する作品の画像を貼り付けてゆっくり回転させようと思います!
更に左右どちらかの空きスペースに簡単な説明を書く感じになります。
レスポンシブ対応なのでスマホ画面の場合は立方体が上、説明が下になります。
ということで大まかなイメージはこんな感じ!
ギャラリーページは画面遷移後の感じで立方体を回転させつつ、そこに作品イメージを配置していこうと思います!左右どちらかの空きスペースに説明を書く感じです。#駆け出しエンジニアと繋がりたい#Webデザイナー #webデザイン #webdesign #webデザイン勉強中 pic.twitter.com/G7gdpokhZm
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 16, 2021
うんうん、良い感じ!
この調子でデザインを進めつつ、Webサービスのシステム面とデザイン面も考えていきます!
やることが多いが…やりごたえ十分!
と言った感じで今日は以上!
また明日!
11月17日(水)
今日も今日とてWebデザイン…といきたいところでしたが、眠気がヤバい!
目を閉じたらものの数秒で眠りに落ちてしまうレベルです。
あ、でもギャラリーページの立方体を簡易的にレスポンシブ対応しました。
あとはホームに戻るためのメニューですね。
普通のハンバーガーメニューだとつまらないのでメニューのデザインも考えねば…!
と言ってはいるけども、だいたいのデザインは決まっています。
とりあえず直方体を使ってメニューを作ろうと思います。
通常使うのが立方体なのでメニューは直方体というわけです。
と言った感じで今日は以上!
また明日!
11月18日(木)
今日はギャラリーページのデザインを確立しました。
とりあえずは形になってきたのでそれっぽい画像を当てはめて仮のギャラリーページを完成させようと思います。
こんな感じのデザインです!
やっぱりこの拡張機能は便利だ…
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 18, 2021
ギャラリーページへこんな感じで載せる画像は回転させよう。
で、この後は四角形を読み込んだ段階でフェードインするように変更しよう。#webデザイン #Web制作 #webdesign #駆け出しエンジニアと繋がりたい pic.twitter.com/2H9yzjsYu3
で、久しぶりにエクセルで絵を描いてみました。
今日はモミジです。いっそNFTアートなるものに手を出してみようかなと思います。
描いた絵はこんな感じ!
エクセルの画像で久々にちょっとお絵かき!
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 18, 2021
なんとなくでモミジを描いてみました!
うん、めんどい! pic.twitter.com/NBBtXW3vBl
四季の絵を描いてみようかなぁ、なんて思ったりしています。
と言った感じで今日は以上!
また明日!
11月19日(金)
今日はですね、同じことをずっと続けても飽きてしまうのでchromeの拡張機能を作ってみようとしています!
その内容が、Twitterの【いいね】をハートから星形に戻す機能です!
所謂「ふぁぼ」ですね。
今のところは色を黄色くできたので星形に変更できればOKという感じです!
ちょっと気分を変えてchromeの拡張機能作りに挑戦!
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 19, 2021
とりあえず【いいね】の色を変更できるようになりました。
あとは星形にできれば昔のTwitterに近づけられるかな……? pic.twitter.com/O0qSs0RFn8
目指せ旧UIのTwitter!「ふぁぼ」を取り戻せ!!
と言った感じで今日は以上!
また明日!
11月20日(土)
今日も今日とてchromeの拡張機能開発…
まぁ、何と言いますか…「いいね」をすると読み込みエラーになってしまうという問題にぶち当たり中です!
よくわからん!
まぁ、強制的に置き換えていますからね…
もう少し色々と調べてみます。
現状はこんな感じ!
ここまではできた!
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 20, 2021
が、しかし!
そこの問題解決が必要ですね。 pic.twitter.com/UwXiuCFNkF
明日はポートフォリオサイトの作成を進めます。
と言った感じで今日は以上!
また明日!
11月21日(日)
今日はポートフォリオサイトの作成を進めました…と言っても大きな進展があったわけではないですが…。
とりあえず、スクロールすればいいのかどうなのかが分かり辛かったのでそれが分かるようにしました。
いやぁ~CSSアニメーションは楽しいですね!
思った通りの動きをしてくれた時の【やってやったぜ感】がたまりません!
さて、そんなことは置いておいてですね…
フォロワーさん1000人達成!
そして…
1500人達成!!!!!
とある方の企画にコラボで参加させていただいた結果、異常なほどに伸びました!
今回フォローしていただけた方々にフォロー解除されてしまわないように有益な情報の発信に加え月一くらいで何かしら企画を実施しても良いかなと思いました。
ということで来月から月に一回は企画を実施してみます!
今月は毎週実施の企画に力を入れます!!
と言った感じで今日は以上!
また明日!
11月22日(月)
今日はリモートワーク!
ということで隙間時間を全てTwitterへ!
無事に1000人達成はできましたが、現時点で1800人超え!
ならば2000人目指しても良いのでは?!?!
ということで限界に挑戦!
さて、そんな感じで今日はWeb開発の方に時間を割くことはありませんでした。
その代わり明日は祝日!
朝しっかりと起きてポートフォリオサイトの作成に充てます!
上手くいけば明日中に9割がた完成するのでは??
と言った感じです!
と言った感じで今日は以上!
また明日!
11月23日(火)
今日はポートフォリオのデザインを少し進めました、がしかし!
デザインができないのが痛手になってきました…。
少しデザイン面の勉強も必要そうです。
illustratorを使いこなせるようになれば、色々とできる幅が広がりそうな気がします!
オンラインスクールに通うか独学のみで何とかやっていくか……
悩みますね…。
まずWebデザインに関しては参考サイトを探してひたすら分析あるのみですね。
問題は「素材」ですね。
フリーの画像を使おうにも多少の加工は必要ですし、フリーランスでやっていくとなるとオリジナルのデザインができたほうが良いのが現実…。
まだまだ課題が多いですね。
ひとまず仕事がある平日はリモートワークの日以外通勤時間が無駄になってしまうのでその時間を活用したいところ…。
電子書籍も使って勉強ですね…。
あとは持ち歩き用のタブレットがあっても良いかもしれませんね。
と言った感じで今日は以上!
また明日!
11月24日(水)
今日は配色関係の勉強とTwitterでのフォロワーさん1000人達成までにやってきたことをnoteにまとめたりをしていました。
改めてTwitterをどのように運用してきたかを考えながら書くとどのようにして伸ばしてきたかが分かるので情報整理にもなりますね!
ただまあ、他の爆伸びアカウントに比べ古いアカウントを伸ばすという難しい所からのスタートなので難しいこともかなりありました。
○日で1000人達成!
と言ったアピールできるポイントがありませんから。
だからこそなかなか伸びない人にとっては良い情報源になってくれるのではないかなと思っています!
もちろんお金は取りません!
ただやってきたことを書き連ねるだけですから。
今後は有料記事を執筆したりするとは思いますが、今回の記事は完全無料です。
皆さんへのお礼も兼ねて…です。
と言った感じで今日は以上!
また明日!
11月25日(木)
今日は今日で以前「フォロワーさん1000人達成したらnote出します!」と言った手前書かないと!となりまして悩みに悩みながらnoteを書いております!
多分書き終えるのは来月になると思います!
文章を書くのって難しいですね…。
しかもただ書けば良いのではなく読み応えのある濃い内容にしなければならないというのが更に難しいですね。
正直なところこの日記みたいに話し言葉で書くのは然程難しくないんですが…。
人様に見せるものとなると話し言葉で書くわけにもいきませんからね…。
なかなかに難しいです。
まぁ、何とかなるでしょう!
という精神で書いていますよ
と言った感じで今日は以上!
また明日!
11月26日(金)
今日はZoomでのリモート研修に参加するために本社へ出社しました!
ん?ってなりますよね(笑)
私もそう思いましたから。
そしてその研修ですが、【家でも十分できた】と思うほどです。
聴いているだけですし、たまに参加者側が話すタイミングで話すだけなので本社に行く必要は一切ありませんでした(笑)
そして更に衝撃の事実が!!
研修を受けている時に思ったんですよ
と。
そして研修が進むにつれ確信に変わりました。
はい。既に受けたことのある研修でした。
会社は一切把握していないんですね…
そんな感じで全く無意味だった研修を半日も受けていました。
という不満を吐き出して今日は以上!
また明日!
11月27日(土)
今日は最近毎週夕食を作っているので今日も料理をしました。
ということで今日は初めて「肉じゃが」を作りました。
いやぁ、和食って難しいですね…。
とは言え今回はめっちゃうまくいきました!
ということで写真をドン!!
完成した肉じゃがはこちら!
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 27, 2021
肉は鶏肉です!
個人的に鶏肉が好きなだけ(笑) pic.twitter.com/ByCYni7NSz
これからは色々な地域の料理を作ってみても良いかなぁと思いました。
さて、肝心のWeb制作ですがメニューの動きを作ってみました。
ってことでドン!!
GSAP…
— ダイス@🔥毎週企画を実施中🔥 (@DICE_prgmsc) November 27, 2021
君…
気に入ったよ…
これ…
そのままポートフォリオサイトのメニューに導入するよ…#Web制作 #webデザイン勉強中 #駆け出しエンジニアと繋がりたい #駆け出しwebデザイナーと繋がりたい pic.twitter.com/WSB1XXnSED
バウンドする感じとか良いですよねぇ。
どんどんアニメーションを使っていきましょう!
と言った感じで今日は以上!
また明日!
11月28日(日)
気づいたら11月もそろそろ終わりですね…。
年末まであと少し…、ということは私が会社を辞める日までもう少しで7カ月を切る…!
早い所1件くらいは案件を獲得せねば…!
まずは格安でも良いから1件取得することが必要ですね。
まぁ、ポートフォリオサイトをさっさと完成させろって話なんですけどね…
最近…というわけではありませんが、入社当時からずっと寝不足だったツケがそろそろ回ってきている気がします…。
常に眠いだけでなく頻繁にボーっとするんですよね…。
大事になる前に休むべきなんでしょうけども……。
今の会社にいる限りこの蓄積された疲労とストレスが無くなるどころが更に蓄積される一方なので、早い所自分の健康に気を使いつつ仕事ができる環境に身を置きたいところです…。
技術と知識をつけTwitterも利用して繋がりを増やす!そして実績を増やす!
それだけだ!
やってやるぞ!
と言った感じで今日は以上!
また明日!
11月29日(月)
今日はリモートワークということで試しに起きる時間を1時間程遅くしてみました。
通勤時間が約2時間なのでその分少し多めに寝た感じですね。
結果は……
めっちゃスッキリ起きれた!
1時間で結構変わるものなんですね…
できることなら毎日今日みたいな時間に起きたいと思った私でした。
さて、仕事の後は年末調整に必要な書類を書いて…その後は「1000人達成したらnoteを公開する」と言ったのでnoteの執筆をしていました。
現状で約3300文字ほどになっています。
もちろん完全無料です。
何をしてきたかを全て書き記しています。
短期で伸ばした手法ではありません。
古いアカウントを活用して1000人を達成し2000人に向かおうとする私がやってきたことの全てを書いただけのものです。
それでも誰かの役には立つはず…!
早い所完成させたいところです!
と言った感じで今日は以上!
また明日!
11月30日(火)
今日は初noteを11月最終日にギリギリ投稿できました!
フォロワーさん1000人達成記念ということで書き始めたは良いものの1800人を達成してからの投稿になりました。
ということで初投稿noteがこちら!
来月は2000人達成を目指します!
さて11月も終わりいよいよ今年最後の月が始まります。
今年の悔いを残さないように来月も頑張りましょう!
では11月もお疲れ様でした!
12月でお会いしましょう!
ではまた明日!