javascriptおぼえがき

毎回ググってしまう事とかあやふやだった事のめも。
今日のめもはここを参考に写経してます。

JavaScriptプログラミング講座【ドキュメントオブジェクトモデル(DOM)について】

用語とか。

・DOM(Document object model)
プログラムからhtml文書やxml文書を利用するための、標準化された仕様。
html文書は、タグ、属性、値、文書などの部品で構成されていて、ブラウザに読み込まれるとjavascript内で部品の一つ一つがDOMとして自動生成される。
DOMから、メソッドとかプロパティを利用することができる。
そもそもjavascriptみたいなクライアント側のプログラムを使って、HTMLの内容を動的に変化させる概念を「ダイナミックHTML」っていうらしい。
でもそれが登場した時にはブラウザごとに制御の方法が違っていて、各ブラウザごとに専用のjavascriptコードを用意しないといけなかった。
さすがにそんなのはあんまりなので、制御方法を統一するためにDOMという仕様ができたそう。

・Node
DOMであれば共通して利用できる基本的な機能。12種類ある。多い。
ノードインターフェースを使うと、木構造の親子関係を構築する事ができるらしい。
documentを構成してる。
枝分かれしてる先の葉っぱみたいなイメージなんだけど違ったら教えながら殴ってください。

・Document
文章全体を管理するための機能。ドキュメントはDOMノード全体のルート部分に相当。
htmlタグとかxmlタグとか。

・Element
HTMLのタグ(要素)に相当する。
<a></a>,<span></span>,<div></div>とかとか
基本的なタグはHTMLElementっていうインターフェイスになるらしい。
divタグはHTMLDivElementとなってたり、タグの種類によっては、さらに派生する。

・Text
テキストノードはタグ以外の文字データに相当する。
改行とかTabとかもテキストノードとして扱われる。
テキストノードは、子を持つ事ができない。

・attr 最初読めなかった。アトリビュート。
HTMLの属性にあたる。
id,class,src,hrefとか

自堕落やめていこう

このままではいつまでも時間を切り売りする生活なのだよと言われて、自分でもそんなのは嫌だと思っていて、いろいろと助言をもらったので、やりたい事とか毎日心がける事とか書いておきますここに。

やりたいこと

生活とか

・就職する
・借金を返す
・お金を貯める
・健康的な生活をする

趣味とか

・ブログとサイトをつくりこむ
・todoつくる
・デザインが気に入らないサービスとかアプリを自分の好きな感じに作りなおす
・絵を描いたり、服作ったり
・ゲームしたり

やりたいことをするには

就職するには

・求人チェック
・ポートフォリオ完成させて、アポとって面談
・週5で会社に行ける精神と肉体を得る
・期限を守ること、自分がどのくらいのペースで作業ができるのか理解しとくこと
・わかんないとこそのままにしない

借金返すには

・まず就職
・給料をもらったらすぐに返済分を確保しておく
・欲しいものが買える状況なのか考える
・クレジットカードを封印

お金を貯めるには

・まず就職
・小銭は貯金箱にぶちこむ
・定額預金調べてみる
・無理ないくらいで続けていくこと

健康的な生活をするには

・長かろうが短かろうが寝ても疲れが取れないので睡眠の質を上げる
・簡単で栄養も摂れるご飯を作っていく
・少しずつ身体をうごかす練習をする
・早起きして朝ごはんをたべる

趣味を充実させるには

・時間を確保する
・1日のうち使える時間を知る
・1日でやらなきゃいけないことを終わらせてから気持ち良くやる

毎日できること

就職するために

・電車とかの移動時間に求人見て、カレンダーに募集期限とか詳細を書き残す
・ポートフォリオは最低でも一日一箇所改善させる
・勉強する時は始めた時間と、かかった時間を記録する
・ためにtoggleをつかってみる。https://toggl.com/app/timer
・わからなかったこと、できなかったことをツイッターにでも吐く
・あまり落ち込まない

借金返済とお金を貯めるために

・クレジットカードは封印
・クレジットでしか決済できないものは、プリペイドカードで
・1日に使ったお金をレシートでとっておく
・ためにレシレコ使おう。http://www.brainpad.co.jp/recereco/
・小銭が出たら貯金箱にぶちこむ

健康的な生活をするために

・家を出る二時間前には起きて朝ごはんを食べる
・寝る前にストレッチをする
・寝付けない時はあったかいもの飲んだりしてみる
・晩飯は無理ない程度に簡単で栄養あるもの作る
・時間に余裕がなかったら弁当買うけど栄養気にしてみる

趣味を充実させるために

・平日は飯とか風呂抜くと3時間くらいしか時間がないので、1時間は自由時間にする
・2時間はしっかり勉強する

こんな感じです。
今日は手始めにいつもより早めに寝ようとおもいます。
えらいぞ佐久本。

ポートフォリオ作ってます。

佐久本です。就活のためにポートフォリオサイトを作っています。 ちまちま進めて、styleまで整えたところなのですが、こっから動きも加えていこうみたいな段階です。 がんばります。 cssでやろうとしてるところも含め、

取りあえずやりたいこと

  • [Top]メニューのボタンクリックで該当箇所までゆっくり移動
  • [About]NEXTクリックしたらセリフが次の段落に切り替わる
  • [Skill]グラフの中を水が入ってるみたいな感じに揺らす
  • [Bio]マウスオーバーでくるっとまわす
  • [Works]prev,nextクリックで次のリスト表示
  • [Contact]各ボタンを押下で、ボタンが凹むような動きをつける
  • [全体]スクロールの制御

今のところこんなかんじ。 過程とか、ぐぐって知ったこととか残していこうとおもいます。

ここに全部書いてしまおうと思ったけど、やっぱ長くなるし後で自分が探せないから分けます。 to be continued...ってことです。