DD_log / HTML,CSS,Javascript,Wordpressの解説や雑感サイト

Mac環境でWebサイトを作成している人(ぼくがそうです)におすすめのアプリ”PlayOnMac”の紹介です。

対応しているのは Snow Leopard と Lionと書いてありますがMountain Lionでも動作しました。

IEに限らず、様々なWindowsアプリをMacで起動することができます。

ぼくの場合IEのほかに使いたいアプリが今のところは無いのですが、そういった目的でもかなり便利に活用できるようです。

調べてみると色々と詳しい解説の記事が見つかるので、こちらでは割愛します。

“PlayOnMac”ダウンロードサイトはこちらです (サイトへジャンプします)

ダウンロード&インストール手順は下記の通りです

この記事の続きを読む

ブログでよく見かける「関連記事」を表示させるためのプラグイン”YARPP”の導入手順について

興味がある記事については関連した記事まで興味を持ちますよね。

やはりこういったオプションがあるとないとでは、サイトの質に差が出ると思います。（当サイトも昨日導入したばかりですが早速質が上がった気がします）

またプラグインなので基本的に導入の手順は簡単です。

以下に手順を記述します。

この記事の続きを読む

赤い画面は初めて見ました。
Googleリーダーがサービス停止した日も不具合が起きましたが、今回は何が原因でしょうか。

ログインし直してもフィードの確認はできませんでした。

とりあえず復旧してくれないと移動中が暇で困ってしまいます。

移動中につき乱文・短文にて失礼します。

本文と関係ないですがいま乗っている電車内の広告がかわいいです。

追記：夕方再確認をすると復旧していました。帰路はいつも通り色々と読みながら帰宅することができて良かったです。

今年の8月にロリポップサーバ内のWordPressをターゲットにしたハッキング事件がありました。

ぼくもロリポップ内でWordPressを使用していたのですが、特に被害を受けることは無かったのですが友人が見事に被害を受けたようでした。

友人から聞いたWordPressハッキングの被害内容：

1. ダッシュボード画面のテキストが文字化けする

2.サイト名が「Hacked by Krad Xin」と改ざんされる

ということでした。

その後復旧作業を行ったらしいのですが「ログイン画面のCSSが無効化」したり「プラグインが無効化(これは設定し直せば有効になりそうですが)」などトラブルが続いているようでした。

仕事で作成したものではなく個人的なものだったので徐々に復旧すれば良いようですが、いざという時のためにやはりバックアップは必要ですね。

というわけで今回はWordPressのデータバックアップについての解説を行います。

手順は以下の通りです↓

この記事の続きを読む

つい先日「トロイの木馬」ウィルス検出通知メールが届きました / Trojan.Inject / Payroll Invoiceという記事を書いたばかりですが、同じような内容のメールが今日また届きました・・・。

あの記事を更新後、またイギリスからアクセスがあったので先日の記事を読まれたのだと思うのですが

どうやら”チームトロイ”(そんなチームがあるか謎ですが)の怒りを買ったようです

とりあえず今回の差出人はこちら

この記事の続きを読む

WordPressのプラグインをウィジェットに追加したい、と思ったらウィジェットがない・・・。なんていうことがあります。

下記の画像のような状況です。

これはテーマがウィジェットに対応していないからなので、ダッシュボードをいくら探しても見当たらないはずです。

こういったテーマにウィジェットを追加する方法を解説します。

この記事の続きを読む

先日の記事の「トロイの木馬添付メール」に続いてまた怪しいメールが届きました。

今回のメールは

差し出し人が「Gmail」、件名が「You have 2 emails that must be read」

といったメールです。

Googleの某サービスでメールの設定を変更したばかりだったので、それに関するメールかと思い危うくすんなりクリックするところでした。

が、よく見ると差出人が

この記事の続きを読む

以前の記事「Adobeがハッキングに・・・ 」でぼくのIDとパスワードが抜かれたと書きました。

その際に送られたAdobeからのメールには「アカウントが不正に利用された形跡はない」とあったのですが、先日Adobeから届いた手紙を開けてみると「権限の無い第三者が一部の顧客注文情報に不正アクセスしたことが判明しました」と書いてありました。

あくまで「一部の顧客」とあったのですが、一体どれだけの一部なのか・・・。

不正アクセスされた人にだけ手紙を送れば良いのにと思うのですが、そうでないということはよほど多くの人の情報がアクセスされたのか、または具体的にどの顧客の情報にアクセスされたのかが分かっていないのか。

何とも不明快な感じです。

この記事の続きを読む

人気記事をサイドバーに表示させるプラグイン「WordPress Popular Posts」導入の手順を説明します。

基本的にはプラグインなので導入の仕方は簡単です。

人気記事が一覧できると訪れた人の目に止まり、PV数の増加も見込むことができます。

導入手順は下記の通りです。

この記事の続きを読む

(Google 貼牌冰箱（Google Refrigerator）By Aray Chen)

両親に個人用のパソコンを買ってもらったのは16歳のときでした。

まだOSがWindows95の時代で現在と違いインターネットを利用している人はそれほど多くはなく、ぼくのコンピュータもインターネットには繋がずゲーム(主にThe Tower)専用の機械となっていました。

それから数年後にPower Mac G4を購入し、まもなくインターネットに接続し初めて利用したサイトが「Google」でした。

当初は「ポータルサイト」としてインターネット上の情報を検索するためだけに利用していたのですが、徐々にGoogleの提供するサービスを目的として利用するようになりました。

そしてここ数年はそれらのサービスを1年365日インフルエンザで寝込んでいる日以外は毎日利用しています。（インフルエンザの時も利用していたかもしれません）

考えてみると一つの企業が提供するサービスを毎日利用するということはなかなか無いことだなと思ったので、利用しているサービスをまとめてみることにしました。

この記事の続きを読む

サイト開設から2ヶ月、契約しているサーバから「ウィルス検出通知/VIRUS DETECTION(SMTP,Trojan.Inject.APA)」という件名のメールが届きました・・・。

どうやら送られてきたウィルスはあの有名な「トロイの木馬」のようです。

トロイの木馬とは  (ウィキペディアへ飛びます)

以下はウィキペディアからの抜粋です。

この記事の続きを読む

以前の記事で紹介したアプリ【Mailbox】のアーカイブ画面 “You’re all done” は一体何種類あるのか？

気になったので最近のものをまとめてみました。

この記事の続きを読む

CSSでよく使用するプロパティと値の組み合わせ「リストのマーカーを無くす」指示についての解説です。

リストのマーカー

<ul> <li> や <ol> <li> 内の li要素 はデフォルトの設定では「中黒」や「通し番号」等のマーカーがつきます。

この記事の続きを読む

タイトル通り、もう既にiOS7のレビューが出尽くしている時期だと思いますがあえて書かせていただきます。

と言っても特に問題点と感じるような点はなく、ただただ新しいOSになって楽しいという感想です。(使用しているのはauのiPhone5です)

同じスペックのものを使用している友人からは「Safariが使いづらくなった」と言われてましたが、ブラウザはChromをメインで使っているので問題ありません。 この記事の続きを読む

CSSでよく使用するプロパティと値の組み合わせ「要素の中央揃え」についての解説です。

要素の中央揃え

Webサイト全体を中央にそろえたい場合など、要素を中央にそろえる際にはmarginプロパティを使用します。

例えばサイト全体を囲むdiv (id=container)を中央にそろえたい場合以下の記述をします。

この記事の続きを読む

(Puzzle pieces – 2 By yann.co.nz)

Flash(as2.0)を使用してパズルを作成しよう！

というのが今回の解説になります。

Web上に多くのサンプルが配布されているので、今回サンプルを利用します。

利用するサンプルはこちら → Flashでジグソーパズルを作成 [Flash] All About

基本的には上記のリンクのサンプルをダウンロードし、解説を読めばパズルの基本的な動作は作成できます。

しかし全てのピースが正しい場所に配置された時に、エンディング画面へ進むという処理ができていないのでaction scriptを追記します。

今回の記事は一見長いです。

時間のある方は続きをご覧ください↓

この記事の続きを読む

前回の記事ではサイドバーにタグ一覧を表示させるタグクラウドを紹介しました。

今回は投稿ページの一番下に、選択したタグを表示させるための記述を紹介します。

single.phpやindex.php内の記事投稿部分の最下部に下記の記述を追加します。

この記事の続きを読む

WordPressで作成した記事のタグ一覧を表示させたい場合の記述について。

当サイトのようにサイドバーに表示する場合はside.php内に下記の記述を行います。

この記事の続きを読む

以前の記事の中で固定ページ毎に異なるヘッダーを使う方法を紹介しました。

今回は投稿ページのカテゴリ毎に異なるヘッダーを使う方法を紹介します。

index.phpの冒頭の記述 <?php get_header(); ?> でheader.phpを呼び出していますが、条件分岐を使用した下記の記述に変更します。
この記事の続きを読む

【iPhone、iPad、iPod touch 対応のアプリ Mailboxについて】

インストールのために行列ができたというアプリ「Mailbox」

今年の２月にインストールして以来、メインのメールアプリとして活用しています。

下記の概要はiTunesプレビューからの引用です。

この記事の続きを読む

パソコンやiPhone等のOSと同様に、WordPressの更新もかなり慎重に行うタイプです。

基本的に「新しいものは不具合がある」と思う（嫌な）性格なので、しばらくたってレビューを見てから判断します。

そろそろiOS 7.02に更新しようかと思ってるところですが、OS X Mavericksはしばらく様子を見ている予定です。

この記事の続きを読む

CSSのプロパティ「display」についての解説です。

display

displayは要素の表示形式を指定するプロパティです。

xhtmlなどで使用される要素は大きく分けて「ブロックレベル要素」と「インライン要素」に分けられます。

それぞれに特徴があるため、そのままの表示形式ではできないことがあります。

例えば「インライン要素に対して幅(width)や高さ(height)の指定が効かない」ということがあります。

これはインライン要素が「文章の一部」として理解される要素であるからで、幅は文字の数、高さは文字の大きさとなるからです。

そのためインライン要素であるa要素などに幅や高さを指定したい場合は、下記の記述で表示形式をブロックレベル要素に変更するための指示を出します。

この記事の続きを読む

上の図はアップルのサイトの現在(2013.10.24)のトップページです。

こちらの記事「OS X無料化」が意味する新時代(WIRED.jp)を読んで知りました。

どうやらアップルが最新のOSを無料でダウンロードさせてくれるらしいです。

記事内に書いてあるようにOSはあらかじめインストールされているものなので、お金を出して購入する習慣が無い人の方が多いかもしれないです。

ぼくも過去に何度かパソコンを買い替える前にOSを変えたくて購入したことがある程度で、新しいOSが出たらすぐに購入して試すというタイプではありません。

今回も無料といわれてもすぐに試してみようとは思わないのですが、気にはなるので見に行ってきました。

この記事の続きを読む

(Facebook By Scott Beale)

Facebookを使用しているとたまに知人と似た名前から申請がくるのですが、よく見ると名前が微妙に違うし、投稿が一切無かったり共通の知り合いもいなければ基本的に拒否するようにしています。

そういった申請者は「顔写真が無い」「投稿が無い」「友人がいない」といった分かりやすい特徴があるのですが、下記のブログを見てみると最近はかなり巧妙になっているようです。

この記事の続きを読む

jQueryを利用する際に　Uncaught ReferenceError: $ is not defined (anonymous function)

というエラーが出た際の処理。

以前他のサイトでも使用したことがある機能を実装しようとした際に、jsファイルの記述内容やリンクは間違っていないはずなのに動かない・・・。ということが起こりました。

さらに上記に記述した「Uncaught ReferenceError: $ is not defined (anonymous function)」というエラー。

どうやらhtmlのhead要素内の記述に問題があったようです。

この記事の続きを読む

仕事柄運動不足にならないようなるべくよく歩くようにしています。時間があるときは2時間ほど歩く時もあります。

今回はランニングやウォーキングの記録を取るためのアプリをインストールしました。

「RunKeeper」というアプリです。

下記の概要はiTunesプレビューからの引用です。

この記事の続きを読む

(Floating Holiday Candles in Reflection Pool By aimilino01)

CSSのプロパティ「float」についての解説です。

float

floatは指定した要素の後に続く要素の回り込みを指定します。

通常ブロックレベル要素は前後に改行が入るため上下に並ぶことになります。ブロックレベル要素同士(またはブロックレベル要素とインライン要素)を左右に並べるためによく使用されるプロパティです。

例えばboxというクラス名のdiv要素にfloatの指定をします。

この記事の続きを読む

WordPressを使用してビジネスサイトなどを作成する際に、各ページ毎に異なるヘッダーを準備して使うことが多々あります。

今回は上記についての解説を。

この記事の続きを読む

CSSのプロパティ「border」についての解説です。

この記事の続きを読む

先日仕事先でテザリングについての話題が上がりました。

そこでちょっと思い出したニュースがこちら

この記事の続きを読む