kawaguchi

関西でWebデザイナーをしています。 経歴はWebデザイナー→Webコーダー→フロントエンドエンジニアとスキルの幅を広げています。 主にWebのデザインからフロントエンド実装までの領域を得意としています。 今まで得てきたWeb制作における便利なツールの使い方や技術情報の発信しています。

no image

コマンドライン

treeコマンドでnode_modulesを除外する方法

2024/2/8    

treeコマンドでディレクトの一覧を表示させる際に、node_modulesディレクトを除外するには下記、オプションを追加する。 tree -I node_modules -Iオプションは「パターンに ...

no image

フロントエンド

【2024年版】CSSの設計について

2024/1/29    

CSS設計について思うことをメモとして書いていく 基本はFLOCSSをベースに拡張している。Sassはdart-sassを使用する。 ファイル構成 layoutディレクトリ以下にindex.scssを ...

バックエンド

PHPでJSONファイルを読み込む方法

2023/11/21    

PHPではJSON形式のデータをそのままで扱うことができません。使用するためには連想配列の形に変換する必要があります。 今回はJSONファイルを用意しそのファイルを読み込み、連想配列に変換するまでの実 ...

フロントエンド

Gruntの環境構築

2024/1/29    ,

Grunt(グラント)とは GruntはNode.js上で動作するタスクランナーです。Grunt自身でビルドなどは行わずそれぞれのタスクでプラグインを追加して「ファイルの圧縮」や「minify」を行う ...

バックエンド

PHPで多次元配列のソート方法

2023/5/20    

はじめに PHPで多次元配列を特定の条件でソートしたいときがあります。少し使い方にクセがあるので例を元に説明します。 対象の多次元配列 $data = [ ['2021-05-01', ...

フロントエンド

Gulp4へバージョンアップした際の変更点

2023/11/21    ,

Gulp3との違い taskの記法 Gulp3まではtask()メソッドを使うことが多かったですが、Gulp4では非推奨となり関数宣言とexportsが推奨となりました。 Gulp3までは頻繁に使用し ...

no image

インフラ

レンタルサーバーでFFmpegを利用する方法

2023/11/22    

レンタルサーバー内でFFmpegを使用する何かと制限の多いレンタルサーバーですが、そんな環境でもFFmpegを利用する方法を紹介します。 FFmpegを使用できるようになるまでの準備 下記サイトからバ ...

フロントエンド

【フロントエンド】Pugの使い方&環境構築

2023/1/9  

はじめに PugはシンプルなHTMLを複数ページ必要な時などに共通のテンプレートパーツを使うことで効率よくコーディングを進めることができます。今回はそんなPugの環境構築や使い方を紹介していきます。 ...