Webサービスの開発の際にはなくてはならない存在になりつつあるAngularJS。これを使えるだけでフロントエンジニアとして一目置かれること間違いなしのフレームワークです。javascriptとjQueryの基本的な使い方についてまとめてきたので、実際に実用的なものを作ってみます。Webでもよく使うアコーディオンパネル。Ajaxは画面遷移なしでインタラクティブな機能を実装できるもの。jQueryの基本的なイベント処理の書き方ではjQueryを使ったクリックやマウスオーバーイベントの書き方を紹介しました。ここではフォームイベントについてまとめていきます。jQueryのイベント処理javascriptではEventListener()を使ってイベントを受け取ることができました。jQueryのメソッドの書き方jQueryでは$('div')のようにして取得した要素をオブジェクトとして格納しています。その値にたいして様々な処理を行うのがメソッド。javascriptでもDOM操作やイベント処理などはできるのですが、jQueryはセレクタの書き方が簡単で非常にわかりやすくてjavascriptよりもかなりパワフル。フォームのバリデーションやボタンを押したときの処理など、イベント関連の操作は基本的な処理になっています。javascriptを使うなら必ず理解しておきたいDOM操作。DOM操作をマスターすればHTMLファイルの中から変更したい場所を取得し、必要な処理を行えるようになります。javascriptのif文の使い方if文は条件によって処理を分けたい場合に使う制御構文。javascriptはWebアプリの開発でなくてはならない言語の一つ。変数と配列についてはこちらでまとめたので、次は関数とオブジェクトについて。前回はjavascriptの読み込み方について確認しました。ここではjavascriptの変数と配列の書き方、使い方をまとめまていきます。最近ではWebアプリなどでもよく使われるようになったjavascript。javascriptライブラリのjQueryを使うことでコードの短縮やクロスブラウザ対策を行うことが出来ます。使い方を覚えれば以外と簡単なのでここで基本のおさらいをしておきましょう。javascriptのDOM操作の基本をおさらいしておこうと思います。jQueryは少し触ったことがあるのですが、javascript自体はほとんど使ったことがないのでこれを機会に勉強していこうと思います。Javascriptの書き方の基礎、まずは基本的な書き方から。普段Web上で使われているjavascriptはDOMの操作をしていることが多いため、なにやらごちゃごちゃした関数がでてきて非常にわかりにくい、という印象でした。ここでは一度DOMは忘れて、基本文法から見ていきたいと思います。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。Beigeはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。2カラム、3カラム両対応でレイアウトも自由に行えます。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのテンプレートはメインテーマにブラックを使用。classic1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー対応、スマートフォンに最適化されたナビゲーションメニューを搭載。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのメインテーマはベージュです。minimal1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。