月別アーカイブ: 2016年11月

javascriptでページ内のHTML構造の変更やタグの削除 DOMの利用(6)

By | 2016年11月25日

前回は javascript で DOM を操作してHTMLタグを動的にページ内に追加する方法について紹介しました。 今回はページ内のタグの構造(DOMツリー)を変更したり、タグをページから削除したりする方法を紹介します。 タグの位置を変更… 続きを読む »

javascriptでHTMLタグを新しくページに追加する DOMの利用(5)

By | 2016年11月21日

前回は javascript で特定のHTMLタグの属性を追加・変更・削除する方法について紹介しました。 今回は javascript で DOM を操作してHTMLタグを動的にページ内に追加する方法について紹介します。 新しくタグを作成し… 続きを読む »

javascriptでHTMLタグの属性を変更する DOMの利用(4)

By | 2016年11月19日

前回はjavascriptによる指定要素へのイベントリスナーの設定について紹介しました。 今回は、javascriptからDOMを利用して、ページ内のタグの属性を変更する方法を紹介します。 タグの属性操作サンプル 以下のサンプルソースコード… 続きを読む »

マウスのクリックや重なりに反応して要素を書き換える DOMの利用(3)

By | 2016年11月19日

前回はclass属性やid属性でDOMの操作対象要素を指定する方法について紹介しました。 今回は、javascriptでDOMを利用する主な目的である、動的なページ書き換えの例を紹介します。 javascriptでイベントを処理する HTM… 続きを読む »

macのシステム環境設定でオススメのオプション

By | 2016年11月18日

頻繁に開いているMacの「システム環境設定」ですが、よくよく見てみると役に立ちそうな設定が色々あることに気付きました。 はじめにやっておくべき設定や、個人的に役に立つと思った設定を紹介します。 薄い緑色をつけたオプションが、今回紹介する項目… 続きを読む »

class属性とid属性を利用したタグの操作 DOMの利用(2)

By | 2016年11月17日

前回はDOMの概要と、javascript で DOM を利用して、タグ名を使った要素の書き換えを行いました。 今回は、DOMで操作する要素(タグ)をタグ名以外で指定する方法について紹介します。 class属性による要素の指定 タグが持つ … 続きを読む »

javascriptによるHTML要素の操作 DOMの利用(1)

By | 2016年11月16日

Webページにおける javascript の役割は、主にページ内の要素(タグ)の追加や編集、削除やそのスタイル(CSSによる装飾)の変更などを動的に行うことです。 「動的に」というのは、ページが表示された後でもリアルタイムにということです… 続きを読む »

動画編集ソフト「AviUtl」の利用 拡張編集プラグインの導入

By | 2016年11月15日

動画の音楽に合わせて音声の波形が表示される動画を、動画編集ソフト「AviUtl」で動画を作成したときに行った設定を記録しておきます。 AviUtlの利用にあたって行った初期設定 動画の波形表示は Mac の iMovie ではできなかったた… 続きを読む »