ようやく今年の抱負メーカーをバージョンアップしたよ

2021/01/24 2021/01/24 #Laravel #個人開発 #WEBサービス #Twitter #今年の抱負メーカー

ようやく今年の抱負メーカーをバージョンアップしたよ

こんにちは。Nonです。

皆さんお待たせしました。
ようやく

をバージョンアップしました。

結構要望を受け取っていて、これを解決するのに、結構な時間が経過しちゃっていました...
みんなごめんね。

今回はそのお知らせという感じで、更新内容をサクッと説明しつつ、バージョンアップのお知らせ記事にしていこうと思います。

前に書いた記事

3行で入力できるようにしてほしい

今までのバージョンでは1行25文字までにして、プログラム側が定形処理に従って自動的に改行していましたが、それを3行までユーザーが指定できるようにしました。

こんな感じで入力できるようになりました

スクリーンショット 2021-01-23 17.52.40.png

これが結果になります。

今年の抱負 \(1\).jpg

改行位置が指定というか、固定されるようになったので、見た目の調整がしやすくなったと思います。

本当は、プレビューを見せてあげたいので、そのへんは後のバージョンでなんとか実装したいと思います。

色んな使い方① 箇条書きっぽく

今年の抱負 \(2\).jpg

こんな感じで箇条書きにみたいに見せることもできます。
抱負がたくさんある方はこのような使い方をしてみてくださいね。

色んな使い方② これまで通り文章でも入力できるよ

今年の抱負 \(3\).jpg

文節毎に区切って入力するとわかりやすくていいかも。
最大21文字なので、そのへんも考慮して抱負の内容を入力すると、見栄えが良くなるかも!


この要望がとても多かった...

正直、勉強用に作成していたので、ユーザービリティとか考慮してませんでした...
申し訳ない🙇

こんな感じでどうだろうか?

違う年の抱負を見たい

今までは総合PVでしたが、これからはその年毎のPVランキングにしました。

個人の抱負を見たい場合はTwitterからリンクたどって来てください。

見られたくない抱負の場合は、画像だけ作成して、ツイートしないようにしたら大丈夫です。

スクリーンショット 2021-01-23 18.12.21.png

セレクトボックスを変更すれば、以前の抱負が見れます。

遅くなってすみません。

本当は、2020年内に対応しておきたかった

まぁこのアプリって1月初旬にしか需要ありませんからねww

それまでに間に合わなくて申し訳ない。

12月に予想外の仕事が入ってしまってこちらに取り組む余裕がありませんでした😅

本当はほとんどの機能をリプレースしたかった

  • 画像のサイズがでかすぎて表示に時間がかかっているから、画像の軽量化処理を入れたかった。
  • プレビューを表示したかった。
  • DBの登録処理が複数回行われるので、画像を保存するかどうかを選択させてあげたかった。

他にも色々あるので、今年また時間があるときに頑張ろうと思います。

最後に

の新バージョンの通知でした。

前に書いた記事

約2年前のコードでしたが、いやぁやばかったww
これは設計レベルで少し見直す必要があるかもしれません。

少しずつ更新していくので、次のバージョンアップ時も通知記事を入れたいと思います。

その時はよしなに。

.

のん

所属 : 株式会社スマレジ 開発部

YouTube : のんラボ

Twitter : @nonz250

Github : nonz250

Qiita : @nonz250

My Qiita posts My Qiita contributions My Qiita followers

主にPHPを使用し、サーバーサイドを担当。最近はフロントにも興味津々。

なにかを作ったりいじったりするのが好きで、個人開発なども行っている。

趣味はバイクアイコン画像は大抵愛車の「Z250」である。友達にアイコン描いてもらえて嬉しい。

PHP / Laravel / CakePHP2 / CakePHP3 / Vue / Nuxt / C# / etc...

Tags

#のんラボ #Laravel #Vue #個人開発 #ブログ #プログラミング #javascript #Html5 #WEBサービス #Twitter #今年の抱負メーカー #勉強方法 #PWA #モバイルアプリ #Android #ツーリング #バイクに乗るエンジニア #Z250 #秋吉台 #能登半島 #バイク #冒険 #東尋坊 #Squid #リバースプロキシ #hosts #axios #cropper #AdSense #Bootstrap #MySQL #高速化 #トドTask #Telescope #デバッグ #composer #テスト #セキュリティ #POSレジ #スマレジ #本部機能 #バリデーション #入力チェック #Mac #Chrome #テスト駆動開発 #開発手法 #UI #デザイン #WEBサイト #機能美 #PHP #Laravel 6 #コメント #バージョンアップ #vue-cli #localhost #BIツール #売上分析 #TANAX #MFK250 #ツアーシェルケース2 #RESTful #API #REST API #実務的 #PHP Tech Tutor #Smaregi Tech Talk #勉強会 # ブログ #CakePHP3 #CSRF #VSCode #開発環境 #CakePHP3.0 #さくらのレンタルサーバー #モジュールモード #シェル #メール #Gmail #relay #OGP #エラーページ #抱負 #家庭教師 #ドメイン駆動設計 #DDD #読書会 #那智の滝 #伊勢志摩 #伊勢志摩スカイライン #フロント #三方五湖 #レインボーライン #ボーイスカウト・ルール #プログラマが知るべき97のこと #リファクタリング #ユビキタス言語 #車輪の再発明 #マイクロサービス #デプロイ #QA #laravel-mix #Tips #storybook #@storybook/addon-actions #昇降デスク #コードレス #書斎 #オフィス #リモートワーク #働き方 #エラーハンドリング #スマレジ4 #pixel 5 #レビュー #スマレコ #TDD #RSS #404 #高山ダム #ラーツー #React #Nuxt #node_modules #エラー #インポート #設定方法 #環境構築 #Docker #フォレストパーク神野山 #学生向け #PR #採用 #Node.js #npm #しまなみ海道