Java Script

今日(昨日...)は あまりの疲労に先に睡眠 そして プロゲート つぎは JavaScript IV 第４章へ..... JavaScript 数学的で めちゃくちゃ面白いんですよね。 動きがあるというか。 また最近 THREE.jsを勉強していると index.html style.css main.js この３つを基本使用していくので 今までの勉強内容に 意味を一つ一つ与えていく効果を 実感してます。 いつも思うのが 「教科書に書いてある勉強だけ得意な人」 「アウトプットして実践できる勉強が得意な人」 このどちらかがいて どちらになるかで その人の実践力、実力が決まると思います。 後者が仕…

Processing触りたいのでまたプログラミング勉強します。再開だ — あまだかしお(分身失敗) (@amakute_saksak) August 29, 2022 ということでプログラミングをしてる。 3年半前にプログラミングをやらなくなってしまった理由については 正直、何も覚えてないしブログにくらい書き残しておけよと思ったので 今回は目標くらいはメモっておこう、ということで・・・。 今は復学として「Progate」の有料プランに入って「WEB開発コース(Node.JS)」を進めている。 プログラミングのことなんてすっかり忘れていたので何も覚えていないと思いきや 手を動かしてみると意外と覚…

こんにちは！ ITやるなら上目指せよ。 Chapter7-2 Web APIを使ってみよう 現在勉強中の本、最後のコンテンツです。 OpenWeather社さんのWeb APIにチャレンジです。 script.js geolocation を使って現在地の取得を行います。 後ほど使用する時間の設定も行なっています。 script.js script.js Ajaxを使って現在地の緯度と経度を送りデータをリクエストします。 併せて日時の調整も行なっています。 script.js 出力方法を指定しています。 現在の天気と予報の天気で表示方法を変えています。 これで完成です。 この機能をオリジナルア…

こんにちは！ 今日を含めてあと2日で終了です！ Chapter7-1 あなたはいまどこ？ 今回は現在地の取得を行います。 index.html script.js 個人情報のため経度と緯度は大半を隠していますが、データの取得はできていました。 navigator.geolocation.getCurrentPosition(success, fail) これで現在の位置情報を取得し、成功時と失敗時のファンクション名を決めています。 latitude:緯度 longitude:経度 accuracy:精度をプロパティとして保存し、表示しました。 この位置情報を使って次回は集大成です。 ではでは。

こんにちは！ 関西の梅雨入りはまだかな？ Chapter6-1 開閉するナビゲーションメニュー 今回はjQueryを扱っていきます。 index.html 今は hidden クラスの設定でリストが隠れています。 これを開閉できるようにします。 script.js jQuery Java Script のオープンソースのライブラリです。 典型的な処理を描きやすくしてくれる便利なものです。 $(document).ready(function(){ ...省略 }); HTMLが読み込まれたら処理をします、という最初の文言です。 $('セレクタ') 要素を取得するメソッドです。 $()で取得した…

こんにちは！ 夜なのに「こんにちは！」は前職の名残ですね。 Chapter5-5 スライドショー スライドショー、響きがいいですね。 script.js 調べながらでもここまで動かせると気持ちがいいですね。 script.js 真ん中にページ数を表示しました。 script.js 事前にロードしておくプリロードを追記しました。 残すは後2章、旅の終わりは近づいています。 ではでは。

こんにちは！ 実践的にも面白い内容になってきています。 Chapter5-4 イメージの切り替え 今回はイメージ画像の切り替えです。 トップ画像の変更とか、rails のオリジナルアプリでも応用できそうですね。 index.html script.js 画像をクリックするたびの要素を取得できています。 forEachメソッド 配列.forEach(function(item, index) { 処理内容 }); 0番目の項目から繰り返し要素を代入している、感じですね。 今回の処理ではクリックした画像の要素を取得しコンソールに表示しています。 data-image 「カスタムデータ属性」だそうで…