Webで「css」を開発する場合は「Sass」を使用して開発すると記述が楽に行えます。
今回は「Next.js」で「Sass」を導入する内容をまとめました。
導入自体は簡単に行えます。
Next.js
Next.jsでSassを使用する
Web開発
LINE
「Create LIFF App」でLIFFアプリの開発環境を構築
「LIFF」アプリの開発入門となります。
今回は「LINE」が用意した「Create LIFF App」というツールを使用して、「Next.js + TypeScript」の環境で「LIFF」アプリの開発環境を構築しましょう。
LINE
「LIFF」アプリの開発入門 (Next.jsで構築)
「LIFF」アプリの開発入門についてまとめました。
公式はVanillaJSでのサンプルを使用してましたが、この記事ではNext.jsを使用したビルドを行なっております。
LINE
「LIFF」アプリの開発入門 (LINE Developersアカウント作成)
LINE上で動作するアプリ「LIFF」アプリについて導入までを解説します。
LIFFアプリは申請などもなく気軽に導入出来るアプリで、店舗の予約やメニュー注文などで使われることがあります。
Laravel
[Laravel]「laravel-ide-helper」でコード補完をする
Laravelでの開発時に「PhpStorm」で開発しますが、「laravel-ide-helper」と「doctrine/dbal」を使用することで、強力なコード補完が行えるようになります。
これらを導入して楽に実装しましょう！
Laravel
Macで Laravel + Docker + PhpStrormでデバッグする
Mac上で「Laravel」+「Docker」+「PhpStorm」を使ってデバッグができるようにします。
Laravel構築までの環境は以前の記事を参考にしてください。
Laravel
Macで Laravel + Docker で開発環境を構築
Macで「Docker」を使って「Laravel」の開発をするために環境構築の手順をまとめました。
前回の記事から続きとなりますが、「Docker」を使って開発する場合の参考にしてください。
Laravel
MacでLaravelの開発環境を用意する
PHPのフレームワークといえば、現在では「Laravel」がメインとなってる事が多いと思われます。
今回は、Mac(Intel）でLaravel導入までの手順をまとめておくようにします。
Next.js
[Web] Next.js + TypeScriptでアプリ開発！
近年、Webアプリケーションを作成する場合に「React」を使用して開発する傾向があります。
そんな「React」で、楽に開発するためのフレームワーク「Next.js」と「TypeScript」を使った開発環境の構築を解説します。
Works
[Tools] 画面設計書から、プログラムの雛形を作成するツールを公開しました
画面設計書から、ソースコードの雛形を作成するツールを開発しました。このツールを使用することで、開発開始時の手間がかかるファイル作成の工数を軽減することが出来ます。是非とも使用してください。