- 2022.07.28
- 3Dmodel, JavaScript, Three.js,
Three.jsで3Dモデルを読み込む方法（gltfファイルと、objファイルの読み込み方法）
Three.jsをコツコツと勉強中です。Three.jsは3Dモデルを読み込んでCanvasに表示させることができます。とっても楽しくてワクワクする夢のある体験を提供できる夢のあるライブラリです。 T […]
JavaScript
- 2022.07.26
- JavaScript, TailWindCSS, Vite,
TailwindCSSが適用されないときに確認したこと＆JavaScriptでTailwind CSS IntelliSenseを使う方法
JavaScriptで追加したTailwindCSSのクラスに、スタイルが摘要されず困ったので、調べたことをまとめました！ contentにパスを書こう 現在、もりけん塾のJavaScirpt課題20 […]
- 2022.07.22
- 3D, JavaScript, Three.js, Tween.js, WebGL,
Three.jsで3D空間を作成してみた
Three.jsとは 最近、Three.jsを少し勉強しています。Three.jsは簡単に言うと、JavaScriptで扱える3DのJavaScriptライブラリです。 WebGLでライブラリを使用せ […]
- 2022.07.21
- JavaScript, join()メソッド, 配列の変換, 配列を連結して文字列に変換,
配列を文字列に変換してみよう もりけん塾 言語チャレンジ2
言語チャレンジ2に挑戦しました。配列[“a”,”b”,”c”] をabcにして出力する課題です。 配列を文字列にして、連結するに […]
- 2022.07.14
- JavaScript, Vite, フロントエンド, ルートディレクトリ,
Viteでルートディレクトリを変更する方法
Viteをインストールすると、index.htmlは、プロジェクトディレクトリ直下に置いてあります。 srcとかのディレクトリを置いて、その中にindex.htmlをおきたい時に、どうするのかちょっと […]
- 2022.07.14
- JavaScript, オートプレイ, クリックイベント, スライドショー, もりけん塾,
JavaScript スライドショーにオートプレイ機能をつける / もりけん塾 JavaScript課題18
前回は、スライドショーにドットページネーションをつけました。今回は、スライドショーにオートプレイ機能をつけていきます。 前回の記事はこちら 仕様の確認 スライドショーにドットのページネーションを作りま […]
- 2022.06.09
- JavaScript, クリックイベント, スライドショー, ドットページネーション, もりけん塾,
もりけん塾 JavaScript課題18 スライドショーにドットページネーションをつけよう
前回作ったスライドショーにドットページネーションを付けます。だんだん、それっぽくなってきたのが嬉しいです！ 今回追加した仕様 スライドショーにドットのページネーションを作りましょう それぞれのドットで […]
- 2022.06.09
- JavaScript, インスタンス, オブジェクト, 組み込みオブジェクト,
オブジェクトとは
オブジェクトについて学習したので、まとめました。 オブジェクトってなんだろう？ オブジェクトとは、プロパティを格納する箱のようなものです。プロパティとは、個々のデータが入っているもののことです。プロパ […]
- 2022.06.01
- JavaScript, クリックイベント, スライドショー, フロントエンド, もりけん塾,
もりけん塾 JavaScript課題17 JavaScriptでスライドショーの作成
仕様 前回は、タブ切り替えを実装しましたが、今回の課題は、スライドショーの作成です。 仕様 仕様はこちら。 よくあるスライドショーを作ってみましょう 画面遷移してから3秒後に解決されるPromiseが […]
- 2022.05.31
- DOMを生成, JavaScript, もりけん塾, 要素の作成, 関数を作る,
DOM作成時に、属性もセットできる関数
document.createElementメソッドとObject.keysを組み合わせて、DOM作成時に、属性もセットできる関数を作ってみました。かなりニッチだと思うのですが、どうしてもJavaSc […]