blog blog 
blog BabelでモダンなJavaScript開発環境を作る方法を現役エンジニアが解説【初心者向け】
目次 Babelとは Babelの特徴や利用メリット Babelの環境構築の手順 まとめ Babelとは ECMAScriptコンパイラで、ECMAScriptで書かれた内容を指定されたブラウザで動作する構文に変換してくれます。 この変換の...
※Web開発 【slick】カスタマイズ用オプションまとめ一覧
slickのカスタマイズ用オプションってどんなのがあるの？ 今回はそんな疑問にお答えします。 スライダーを簡単に実装できるプラグインとして有名なslickですが、オプションが色々あり、かなり幅広くカスタマイズ可能です。 slickの基本的な...
※Web開発 イメージをジャンプさせるアニメーション
html でこのイメージをジャンプさせるアニメーションをつくれますか？ はい、HTMLでこのイメージをジャンプさせるアニメーションを作ることができます。そのためには、以下の手順を踏む必要があります。 まず、イメージをHTMLの<img>タグ...
※Web開発 【WordPress】プラグインなしでカルーセルスライダーを実装する手順
※Web開発 google bardは、1か月10万回までのapi呼び出し回数が無料
google bardは、1か月10万回までのapi呼び出し回数が無料とありますが、この1か月10万回までのapi呼び出しというのは具体的にどれほどの情報量、回数を想定できますか？ Google BardのAPI呼び出し回数は、1回あたり1...
※Web開発 [補足]PHPのエラー表示設定
PHP ① プログラミングを学習していくにあたってエラーを避けることはできません。しかしエラーを見ることでコードの誤りを直すことはできます。これからPHPというプログラミング言語を学習した際に、エラーが表示されるように設定をしていきます。 ...
※Web開発 【初心者向け】CSSの擬似要素と擬似クラスを理解しよう！
前回の記事【初心者向け】CSSセレクタとは？セレクタの種類や指定方法を解説！（基礎編）ではCSSセレクタの基本的な知識と指定方法をご紹介しました。 今回は、よりコーディングの幅が広がる「擬似要素」と「擬似クラス」に関して解説していきます。 ...
※Web開発 CSS z-indexの使い方：CSSで重なり順を指定する
前回の講座 CSSのpositionを総まとめ！absoluteやfixedの使い方は？ 今回は、要素の重なり順を指定するCSSプロパティz-indexについて、分かりやすく解説します。 この記事の目次 z-indexの使い方 効かないとき...
※Web開発 【CSS】justify-contentの使い方や効かない原因を解説
Web制作をしていると、要素を横並びにするレイアウトをよく使います。そこで「横並びにした要素を均等に配置したい」「両端の要素を親要素の端に揃えたい」などと思うことはありませんか？ そのようなレイアウトを作成するには、display: fle...