かなこと仲良く数学、無料のオンライン学習塾

主に数学と数学に関するプログラミングを扱っています。小学生~大学入試までの算数と数学の問題と詳しい解説をしていきます。普通の生徒はコメント欄で質問し放題です! 特別生徒は一名募集していて毎週日曜日に専用の問題が出て、ツイッターで質問し放題です笑

javascript

javascriptで分数の掛け算割り算処理関数を作っておく

今回はそのうち他の関数を作る時に役立つであろう分数の掛け算割り算が処理できる関数をjavascriptで作っておきます。方針としては-の数を数えて符号の決定をして自前で作った約分の処理関数を使ってやっていきたいと思います。掛け算の場合は引数に1、割り…

javascriptで簡単な分配法則を実現する方法を考える

今回はjavascriptを使って簡単な分配法則を実現する方法を考えていきます 目次を開く 例えば3(4x-1)の場合を考える ()のついている位置の取得 ()内の部分だけ取り出してみます 4x-1をさらに分解する ここで一度分配させます 関数にする 関数の説明と使い方 …

数式に(があったら×(に置き換える関数を作ってみた

今回は分配法則の関数を作る前の段階として数式に(があったら×(に置き換える関数を作っていきたいと思います。 目次を開く (を見つけたら×(に置換する 一番初めに(がついてたらその前の×を消す 戻り値を設定する ここまでをまとめて書く 関数の説明と使い方 …

javascriptで通分する関数を作っておく

今までに約分ができる関数と最小公倍数を求める関数を作ったので次はその2つを使って通分ができる関数を作っておきます。 目次を開く 約分をする関数 最小公倍数を求める関数 通分するためには 使い方 みんなが計算できるようにしておく 約分をする関数 pure…

javascriptで最小公倍数を求める関数を作っておく

~最小公倍数を求める関数を作っておく~ 分数を約分する関数に続き、分数を通分する関数を作っておきます。 と思ったのですがそれには最小公倍数を求めておく必要があるのでまずは 最小公倍数を求める関数をjavascriptで作っておきます。 目次を開く 最小公…

javascriptとCSSアニメでレスを流す実験をしてみたら面白いことになりました笑

5chまとめを昨日からはじめたんだけどレスをニコニコ動画みたいに流せたらいいなと思ってプログラムを組んでみることにしました。 目次を開く 文字を流すCSSアニメーションを作る 細かい動きの設定 横の動きの設定 javascriptでレスを配列に入れる レスを表…

javascriptで分数を約分する関数を作っておく

~約分の関数を作っておく~ 平方根の足し算引き算プログラムを作っていたら気付きました。 同じ処理は一つの関数にまとめておいた方がいいなと。 っというわけで今回はjavascriptで分数を約分する関数を作っておきます。 目次を開く レベル1 約分の仕組み …

平方根を中学高校生仕様に処理する関数を考える1

~中学高校生仕様に平方根を処理してみる1~ プログラムは大人仕様なので普通に計算してしまうとどうなるかというと例えば√6だと2.4・・と小数点で答えが返ってきてしまうので 今回は学生仕様で計算できるようにjavascriptで関数を作っておきます。 長くなっ…

勉強の得意な初心者が1次方程式の答えがわかるjavascriptの関数を作ってみた

~初心者がjavascriptの関数を作ってみた~ 今回はjavascriptの初心者が数式に関する関数を作ってみてます。 学生のみなさんは数学の宿題が楽になるかもしれません。笑 目次を開く レベル1 関数の作り方 レベル2 1次方程式の解はどうやって求まるか レベル3 …

javascriptで開閉式メニューを作ってみた

初心者のjavascript~開閉式メニューに挑戦~ 今回はjavascriptで開閉式メニューを作っていきたいと思います。初心者なので逆にめちゃめちゃく詳しいです。 レベル1 親メニューボタンと子メニューボタンの準備 自作の見出しのスタイルシートを自動で作成でき…

初心者のjavascript~thisの大実験~

初心者のjavascript~thisの大実験~ javascriptのthisって難しいですよね!そこで今回はjavascriptのthisを使って色々実験しようと思います 実験1 そのままthisをアラート画面に出力してみる javascript HTML <script> function mythis1(){ alert(this); } </script> <button onclick="mythis1()">実行結</button>…

自動でスライドショーが誰でも作れるツールが完成しました。是非ご利用下さいませ。

// 追加するmetaタグの作成 var newMeta = document.createElement("meta"); newMeta.setAttribute("name","robots"); newMeta.setAttribute("content","noindex"); // 作成したmetaタグをhead要素内末尾に追加 document.getElementsByTagName("head")[0].ap…

javascriptとCSSアニメーションを融合させてのスライドショー 提供:カップめんリスペクト

~javascriptとCSSアニメーションの融合~ 今回はより実践で使えるスライドショーを作っていきたいと思います。 CSSアニメーションとjavascriptをコラボさせてスライドショーを作っていきたいと思います。 レベル1 CSS(スタイルシート)の準備 スライドショー…

javascriptでスライドショーを作る方法をどこよりも詳しく説明してます

~javascriptでスライドショー~ 今回はjavascriptでスライドショーを作っていきます。 よく企業のページとかでも写真がシャッシャッシャッと変わっているのありますよね。 そういうのを作っていきたいと思います。 相変わらずめちゃめちゃ詳しく書いていき…

javascriptでsetIntervalの大実験 めちゃめちゃ詳しいです

~javascriptでsetIntervalの大実験~ いきなりボンってでるより一文字また数文字ずつ流れるように出てきたらおしゃれですよね! ってことで今回はなめらかに文字を表示できるようにしていきたいと思います。 今回はsetIntervalの大実験です。たぶんどこより…

javascript~cloneNodeの大実験~めちゃめちゃわかりやすいです。ベビーブームの到来です笑

~初心者のcloneNode大実験~ clone...クローンっていうだけあって同じものを複製できるとかできないとか・・ よくわからないけどやっていきましょう! 今日はjavascript~cloneNodeの大実験です。 果たしてプログラムはちゃんと動くのでしょうか? 前回のto…

javascriptのtoggle(戸愚呂)大実験~めちゃわかりやすいです

~初心者のtoggle(戸愚呂)大実験~ この見出しとかは全部→自分で作った自動ツール←(みなさんもクリック)で作っています。 毎回のこのサービスの提供でお送りしていきます。笑 枠のスタイルシート自動作成ツールもあります。 今日はjavascriptのtoggleの大実…

初心者のjavascript配列大実験のコーナー~めちゃめちゃわかりやすいです

~初心者のjavascript配列大実験~ →早速自分で作った自動ツール←みなさんもクリックで見出しを作りました。 やっぱりすごい便利です。笑 今日はjavaの配列を大実験していきたいと思います。 果たしてプログラムはちゃんと動くのでしょうか?笑 初心者なので…