ホーム Web制作 Javascript-jQuery

Javascript-jQuery

これからAngularJSを学ぶ人が知っておくと得するリソース15選

Webサービスの開発の際にはなくてはならない存在になりつつあるAngularJS。これを使えるだけでフロントエンジニアとして一目置かれること間違いなしのフレームワークです。 An...

初心者のためのAngularJSの使い方入門

Webで使うスクリプト言語と言えば、一昔前ならとりあえず生中な感覚でとりあえずPerlと言われてましたが、最近はHTML5フレームワークなどをはじめ、ものすごい早さで進化してます...
jquery初心者のためのセレクタ入門

jQueryでアコーディオンパネルを簡単に自作する方法

javascriptとjQueryの基本的な使い方についてまとめてきたので、実際に実用的なものを作ってみます。 まずはWebでもよく使うアコーディオンパネル。ECサイトのカテゴリ...
jquery初心者のためのセレクタ入門

jQueryでAjax 画面遷移なしでデータを読み込む方法

Ajaxは画面遷移なしでインタラクティブな機能を実装できるもの。有名なのがGoogleMapですが、他にもページのリロードなしでコンテンツを読み込ませたり、Webアプリには欠かせな...
jquery初心者のためのセレクタ入門

jQueryを使ったフォームのバリデーションのやり方

jQueryの基本的なイベント処理の書き方ではjQueryを使ったクリックやマウスオーバーイベントの書き方を紹介しました。 ここではフォームイベントについてまとめていきます。 ...
jquery初心者のためのセレクタ入門

jQuery 初心者のためのイベント処理の書き方

jQueryのイベント処理 javascriptではEventListener()を使ってイベントを受け取ることができました。jQueryでイベントを受け付けるにはon()メソッ...
jquery初心者のためのセレクタ入門

jQuery 簡単なメソッドの書き方使い方

jQueryのメソッドの書き方 jQueryでは$('div')のようにして取得した要素をオブジェクトとして格納しています。その値にたいして様々な処理を行うのがメソッド。 メソ...
jquery初心者のためのセレクタ入門

jQuery 初心者のためのセレクタ入門

javascriptでもDOM操作やイベント処理などはできるのですが、jQueryはセレクタの書き方が簡単で非常にわかりやすくてjavascriptよりもかなりパワフル。 j...
javascript

javascript イベントの書き方使い方まとめ

フォームのバリデーションやボタンを押したときの処理など、イベント関連の操作は基本的な処理になっています。javascriptではイベントの受付やイベントの発動条件の設定などができる...
javascript

javascript 初心者のためのDOM操作の実践

javascriptを使うなら必ず理解しておきたいDOM操作。DOM操作をマスターすればHTMLファイルの中から変更したい場所を取得し、必要な処理を行えるようになります。 一度覚...
javascript

javascript if文とfor文の使い方

javascriptのif文の使い方 if文は条件によって処理を分けたい場合に使う制御構文。例えばフォームに正しく値が入ってるかどうかでエラーを表示したりする場合にif文を使って...
javascript

javascript 関数とオブジェクトの使い方

javascriptはWebアプリの開発でなくてはならない言語の一つ。変数と配列についてはこちらでまとめたので、次は関数とオブジェクトについて。 javascriptの関数の書...
javascript

javascript 変数と配列の書き方入門

前回はjavascriptの読み込み方について確認しました。 ここではjavascriptの変数と配列の書き方、使い方をまとめまていきます。 javascriptの変数の書き方...
javascript

javascriptを読み込む3つのパターン

最近ではWebアプリなどでもよく使われるようになったjavascript。AngularJSやNode.jsなどのフレームワークもでてきて複雑なことでも簡単に実装できるようになって...
jquery-first

jQueryの使い方の基本をおさらい

javascriptライブラリのjQueryを使うことでコードの短縮やクロスブラウザ対策を行うことが出来ます。使い方を覚えれば以外と簡単なのでここで基本のおさらいをしておきましょう。
js-second

javascript DOMの基本操作まとめ

javascriptのDOM操作の基本をおさらいしておこうと思います。jQueryは少し触ったことがあるのですが、javascript自体はほとんど使ったことがないのでこれを機会に勉強していこうと思います。
js-first-step

javascript 書き方の基礎

Javascriptの書き方の基礎、まずは基本的な書き方から。普段Web上で使われているjavascriptはDOMの操作をしていることが多いため、なにやらごちゃごちゃした関数がでてきて非常にわかりにくい、という印象でした。ここでは一度DOMは忘れて、基本文法から見ていきたいと思います。

最新記事

Bootstrap3 テーブル(表)の書き方、使い方

Mohawk cat. King of the urban jungle. 最近はあまり使わなくなったテーブルタグですが、一時はWebのレイアウトは全てテーブルで書かれていた...

Markdownで書いた記事はSEO的に問題ないのか?調べてみた

最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。 MarkdownはHT...

ひとつ上の Bootstrap3 グリッドレイアウト使いこなし術

前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。 Bootstrap3では単に横並びのレイアウト...

もう一度確認しておきたい、Bootstrap3 レスポンシブの基礎知識

もう一度間違ってないか確認しておきましょう。 I've made a huge mistake Bootstrap3に限らず、レスポンシブデザインはGoogle検...

今度こそ覚える、Bootstrap3 グリッドシステムの使い方

I've got it デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリッドシステムは単なるコーディングにとどまらず、デザイ...

はてな人気記事

人気テンプレート

COLOR MART Beige テンプレートプラス対応ベージュテーマ

COLORMART Beigeはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。また、2カラム、3カラム両対応でレイアウトも自由に行えます。

CubeMart black レスポンシブ マルチカラム ブラックテーマ

CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのテンプレートはメインテーマにブラックを使用。

COLORSTORE classic1 カラーミーショップ レスポンシブテンプレ...

COLORSTORE classic1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー対応、スマートフォンに最適化されたナビゲーションメニューを搭載。

CubeMart beige レスポンシブ マルチカラム ベージュテーマ

CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのメインテーマはベージュです。

COLORSTORE minimal1 カラーミーショップ レスポンシブテンプレ...

COLORSTORE minimal1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。