Diet“で使われた技術やツールを簡単に紹介したいと思います。後日、詳細についてはお話できたらな~と思います。Diet”のバックエンド処理は全て担っているLaravelです。非常に機能豊富なフレームワークであり、開発が盛んに行われているオープンソースフレームワークです。使えば使うほど、美しいコードが書けるようになり楽しいです。PHP界で今最も熱いフレームワークなので皆さんもぜひLaravelで遊びましょう。(JavaScriptフレームワーク)https://jp.vuejs.org/次にフロントエンドの処理はVue.jsを使っています。今までJavaScriptのフレームワークはAngularJSしか使ったことがなかったのですが、Laravel5.3より最初からVue.jsが含まれることになり、練習を兼ねて今回は少しだけVue.jsを使いました。(グラフの表示期間切り替え部分)公式や色んな所で言われていますが、学習コストが少なくちょっとしたことなら簡単にできるのがいいですね。(HTML,CSS,JSフレームワーク)http://getbootstrap.com/メニューバーやボタンなどの部品のデザインのために、BootStrapを使っています。こちらもLaravelに最初から入っている非常に使いやすいフレームワークです。HTMLの各部品のclass属性にBootStrapが指定しているクラス名を入れるだけで素敵なデザインの部品にしてくれます。他にもモーダルやドロップダウン、タブといった機能もclassを使って簡単に実装できるので素晴らしいですね。Bootstrapが出たりしていますが、僕はそのままのBootStrapが好きです。(JSのチャート用ライブラリ)http://www.chartjs.org/体重の記録のグラフを描画するのに使ったのがこちらのChart.jsです。美しいグラフが少しのコードで実装することができるライブラリになっています。Diet”のグラフをみるとあまり綺麗に描画できていないので修正予定です。色々なグラフが簡単キレイに実装できるので使える場面はたくさんありそうです。コメントをキャンセルメールアドレスが公開されることはありません。