※Web開発

※Web開発

Excelシートの表からSQLのCREATE TABLE文を生成する

VBAを使って実現できます。コード例VBASub GenerateCreateTableSQL() Dim ws As Worksheet Dim tbl As ListObject Dim col As ListColumn Dim sq...
※Web開発

Googleカレンダーのカレンダー作成とWebページに埋め込む方法とレスポンシブ対応

Googleのサービスはすごく便利なものばかりで、その中でもGoogleカレンダーを利用されている方は多いんではないでしょうか。もちろんプライベートで使うことが多いですが、仕事用や事業のサービス等で使うこともよくあることです。事業のサービス...
※Web開発

CSSでのホバー時のスタイルの適用はany-hoverメディア特製で指定すると良い

Web制作でWebデザインを作っていく中で、ページのさまざまな要素にアニメーションを含んだ変化を加えるために、hoverアクションを実装することはよくあるでしょう。hoverアクションはCSSの:hover擬似クラスで手軽に実装できますが、...
※Web開発

Webサイトの表示速度を速くするためのにしておきたい。JS、CSSの読み込み制御

Webサイト(ホームページ)やブログの表示スピードが遅いとユーザーがちょっとイライラしたりするので改善しておきたい。また、Googleのアルゴリズムで表示速度が検索順位に左右されるってもんですから気になる人は気になりますよね。いろいろな対策...
※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で返された値(配...