2024-09

※Web開発

Laravelのbladeでコンポーネントを使う

これまでLaravelのbladeで複雑な画面を開発した経験がなかったのですが、近々開発することになりそうなので、コンポーネントの使い方を調べてみました。自分用の備忘録です。Laravel7以降でbladeコンポーネントが使いやすくなったら...
※Web開発

【保存版】【コピペでOK】CSSでレスポンシブなtableを作る簡単な方法!

以前、仕事でテーブルデザインをレスポンシブで表示する際に結構悩みましたので、同じような悩みを持つ方が多いと思いますので何パターンか王道のレスポンシブテーブルデザインを紹介します。疑似要素(beforeとafter)についての記事も書きました...
※Web開発

オブジェクト指向プログラミングの基礎をステップバイステップで解説

クラスインスタンスオブジェクトメソッド(method) = 関数方法プロパティ(propaty) = 変数所有物ポリモーフィズムカプセル化継承これらの意味を日本語で初学者にもわかりやすいようにステップバイで詳しく解説してください。例を入れる...
※Web開発

TinyMCEをHTML入力画面に組み込む方法

TinyMCEは、Webページにリッチテキストエディタ機能を追加するための強力なJavaScriptライブラリです。HTML入力画面に組み込むことで、ユーザーはより簡単に、そして視覚的に魅力的なコンテンツを作成することができます。1. Ti...
※Web開発

PHPライブラリのおすすめ14選!利用方法、ライブラリの探し方も解説!

目次PHPライブラリとは?PHPライブラリおすすめ14選Requests for PHP – HTTPリクエストkriswallsmith/assetic – minifywhoops! – デバッグbriannesbitt/Carbon ...
※Web開発

【Chart.js × Laravel】Controllerで返されたデータをJavaScriptで操作するには

Controllerで返された値をJavascriptで操作する方法、Javascriptでchart.jsを使って複数のチャートで動的なデータを表示する方法があまり見当たらなかったのでこちらで紹介。通常Controllerで返された値(配...
※Web開発

【Reactのインポート、エクスポート】JavaScriptにおけるモジュールの作り方を解説

「JavaScriptでモジュールという言葉を見かけるが何かがよくわかっていない」「Reactでコンポーネントの読み込みが上手くいかないときがある」「import文の書き方で{ }の有無の違いがわかっていない」本日はそんな方に向けてモジュー...
laravel

PHPMailer-6.1からGmailへ接続しメール送信(Xampp対応)

2020年05月24日 (日)PHPMailer のバージョン 6.1 から Gmail のSMTP に接続しメール送信する方法です。Windows の Xampp からの送信にも対応しています。Windowsからのメール送信ではよく下記の...
laravel

見やすい!便利!Chart.jsでグラフ出力してみたら意外と簡単だった

今回は、LaravelプロジェクトにChart.jsを導入し、グラフ出力する方法を紹介します。情報が数字で並んでいるだけだと情報が伝わりづらいので、あると便利です。目次1 Chart.jsの導入2 グラフの作成2.1 Bladeテンプレート...
※Web開発

clamp()を使ってフォントサイズはレスポンシブで自動調整せよ【ジェネレーターとSass関数の使いかたも】

clamp()を使ってフォントサイズはレスポンシブで自動調整せよ【ジェネレーターとSass関数の使いかたも】|しょーごログ (shogo-log.com)レスポンシブでフォントサイズや要素のサイズを変える時に、毎回メディアクエリで、画面幅毎...