2018.09.15プログラミングを初めて1ヶ月の初心者エンジニアが、インターン先で企画提案から0ベースでのwebサービス開発を経て学んだことを備忘録に記事にします。企画のすり合わせを重ねて、アイデアを効率的にまとめたり、他人に仕様を伝えやすくすることの重要性を学びました。これらを手助けしてくれるツールを紹介します。頭の中のアイデアやアプリの仕様が可視化しやすい。何の仕様が足りなくて何が足りていないのかがわかるようになる。【概要】アイデアをより具体的な仕様にしやすく、実際にタスクにまで落とし込みやすくしてくれるツール。どんなプロジェクトにも使えそうな神ツールであると思う。ここでまとめたマインドマップをスクショしてPowerPointに貼り付ければ、爆速で仕様書が作れるという技もあるらしい。紙はすぐに手直しできるので、複数人関わるプロジェクトの場合は重宝する【概要】レイアウトがある程度固まるまでは、紙にページ単位でレイアウトを簡単に書いていくとスムーズ。レイアウトが固まったらPowerPointなどで正書するとわかりやすい。サイトマップ【使用ツール】Excel、Xmind(マインドマップ作成ツール)【利点】Excelは多くのPCに対応しているし使いやすい。Xmind(マインドマップ)は素早くサイトマップを作ることができる【概要】モックを参考にExcelでディレクトリごとにをサイトマップにおこす。ここでもマインドマップは活躍できます!マインドマップを仕様すると、文字を打つだけで階層のデザインが勝手にできるのでとても高速にサイトマップを作ることができます。紙はすぐに手直しできるので、仕様の確認をこまめにできる。PowerPointは多くのPCに対応しているし使いやすい。【概要】マインドマップに洗い出した仕様・機能をページ・ディレクトリごとにまとめる。まとめたマインドマップをスクショしてPowerPointに貼り付ければ、爆速で仕様書が作れので楽かと思われる。Workbenchwww.mysql.com【利点】MySQLを使用する場合MySQLworkbenchはER図からそのままテーブルが作成できるので非常に楽。Xmindは、素早くデータベース設計をするのに向いていると思う【概要】まずは、Xmindで全てのテーブルを書き出し、各テーブルのカラム名を決めていく。ここでリレーションも含めて決定してもよい。使用するデータベースがMySQLの場合、決まったテーブル設計をMySQLworkbenchで作成する。NoSQLなどMySQL以外の場合は、違う方法を模索する必要がある。【使用ツール】backlog(Git)【利点】git、ファイル共有などチーム開発で便利な機能が集約されている【概要】Gitfrowを導入してgit管理・運用していく。Requestを使った開発フローについても学んだので、以下の記事にまとめた。Requestを投げた状態で開発していく開発フローである。学生なら1年間無料でJETBRAINSのライセンスが取得できるのでおすすめ。プログラミングシェアするTwitterFacebookはてブPocketLINEtaikishiinoかぴトラベル関連記事プログラミングgitで前のコミットに戻す方法エラーが起こった時に少し前のコミットに戻せれば、どこの部分でエラーが起こっているのかわかり、早い対応が可能になります。Firebaseでデータベース(firestore)を扱うこの記事は、Nuxt+firebase環境が用意されている前提の記事です。方は以下の記事で、Nuxt+firebase環境を用意してください。Vuex...PHPLaravelでマイグレーションを変更(DB設計変更)する方法Laravelのマイグレーション処理は仕様の癖が多少あり、特に外部キー追加ではエラーに苦しめられました。ある時、テーブルに外部キーを追加(カラム追加)しようと、作成したマイグレーションに再定義して、以下のコマンドを実行しました。v2(nuxt-edge)プロジェクトで始めるNuxtをv2(nuxt-edge)を使ってみたら、ビルドの処理速度が明らかに早くなっていました。今回は、Nuxt2でのプロジェクトの始め方について紹介します。...PHPロリポップにcomposerをインストールしてLaravel5.5を公開する当ブログでも使っているロリポップで、Laravelで作ったアプリを公開しました。(2018年9月現在開発中)その時の手順を備忘録がわりに記事にします。...プログラミングHTML5のfileタグをcssでいけてるデザインに変更してみるfrom周りをコーディングする際、毎回HTML5のfileのデフォルトのデザインがダサすぎて、デザインをしたくなります。その度に、fileタグのコーディングの仕方を忘れるので備忘録代わりにメモ。