non's Laboをリニューアルしました!

2019/05/03 2019/05/03 #のんラボ #Laravel #Vue #個人開発 #ブログ #プログラミング

non's Laboをリニューアルしました!

皆さんお久しぶりです。のんです。
知っている人は知っている


大幅アップデートしましたー!!

なぜリニューアルしたのか?

ogp
non-it-infomation.com

non-it-infomation.comを見る

って思いっきりTypoした状態。

これで3年間近く使用してきました。
実はすぐに気づいていて、どうやって変えようか迷っていたのですが、どうも変更方法がわからない。
なので、放置していました。

開発のために取得したnozomi.bikeドメインにすべて移行しようと思ったのは半年くらい前。non-it-infomation.comはAPI用とかなにか別の目的で使用かなと思っています。んで期限が切れたらそのまま解約しようかなと。

実はnon's Laboは処女作

個人開発で作成したという意味では、処女作だったんです。
当初はPHP + Smarty2っていうプレーンな状態で開発を進めていました。当時は新卒の頃だったので、プログラミングの知識は皆無(自己紹介でもあるようにもともと工学の人間)ですので、クラスの勉強やら、Html CSSの勉強やらをするために作成したブログでした。そこからWordPress風にしたり、動画と画像をアップロードできるようにしたり色々いじっていました。
しかし、そろそろ技術もついてきましたし、オンボロのこの子をなんとかピカピカにしてあげようとして、作成したのがこのアップデートです。

新しい技術を取り入れたかった結果、安定しなかった。

もともとの技術がレガシーなコードで構成されていましたので、なにかフレームワークやライブラリを入れようと、いろいろごちゃごちゃ入れまくった結果。もう汚い汚い。しかし、これも僕の資産。棚卸しを先日完了したので、作業に移った次第です。
ちなみに、non's Labo、長いこと続けてきたおかげで、SEO的に優秀(らしい)です。
少なくともnons laboで検索をしたTOPに表示されます。
だからドメインも捨てたくなかったんですが、これはしょうがない。SEOの勉強ということで色々実験してみましょう。

目的

目的って見出しをブログのエディターに書くと初代non's Laboで直に書いたの思い出しますねw
目的は

とは違います。(ちなみに、
ogp
あの頃の目的

あの頃の目的を見る

  • 技術のアウトプットを習慣にする
  • ブログを書くことで怠け癖を治す
  • みんなに知られるブログにする

は自分のためだったけど、今度の目的はみんなのためって感じですね。このブログ見て悩みが解決したとかならとても嬉しいと思います。

使用技術

最近はこれで個人開発を行っています。慣れているので、開発スピードが早いんですよね。勉強が目的ではないので、下記を選択。

  • Laravel
  • Vue

このブログについて一言。

最初はブログサービスなんて山程あるし、外部のブログでやろうかなと思ったんですよ。でもQiitaなどの記事形式以外は長いこと続かなくて、、、
ちなみにWordPressを使用してみましたが、僕には合いませんでした。
多分、書かされている感あるんですよね。。。
それに比べて自作のものは使ってて嬉しいですよね。ちゃんと動いてるって感じを書きながら感じられる。きっと今のバージョンのnon's Laboにも使いにくいところがあるかもしれませんが、それを直すのも醍醐味というか楽しいところですよね。

ということでブログを書いていく中で原則を決めました。
楽しくブログを書く
です!。当たり前かと思われそうですが、僕ってそもそもブログ書くのに向いてない。。。

最後に

 個人開発のアプリも、連続したアップデートでユーザーさんには迷惑をかけているかもしれません。
全てはもっと良くしていこうという結果なのでご容赦を。
3度めのアップデートですが、今後ともよろしくお願いいたします。

のん

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

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