※Web開発 Googleカレンダーのカレンダー作成とWebページに埋め込む方法とレスポンシブ対応
Googleのサービスはすごく便利なものばかりで、その中でもGoogleカレンダーを利用されている方は多いんではないでしょうか。もちろんプライベートで使うことが多いですが、仕事用や事業のサービス等で使うこともよくあることです。事業のサービス...
※Web開発 WordPress WordPressでサイドバーを増やして複数のウィジェットをコントロールする
Free Style>WEB>WordPressでサイドバーを増やして複数のウィジェットをコントロールする WordPressでサイドバーを増やして複数のウィジェットをコントロールする 更新日:2022/02/09｜WEB WordPres...
※Web開発 CSSでのホバー時のスタイルの適用はany-hoverメディア特製で指定すると良い
Web制作でWebデザインを作っていく中で、ページのさまざまな要素にアニメーションを含んだ変化を加えるために、hoverアクションを実装することはよくあるでしょう。 hoverアクションはCSSの:hover擬似クラスで手軽に実装できますが...
※Web開発 Webサイトの表示速度を速くするためのにしておきたい。JS、CSSの読み込み制御
Webサイト（ホームページ）やブログの表示スピードが遅いとユーザーがちょっとイライラしたりするので改善しておきたい。また、Googleのアルゴリズムで表示速度が検索順位に左右されるってもんですから気になる人は気になりますよね。 いろいろな対...
xampp XAMPPでバーチャルホストを設定して複数のドメインを使う方法
Free Style>WEB>XAMPPでバーチャルホストを設定して複数のドメインを使う方法 XAMPPでバーチャルホストを設定して複数のドメインを使う方法 更新日:2023/09/04｜WEB WindowsでXAMPPを使ってローカル開...
※Web開発 Laravelのbladeでコンポーネントを使う
これまでLaravelのbladeで複雑な画面を開発した経験がなかったのですが、近々開発することになりそうなので、コンポーネントの使い方を調べてみました。自分用の備忘録です。 Laravel7以降でbladeコンポーネントが使いやすくなった...
※Web開発 【保存版】【コピペでOK】CSSでレスポンシブなtableを作る簡単な方法！
以前、仕事でテーブルデザインをレスポンシブで表示する際に結構悩みましたので、同じような悩みを持つ方が多いと思いますので何パターンか王道のレスポンシブテーブルデザインを紹介します。 疑似要素（beforeとafter）についての記事も書きまし...
※Web開発 オブジェクト指向プログラミングの基礎をステップバイステップで解説
クラス インスタンス オブジェクト メソッド(method) = 関数 方法 プロパティ(propaty) = 変数 所有物 ポリモーフィズム カプセル化 継承 これらの意味を 日本語で 初学者にもわかりやすいように ステップバイで 詳しく...
※Web開発 TinyMCEをHTML入力画面に組み込む方法
TinyMCEは、Webページにリッチテキストエディタ機能を追加するための強力なJavaScriptライブラリです。HTML入力画面に組み込むことで、ユーザーはより簡単に、そして視覚的に魅力的なコンテンツを作成することができます。 1. T...
※Web開発 PHPライブラリのおすすめ14選！利用方法、ライブラリの探し方も解説！
目次 PHPライブラリとは？ PHPライブラリおすすめ14選 Requests for PHP – HTTPリクエスト kriswallsmith/assetic – minify whoops! – デバッグ briannesbitt/C...