当ブログは数学・プログラミングの特化ブログになってきてるので笑 これから毎日1問以上の数学の問題、解説をしていきたいと思います。 まずは10問を目指して頑張っていきます。 このページは記念すべき１回目となります。どのサイトよりも問題数を多くして…
今回はそのうち他の関数を作る時に役立つであろう分数の掛け算割り算が処理できる関数をjavascriptで作っておきます。方針としては－の数を数えて符号の決定をして自前で作った約分の処理関数を使ってやっていきたいと思います。掛け算の場合は引数に1、割り…
今回はjavascriptを使って簡単な分配法則を実現する方法を考えていきます 目次を開く 例えば3(4x-1)の場合を考える ()のついている位置の取得 ()内の部分だけ取り出してみます 4x-1をさらに分解する ここで一度分配させます 関数にする 関数の説明と使い方 …
今回は分配法則の関数を作る前の段階として数式に(があったら×(に置き換える関数を作っていきたいと思います。 目次を開く (を見つけたら×(に置換する 一番初めに(がついてたらその前の×を消す 戻り値を設定する ここまでをまとめて書く 関数の説明と使い方 …
今までに約分ができる関数と最小公倍数を求める関数を作ったので次はその2つを使って通分ができる関数を作っておきます。 目次を開く 約分をする関数 最小公倍数を求める関数 通分するためには 使い方 みんなが計算できるようにしておく 約分をする関数 pure…
～最小公倍数を求める関数を作っておく～ 分数を約分する関数に続き、分数を通分する関数を作っておきます。 と思ったのですがそれには最小公倍数を求めておく必要があるのでまずは 最小公倍数を求める関数をjavascriptで作っておきます。 目次を開く 最小公…
5chまとめを昨日からはじめたんだけどレスをニコニコ動画みたいに流せたらいいなと思ってプログラムを組んでみることにしました。 目次を開く 文字を流すCSSアニメーションを作る 細かい動きの設定 横の動きの設定 javascriptでレスを配列に入れる レスを表…
～約分の関数を作っておく～ 平方根の足し算引き算プログラムを作っていたら気付きました。 同じ処理は一つの関数にまとめておいた方がいいなと。 っというわけで今回はjavascriptで分数を約分する関数を作っておきます。 目次を開く レベル1 約分の仕組み …
～中学高校生仕様に平方根を処理してみる1～ プログラムは大人仕様なので普通に計算してしまうとどうなるかというと例えば√6だと2.4・・と小数点で答えが返ってきてしまうので 今回は学生仕様で計算できるようにjavascriptで関数を作っておきます。 長くなっ…
～初心者がjavascriptの関数を作ってみた～ 今回はjavascriptの初心者が数式に関する関数を作ってみてます。 学生のみなさんは数学の宿題が楽になるかもしれません。笑 目次を開く レベル1 関数の作り方 レベル2 1次方程式の解はどうやって求まるか レベル3 …
～jQueryで開閉式メニューを作る方法～ 今回はjavascriptのライブラリであるJQueryを使って開閉式メニューを作る方法を詳しく説明していきたいと思います。 レベル1 headタグの中にjQueryを使うためのURLを入れる まずjQueryを使うためにはあるURLを入力しな…
初心者のjavascript～開閉式メニューに挑戦～ 今回はjavascriptで開閉式メニューを作っていきたいと思います。初心者なので逆にめちゃめちゃく詳しいです。 レベル1 親メニューボタンと子メニューボタンの準備 自作の見出しのスタイルシートを自動で作成でき…
初心者のjavascript～thisの大実験～ javascriptのthisって難しいですよね！そこで今回はjavascriptのthisを使って色々実験しようと思います 実験1 そのままthisをアラート画面に出力してみる javascript HTML <script> function mythis1(){ alert(this); } </script> <button onclick="mythis1()">実行結</button>…
CSSのシャープ（#)idとドット(.)クラスの全て 今回はCSSのシャープ(#)とドット(.)について詳しく説明していきます。 レベル1 #について #はCSSではクラスではなくてidの時に使います。 次の例で見て下さい。 HTML CSS <div id="testid1">テスト</div> #testid1{ font-size:20px; } 実…
～タブで画面を切り替える方法上級編～ 前回のタブで画面を切り替える方法初級編では最低限の機能しかつけていませんでしたが、今回はそこに装飾を加えていって より実践で使える形にしていきます。 前回の記事はこちら↓↓になります。 ～タブで画面を切り替…
～タブで画面を切り替える方法初級編～ 今回はタブで画面を切り替える方法を説明していきます。 また一つずつ丁寧にどこよりも詳しく説明していきたいと思います。 他のサイトを見てドーーーンとコードが出てきて圧迫された方にもおすすめです。 今回は初級…
// 追加するmetaタグの作成 var newMeta = document.createElement("meta"); newMeta.setAttribute("name","robots"); newMeta.setAttribute("content","noindex"); // 作成したmetaタグをhead要素内末尾に追加 document.getElementsByTagName("head")[0].ap…
～javascriptとCSSアニメーションの融合～ 今回はより実践で使えるスライドショーを作っていきたいと思います。 CSSアニメーションとjavascriptをコラボさせてスライドショーを作っていきたいと思います。 レベル1 CSS(スタイルシート)の準備 スライドショー…
～CSSで画像を横にスライド～ 今回はCSS(スタイルシート)アニメーションを使って画像を横にスライドさせていきます。 後にjavascriptと組み合わせて完全なスライドショーを作るための布石となります。 どこよりも詳しく書いていくので初心者でもすぐにわかり…
～javascriptでスライドショー～ 今回はjavascriptでスライドショーを作っていきます。 よく企業のページとかでも写真がシャッシャッシャッと変わっているのありますよね。 そういうのを作っていきたいと思います。 相変わらずめちゃめちゃ詳しく書いていき…
～javascriptでsetIntervalの大実験～ いきなりボンってでるより一文字また数文字ずつ流れるように出てきたらおしゃれですよね！ ってことで今回はなめらかに文字を表示できるようにしていきたいと思います。 今回はsetIntervalの大実験です。たぶんどこより…
～初心者のcloneNode大実験～ clone...クローンっていうだけあって同じものを複製できるとかできないとか・・ よくわからないけどやっていきましょう！ 今日はjavascript～cloneNodeの大実験です。 果たしてプログラムはちゃんと動くのでしょうか？ 前回のto…
～初心者のtoggle(戸愚呂）大実験～ この見出しとかは全部→自分で作った自動ツール←(みなさんもクリック)で作っています。 毎回のこのサービスの提供でお送りしていきます。笑 枠のスタイルシート自動作成ツールもあります。 今日はjavascriptのtoggleの大実…
～初心者のjavascript配列大実験～ →早速自分で作った自動ツール←みなさんもクリックで見出しを作りました。 やっぱりすごい便利です。笑 今日はjavaの配列を大実験していきたいと思います。 果たしてプログラムはちゃんと動くのでしょうか？笑 初心者なので…
お題「今からプログラミング言語を学習するなら何を学ぶ？」 今日ははじめて雑記というものをしてみる。 そこではてなブロガーからのお題に答えてみました！ 私はjavascriptをはじめて1週間なんだけど 今日は開閉式ボタンを作っていてJquery"ってのがめちゃ…
例えばこんなシーンで…↓↓↓料理の記事で…料理の写真をいくつも並べて レシピだけ閉じたり開いたりできるようなボタンあったら便利だと思いませんか？それも自動で作れるツールを作成してみたい。これはうまくできるかわからないからあまり期待しないで笑今月…
// 追加するmetaタグの作成 var newMeta = document.createElement("meta"); newMeta.setAttribute("name","robots"); newMeta.setAttribute("content","noindex"); // 作成したmetaタグをhead要素内末尾に追加 document.getElementsByTagName("head")[0].ap…
// 追加するmetaタグの作成 var newMeta = document.createElement("meta"); newMeta.setAttribute("name","robots"); newMeta.setAttribute("content","noindex"); // 作成したmetaタグをhead要素内末尾に追加 document.getElementsByTagName("head")[0].ap…
// 追加するmetaタグの作成 var newMeta = document.createElement("meta"); newMeta.setAttribute("name","robots"); newMeta.setAttribute("content","noindex"); // 作成したmetaタグをhead要素内末尾に追加 document.getElementsByTagName("head")[0].ap…
// 追加するmetaタグの作成 var newMeta = document.createElement("meta"); newMeta.setAttribute("name","robots"); newMeta.setAttribute("content","noindex"); // 作成したmetaタグをhead要素内末尾に追加 document.getElementsByTagName("head")[0].ap…
