TweetPocketjavascriptのDOM操作の基本をおさらいしておこうと思います。jQueryは少し触ったことがあるのですが、javascript自体はほとんど使ったことがないのでこれを機会に勉強していこうと思います。ここではDOMの操作とイベント処理をまとめてみます。これが出来るようになると、Web上でインタラクティブな要素を盛り込むことができるようになります。DOM操作まずはiavascriptのDOM操作から。ここで使うHTMLはこちらです。&lt;footer&gt;footer&lt;/footer&gt;&lt;/div&gt;このHTMLをjavascriptで操作していきます。基本的な操作方法は操作する対象の要素を取得、その後要素の変更をしていくという流れになります。要素の取得方法をまとめてみました。//entry2こんな感じで操作したい要素を取得すると、タグを変更したり削除したりできるようになります。以下はタグの作成や削除のコードです。次はjavascriptのイベント処理の方法についてです。ここまでjavascriptコードではタグの取得や操作をしましたが、その発動タイミングは読み込み時でした。イベントハンドラやリスナを設定することで、マウスのクリックやキーボードのタッチでメソッドを処理できるようにすることができます。//イベントリスナのセットまとめここまでで基本的なDOM操作ができるようになります。javascriptでもCSSと同様ブラウザごとに対応状況が違うということもあるので注意しましょう。本格的にjavascriptを学ぶならこちらの書籍がおすすめ。初心者向けに分かりやすくまとめられています。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。simple1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。simple1はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。simple2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。simple2はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。MinimalCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。