Web制作テクニック DOMを操作してHTMLを制御してみよう【 jQuery基礎】
前回の「CSSの操作」に引き続き、今回は「DOMの操作」について解説していきます。「CSSの操作」を理解された前提で話を進めていきますので、まだな方は先にCSSの操作をご覧ください。 CSSの操作で制御できるのは「見た目」に限定されていまし...
Web制作テクニック
Web制作テクニック 
Web制作テクニック jQueryを使ってCSSを操作してみよう【 jQuery基礎】
先日投稿したjQueryの記事に続いて今回は実際にプログラムを書いていきます。 前回の記事の「ブラウザに依存しないセレクタエンジンを使ったDOMエレメントの選択」、「CSS操作」にあたる部分を取り扱います。 まずはjQueryを学習するにあ...
Web制作テクニック 値渡しと参照渡しを知りプログラムの挙動を正しく把握しよう【JavaScript入門】
以前、JavaScriptの基礎知識として関数に関する記事を書きましたが、関数を作成するにあたって知っておいたほうが良い知識に値渡しと参照渡しがあります。 値渡しと参照渡しとは関数への引数の渡し方に関する用語です。 この記事を理解するには関...
Web制作テクニック 膨大なデータの管理に便利！配列とオブジェクトを学ぼう！【JavaScript入門】
過去の記事でJavaScriptの基礎知識として色々と取り上げていきましたが、今回は配列とオブジェクトを取り上げようと思います。これらは知らなくてもプログラムは書けますが、知っているかどうかで作業効率大幅に変わります。 配列とは 配列とは複...
Web制作テクニック JavaScriptの関数型パターンによるクラス定義を学び信頼性のあるプログラムを書こう
どうも、こんにちわ。 フロントエンドエンジニアという肩書きを名乗っているのにも関わらず、最近、オブジェクト指向なプログラミングを書けていない管理人です。 というわけで今回は自分のリハビリも兼ねてJavaScriptの関数型継承というものを説...
Web制作テクニック JavaScriptの勉強を始める際まず知っておきたい３つの知識
学生やWebデザイナーの方でこれからJavaScriptやjQueryを始めたいという方は多いかと思います。いざ入門書などで変数や関数などを勉強しようにも、それ以前の箇所でつまづいてしまうという方もいるかも知れません。 そこで今回は本格的に...
Web制作テクニック WordPress3.9 リリースされました。
この記事はWordPress3.9 beta1公開時点で書いたものに加筆したものとなっています。 あらかじめご了承ください。 というわけで WordPress 3.9 を導入しました。 導入したというか自動更新にしてるのでいつの間にか入って...
Web制作テクニック jQueryの基礎中の基礎をなるべく分かり易く解説！
jQueryが世の中に浸透してからもう何年も経ちますが、なんとなく利用しているだけで実は基礎的な部分すら知らないという方は意外と多いかと思います。というわけで今回はjQueryの基礎中の基礎を解説していこうと思います。 jQueryの機能・...
Web制作テクニック 【レポート公開】先日投稿したPS4購入レビュー記事が1位から圏外へ・・・。
先日、PS4を購入し下記のレビュー記事を書いたわけですが、色々と想定外の事態へ推移しています。 【PS4】実際に購入して分かった魅力や特徴・新機能を徹底レビュー！ その想定外の事態は主に２つあり、 投稿して間もない頃は異常なくらいアクセスが...
Web制作テクニック レスポンシブWebデザインを実装してみて分かった11＋αのポイント
長年コーディングをやっていますが、今更ですが先日はじめて仕事でレスポンシブWebデザインに対応したサイトを作ることになり、やっとひと段落したところなのでレスポンシブWebデザインのメリット・デメリット、構築する上で気を付けたほうが良いところ...
Web制作テクニック 私がよく参考にしているWebデザイナーのブログ10選+α
今年も今日で最終日。皆さんいかがお過ごしでしょうか？ ご存知のように私はこの記事を執筆中です・・・ｗ 今日が最後ということで、今年お世話になったサイト、お気に入りのサイト、今後注目のサイトなどをご紹介します！ Webクリエイターボックス W...
Web制作テクニック Google Analyticsの「not provided」なんて恐くない！原因と対策を詳しく説明！
サイトでなにかしらの成果を挙げたいと考えている方はアクセス解析ツールを導入していることだと思います。アクセス解析ツールには色々と種類がありますが、やはりデファクトスタンダードといえるGoogle Analyticsを導入している人が大半だと...
Web制作テクニック WordPressで独自テーマ・テンプレートを作成する場合はwp_headを忘れずに！
今回は独自テーマやテンプレートを作成する際のとある注意点をご紹介します。 オリジナルのテーマ・テンプレートの作成は超簡単！ WordPressはある程度プログラミングの知識があればカスタマイズしやすいCMSだと思いますので、既存のテーマ・テ...
Web制作テクニック WordPress 3.8にアップデートしたので簡単にレポート書きます。新テーマ「Twenty Fourteen」も紹介！
先日公開されたWordPress3.8を早速インストールしてみたので、簡単に特徴などを紹介します。 管理画面はモダンでクールなデザインに進化！ そしてレスポンシブデザインに！ 管理画面は今流行のフラットでレスポンシブなデザインに進化しました...
Web制作テクニック JavaScriptを必ずCSSの後に読み込ませるべき理由とは？
プログラムが得意でない方でもライブラリを通じてJavaScriptを利用しているかと思います。 そのスクリプトを読み込む際にscript要素を使いますが、見落としがちな罠が潜んでいます。まずはその問題のソースコードをご覧ください。 問題のソ...
Web制作テクニック つまらない納品作業をあっという間に！FileExtractorAIRの活用法をご紹介！
以前作成したWeb制作者支援ツール FileExtractorAIRの活用方法をご紹介します。 今回の例ではWebサイトの更新差分ファイルのみをアップロードし、更新したファイルをリストアップするまでの手順を取り上げます。 1. まずはサイト...
Web制作テクニック CSSハックや条件分岐コメントを一切使わずスマートにIE対策を行う唯一の方法
WebサイトのHTML・CSSコーディングをしていると必ずといっていいほど問題が発生するIEですが、皆さんはどう対処していますか？ 一般的にはスタイルシートにCSSハックを記述する方法、またはHTMLの条件分岐コメントでIE用のスタイルシー...
Web制作テクニック もう迷わない！アーカイブページで現在のカテゴリ・タグの情報を簡単に取得する方法【WordPress】
アーカイブページでカテゴリ・タグの情報を取得するのに毎回混乱しちゃう・・・ WordPressには様々なテンプレートタグや関数が用意されていて自在にカスタマイズ可能ですが、ルールが統一されていなかったり似たような機能を持つものがあったりして...
Web制作テクニック WordPressでカテゴリ・タグを作成する際に気をつけるべきこと
WordPressを利用するにあたり、カテゴリやタグは欠かせないものですが気をつけておくべきことが一つあります。 WordPressには投稿・カテゴリ・タグはスラッグと呼ばれるIDのような役割（IDは別に存在するので厳密には異なります）を果...
Web制作テクニック BrowserStackというサービスが便利で凄い！という記事を書いた結果ｗｗｗ
Webデザインをするにあたり各環境でのブラウザの動作検証は欠かせないものです。しかし、様々な環境で動作検証をするためには複数台のPCやOSが必要になるためそれなりの費用がかかります。 AdobeがBrowserLabというブラウザ動作検証サ...