kawaguchi

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

no image

コマンドライン

PHPでコマンドライン引数を実装する方法

2024/4/29    

PHPでコマンドライン引数を処理する方法を紹介します。コマンドライン引数を使うことで、PHPスクリプトを柔軟に制御し、異なる環境で再利用することができます。 コマンドライン引数は、PHPスクリプトが外 ...

no image

コマンドライン

FFmpegを使用して動画を5分ごとに分割する方法

2024/4/29    

動画編集を行う際、動画を特定の長さに分割する必要があることがあります。例えば、長い動画をより管理しやすいサイズに分割する場合や、特定の長さで動画を公開する場合などです。そこで、この記事では、FFmpe ...

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の環境構築や使い方を紹介していきます。 ...