雑記

PCを劇的に高速化したければSSDを導入しよう

PCをとにかく高速化したければSSDを導入すべき! 何故SSDなのか?CPUやメモリじゃない理由は? その理由を解説します。 PCの高速化といってまず思い浮かぶのは、CPU交換やメモリ増設ですが… PCのスペックに不満を感じた時、カスタマイ...
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というサービスが便利で凄い!という記事を書いた結果www

Webデザインをするにあたり各環境でのブラウザの動作検証は欠かせないものです。しかし、様々な環境で動作検証をするためには複数台のPCやOSが必要になるためそれなりの費用がかかります。 AdobeがBrowserLabというブラウザ動作検証サ...
Web制作テクニック

【WordPress】プラグインを使わずカスタム投稿・分類の追加を超簡単に行う!

WordPressには「投稿」や「固定ページ」の他にも投稿する方法があるのをご存知でしょうか?WordPressではカスタム投稿という機能で用途に合わせた投稿方法を追加し、独自のCMSにカスタマイズすることが可能です。 例えば、標準で用意さ...
Web制作テクニック

【サンプル有】HTML共通部分をJSインクルードするメリット・デメリットを説明

あなたはサイトを運営していて、「ヘッダー、グローバルナビゲーション(グロナビ)などの共通パーツの更新が面倒臭い!」と思った事はありませんか? Wordpressとったブログ・CMSであれば、ヘッダーやフッターといった共通パーツはあらかじめ別...
Web制作テクニック

WordPressでカスタムパーマリンクに日付を入れるとis_single()が正常に動作しないことがある原因と対策

まず始めに事前知識として条件分岐タグをついて説明 WordPressには条件分岐タグという仕組みがあり。それによって自分が今どの種類のページにいるかを調べることが出来ます。条件分岐タグには以下のようなものがあります。 is_home() …...
Web制作テクニック

SafariとFirefoxでブラウザバック(戻るボタン)を押した際、前のページの画面効果残っている件ついてを解説

SafariやFirefoxを利用している人は以下のようにロールオーバー画像がそのままになってしまう症状に遭遇したことが少なからずあるかと思います。(他のサイトでも取り扱われている内容ですがあえて記事にします。) キャッシュが原因?少し違い...
Web制作テクニック

WordPressでカテゴリ「未分類」を削除する方法

WordPressが世間に普及してからもう何年か経ち、私のブログも1、2年ほど前にMovableTypeからWordPressに乗り換えたり、カスタム投稿やカスタムタクソノミーを駆使したCMSを構築したりとそれなりに使い慣れてきたのですが今...
Web制作テクニック

【JavaScript】クロージャーを使って再利用しやすくメンテナンス性の高いコード書こう!

クロージャーって難しい!?実は簡単です。 クロージャーとは何か? クロージャーを使うことで何ができるようになるのか? 詳しく解説しているサイトは沢山あるけど、詳しいが故に初心者だと理解しにくいと思ったので記事にしました。 (クロージャーで検...
Web制作テクニック

膨大な処理をサクッと処理!繰り返し(ループ)構文(while文、for文)とは?【JavaScript入門】

今回は繰り返し(ループ)構文を解説します。繰り返し構文を使うことで手動では行えない膨大な処理が可能になります。繰り返し構文にはwhile文とfor文があり、いずれも条件を満たす間のみ繰り返し処理されます。 while文とは while文の構...
Web制作テクニック

柔軟な処理を実現!条件分岐(if文、switch文)とは?【JavaScript入門】

関数に続き今回は条件分岐です。条件分岐とはその名の通り条件に応じて処理を分岐することをいいます。条件分岐にはif文とswitch文があります。 if文とは if文は特定の条件を満たす場合のみに処理を実行したい場合に使用します。条件式に使用す...
Web制作テクニック

プログラムを簡潔にする、関数とは?【JavaScript入門】

先日の記事から少し時間が空いてしまいましたが、今回は関数を取り上げようと思います。 関数を理解することで簡潔で再利用性の高いプログラムを書くことが可能になります。 関数とは ある特定の処理をひとまとめにしたものを関数といいます。 まずは前回...
Web制作テクニック

基礎を見直そう!まずは変数!【JavaScript入門】

先日の記事にも書いたとおり、jQueryなどのフレームワーク・ライブラリによりJavaScriptが身近なものになっています。 嬉しい反面、いつか自分の地位が脅かされるのではないかとひやひやしています(笑) さて、今回はプログラミングのもっ...
Web制作テクニック

意外と知らないJavaScriptの常識【JavaScript入門】

近年、jQueryのようなフレームワーク・ライブラリの登場で気軽に扱えるようになったJavaScriptですが、意外と基礎的な部分を知らないって人も多いかと思うので取り上げてみました。 JavaScriptはHTMLに組み込まれて実行される...
Web制作テクニック

Web制作者支援ツール「File Extractor AIR」公開

Web制作者支援ツール「File Extractor AIR」公開しました。 AIRアプリなのでadobe AIR ランタイム(version 3.2以降)が必要になります。 WEBクリエーター必見!こんな用途に使えます。 最近更新した差分...