サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
webcreator-net.com
Category WordPress WordPressでは「ユーザー名を変更しましょう(推測されにくいものにしましょう)」というのは、以前からよく聞く話ですよね。 以前の古いバージョンでは、「ユーザー名がインストール時にはadminになっているので、新しいユーザーを作成しましょう」とか、「authorタグを使う時には、ニックネームをブログ上に表示させましょう」とか。 でも、意外とWordPress使いの方でも、ある方法で簡単にユーザー名が分ってしまうということが知られていないようです。 私もWordPress使いの1人ですので、個人的にも、また、サイト制作案件にも使ってたりしますので、今回はこの辺りを記事にしてみようと思います。 Keyword:総当たり攻撃(ブルートフォースアタック)対策 WordPressのユーザー名は意外と簡単に分ってしまう WordPressで作られたサイトのドメ
私は、ずっと音楽を聴くのにiPodを使っていたのですが、携帯(Xperia)とiPodの2台持ちが面倒になってきました(とにかくかさばる)…。 iPhoneに変えれば済むのですが、docomoユーザーでもあり、ずっとXperiaを使っているせいか、Android端末の自由度にもそこそこ満足しています。 「docomoからiPhone発売!」という記事もよく目にしますが、「でいつ!?」となかなか実現しませんね…。 そこで、今回の記事は、”iTunesで管理している曲をXperiaで聴く方法”をトピックスとして紹介しようと思います。 こんな方に便利かも? iPodで曲を聴いているXperiaユーザー iPodとXperiaの2台持ちがちょっと面倒… docomoユーザーでiPhoneに切り替えられない… 莫大な曲をiTunesで管理しているXperiaユーザー Xperiaをもっと便利に使いこ
Category WordPress WordPressを使ってCMSサイトを構築する場合、サムネイル画像をページ側に出力することってよくありますよね?(私の場合、しょっちゅうあるんですが...) WordPressのデフォルトの機能で実装すると、"アイキャッチ画像を指定"しなくてはいけません。クライアントさんからすると、「アイキャッチ画像って何?」とか、ついつい指定し忘れることもよくありますよね...。 そこで、今回紹介するのは... 1.カスタムフィールドで複数の画像をアップロードし、一覧ページで1枚をサムネイル表示 2.詳細ページでは、アップロードした複数の画像を全て表示("1"よりは大きく表示) 3.詳細ページの各画像をクリックすると、Lightboxで拡大表示させる といったもの。 また、クライアントさんが写真撮影時、写真の縦横比を意識して撮影してもらうのが難しい場合を想定し(縦
Category Server 「VPSサーバーでPHPのバージョンをアップデートしたい」と聞かれることがあります。 CentOSでyumを使ってPHPをアップデートすると、デフォルトのリポジトリではPHP5.1.6以上にアップデートすることができません(正確に言うと、5.2系にはアップデートできず、5.3系はパッケージが分かれているので、アップデートというよりはインストールし直す感じになります。追記部分も参考にしてみてください)。 そこで、外部のリポジトリを使用しPHPをアップデートする手順を忘備録として書きます。 以下追記(2012.1.13) ちなみに、CentOS5.6リリース以降、デフォルトのリポジトリでも"php53"とういパッケージ名でyumを使ってPHP5.3系をインストールすることが可能です。 ですが、デフォルトパッケージを使ってPHP5.3系へアップデートした場合、"p
Category WordPress WordPressで記事を作成する際、投稿画面の表示とプレビュー画面の表示(ブラウザでの表示)が違うため、何度もプレビューで表示確認をしないといけません(ちょっと面倒...)。 これは、管理画面で使われているCSS(既に用意されているWordPressの管理画面用のCSS)とプレビュー表示で使われているCSS(テーマ側で作成したCSS)が異なるためです。 今回は、投稿画面の表示とプレビュー画面の表示を同じにする3つの方法を紹介します。 Keyword:投稿画面表示,functions.php やることは大きく分けて2つです。 1つ目は、functions.phpに投稿画面で読み込むCSSの設定をします。 2つ目は、投稿画面専用のCSSを作成します(※既にテーマ側で作成しているCSSをコピー&ペーストすれば、ほぼ済んでしまうので簡単です)。 まず、Wor
ジャンルは問わず、個人的に好きなデザイン・風景・物、そして「何かいいなー!」と思ったものを写真に撮ってFlickrにアップロードしていくつもりです。 FacebookのLikeボタンやLikeボックスをサイトに設置している方は多いと思います。 その際、bodyタグのすぐ後にFacebookのJavaScript SDKを配置しますが、デフォルトでは非同期通信で読み込むようになっていません。非同期通信で読み込むことで、LikeボタンやLikeボックスの表示スピードを早くすることができます。 FacebookのLikeボタンやLikeボックスを非同期通信で読み込むのはとても簡単! JavaScript SDKを配置時に”js.async = true;”を追記するだけです。 Likeボタンの場合は以下ページへアクセスしてコードを取得してください。 ⇒ Like Button -Facebook
Category CSS CSS3を使用する際、ちょっと面倒なのがベンダープレフィックス...。 CSS3の仕様策定が安定してくると、各ブラウザも対応してくるので、先々記述の必要がなくなってきますが、現状でCSS3を使う際、ベンダープレフィックスが必要な場合もあります。 今回は、ベンダープレフィックス使用時に活用できるツールを紹介しようと思います。また、簡単にベンダープレフィックスに関しての説明も書いておきます。 Keyword:CSS3,Javascriptライブラリ,Prefix free ベンダープレフィックス ベンダープレフィックスとは、仕様策定途中のCSS3のプロパティや値を各ブラウザが先行実装している場合、それらの機能を動作させるためにプロパティや値の先頭に付加する文字列のことをいいます。主要ブラウザでのベンダープレフィックスは以下となります。 ベンダープレフィックス -moz
Category WordPress WordPressでFacebook用にOGPを出力するには、「WP-OGP」「WP-OGP Customized」「Open Graph Pro」等いろいろ便利なプラグインがありますが、どれも思ったような出力をしてくれなかったり、デバッガーでエラーが出力されることもよくあります。 Facebookの仕様変更も多く、それにプラグインが対応していないことも原因の一つです。 ここ最近の仕様変更でいうと、「og:imageのサイズが200px×200px以上に変更」「og:localeが自動で付加されるようになった」「og:descriptionの指定を推奨」「fb:adminsもしくはfb:app_idの指定を推奨」といったところでしょうか。 私も以前は「WP-OGP」を使用していたのですが、プラグイン自体が更新されていないこともあり、プラグインファイルの
Category CSS HTML5でテーブルタグを扱う際、htmlに直接サイズ・余白・ボーダー・セルの背景色等を記述することは推奨されない(バリデータチェックで通らない)ためCSS側で指定します。 その時もできるだけ「html側でスタイルを複数適応するのは面倒...」「CSS側の記述もできる限り少なくしたい...」って思います。 そんな場合、これだったら簡単かも?といったCSSの記述を紹介します(モダンブラウザや古いバージョンのInternet Explorerでの表示にも対応していて結構便利です)。 Keyword:tableタグ用CSS,border-collapse CSSでテーブルタグ用のスタイルを作成する まずは、CSSでテーブルタグ用のスタイルを作成します。 基本は以下の3つでOK(おおよそ、以下の3つで事足りると思います)。 CSS(パターン1) /* table幅の指定・
Category Other Web制作をしている方なら「Internet Explorerでのブラウザチェックが大変...」「バージョンによってCSSの解釈が違い過ぎる...」「CSSハックを使うのはIEくらい...」というようなことを思ったことはないでしょうか?私は度々あります...。 他にもFirefox・Safari・Chrome・Operaなどブラウザはたくさんあり、スマートフォンでの表示チェックもしないといけない中、やっぱり一番チェックに時間がかかるのがInternet Explorerだと思います。 Internet Explorerのバージョン毎の表示をチェックできるツールにはいろいろあります。 "IETester"や"Utilu IE Collection"を使っておられる方が多いのではないのでしょうか? 私の場合、IETesterはポップアップ等がうまく機能しなかったり
Category Other Web制作をしていく上で、便利なツールはたくさんあります。 「オンライン上で利用できるもの」「PCにインストールするもの」「サーバー上で動作するもの」「機能追加であるプラグイン」「現在のサイトの状況や最新の動向を確認できるサイト」等々。 今回は、"まとめ"的な記事になりますが、それらのツールをざっと紹介しようと思います。 Keyword:オンラインツール,プラグイン,フレームワーク パフォーマンス測定 GTmetrix オンラインツール サイトの表示速度を計測 パフォーマンスの改善点を調査 ブラウザとサーバー間のやり取りを調査 ※時間・データサイズ・回数等。 補足 Googleのサイト速度計測サービスである”Page Speed“とYahoo!のサイト速度計測サービスである”YSlow“の結果をまとめて見ることができる、サイトの表示速度計測ツールです。Page
Category CSS Webサイトをブラウザ経由で印刷できるようにする場合、CSSで印刷用のスタイルを作成し、別途読み込ませることで対応する場合が多いと思います。 ですが、制作案件で完璧に対応するのは時間(工数)やコストもかかってしまうため、難しいのが現状かもしれません(私の場合、そうなんですよね...)。 そこで、今回の記事は、WEBページを制作する際、「できる限り印刷対応も意識した作りにしたい」と考えた時に、覚えておいた方がよい点を書き残しておこうと思います。 Keyword:印刷対応,@media print 対応するブラウザ・バージョンを選定する 全てのブラウザに対応できるのが望ましいのですが、それぞれのブラウザに実装されている印刷機能に関しても把握しておく必要があります。 ●Internet Explorer 印刷対応状況○ バージョンごとに表示が異なる場合が多い [特徴]
Category HTML HTML5の特長の一つとして、フォームの機能が拡張されている点があげられますが、Opera以外でのブラウザの実装はそれほど進んでいるとはいえません。ですが、フォームの属性に関していえば、各ブラウザごとで対応されてきていますので、是非使いたいところです。 ここで問題になってくるのが、やっぱりInternet Explorer。属性どころか、要素やタイプに関しても全滅状態なのです...。 そこで、「Internet ExplorerでもHTML5の新しいフォームの属性を使ってみよう!」ということで、HTML5で新しく追加された属性の一つ"placeholder"をInternet Explorerにも対応させる方法を紹介しようと思います。 Keyword:HTML5,placeholder,jQuery HTML5で新しく追加されたフォームの属性 placehold
Category Server PHPの処理を高速化したい場合、PHPアクセレーターの導入が効果的です。 PHPアクセレーターには、有名なものとしてAPCやeAccelerator等があります。 今回の記事では、APCの導入手順について紹介しようと思います。 Keyword:PHPアクセレーター,最適化,キャッシュ PHPアクセレーターAPCとは? PHPアクセレーターとは、PHPのスクリプトを最適化してコンパイルされた状態でデータをキャッシュし、以後同じデータにアクセスがあった際、そのキャッシュを利用することでスクリプトの実行速度を高速化させるためのものです。 今回紹介するAPC(Alternative PHP Cache)はPECLの拡張モジュールです。 PECLで提供されているモジュールはCで記述されているため、PHPで記述されたPEARのライブラリよりも高速に動作すると言われていま
Category WordPress 「WordPressでjQueryを使っていると、ライブラリやプラグインが動かなくなった!?」なんて話を聞いたり、そんな場面に出くわしたことはないでしょうか? jQueryの基本的なことを知っている方ならすぐ分ることだと思いますが、ブログ等を運営している方皆さんがその辺りに詳しいわけではありません。 また、既存のテンプレートやプラグインを活用すると、誰でも簡単にサイトを構築できるといったところがWordPressの魅力の一つでもあります。 今回は、WordPress本体のjQueryと公式版のjQueryの違い、WordPressでjQueryを使用する場合に気を付けておきたいことについて書いてみようと思います。 Keyword:jQuery,コンフリクト WordPress本体のjQueryと公式版のjQueryの違い WordPress本体にはjQ
これらはオンラインカジノが提供する利点のほんの一部に過ぎません。オンラインカジノは、その利便性、幅広いゲーム、有利なボーナス、柔軟なベット限度額、安全なゲーム環境により、日本だけでなく世界中のプレーヤーが楽しめる一流のゲーム体験を提供します。 指先の利便性 ベストオンラインカジノジャパン2024では、最高のゲーム体験を楽しむためには利便性が重要であることを理解しています。そのため、当カジノはお客様のことを念頭に置いてプラットフォームをデザインしており、お客様のゲームニーズがクリックひとつで得られることを保証しています。 ユーザーフレンドリーなインターフェースで、人気のスロット、テーブルゲーム、ライブディーラーオプションなど、幅広いエキサイティングなカジノゲームにアクセスできます。経験豊富なプレイヤーでも、始めたばかりのプレイヤーでも、当カジノの多彩なセレクションなら、どなたにもお楽しみいた
Category WordPress ちょっと久しぶりにWordPressネタを書こうと思います。 WordPressでは簡単に検索フォームを設置することができますが、デフォルトの設定では「検索フォームの見栄えがよくない」「検索時に該当件数を表示したい」「カスタムフィールドで作成した項目は検索にヒットしない」等、WordPressをカスタマイズしてオリジナルのサイトを構築する場合、「こういった感じにできないかなー?」っといった場合がよくあります。 検索結果の表示を指定したものに変更できる"Search Everything"といったプラグインもありますが、私の場合、検索やカスタム投稿タイプ等の主要な機能に関しては、出来る限りプラグインを使用したくないわけです...(WordPress本体のアップデート時やプラグインのアップデート時に機能しなくなったり、表示がおかしくなったりする場合があるか
Category Other PHPだとphp.ini、Apacheだとhttpd.confで様々な設定が可能ですが、共用サーバーを使っているような場合、これらのファイルを変更できない場合があります。 そのようなサーバー環境でも.htaccessを使って設定変更が可能です。 私がサイト制作の際、よく行う設定をいくつかご紹介します。 Keyword:.htaccess,URL統一,アクセス制限,リダイレクト URLをwww有りかwww無しに統一する WWW有りか無しどちらが良いかは一概に言えませんが、SEOやアクセス解析の観点からいうと、どちらかに統一することは大事です。 私の場合は、「Yahoo!のビジネスエクスプレスに申請する際、WWWなしで申請してもWWWありで登録されてしまう」と聞いたことがありますので、一応WWW有りで統一するようにしています。 .htaccess #URLをwww
Category Server MySQL 5.5系から、設定ファイル(my.cnf)の書き方が一部変更されていたり、デフォルトで使用するストレートエンジンが変更されています。 今回は、MySQL 5.5系の設定変更について、記事に書き残しておきます。 Keyword:MySQL,MyISAM,InnoDB MySQLの利用状況確認 まず、MySQLの利用状況を確認し、設定変更の目安とします。 MySQLコマンド # MySQLサーバーへログイン mysql -u ユーザー名 -p データベース名 Enter password:パスワードを入力 # MySQLの利用状況を確認 show status; # ストレートエンジンを確認 show engines; # パラメータ設定一覧を確認 show variables; # MySQLサーバーからログアウト exit 補足 ●MySQLの利
Category WordPress 先日、友人から「WordPressでAmazonのアソシエイト(アフィリエイトのことです)をやりたいんだけど...」と相談を受けました(アフィリエイトのリンク管理もしやすく、見た目もそこそこよいものにしたい!というご要望...)。 プラグイン導入で即終了!といきたかったのですが、Amazonアソシエイトに関してはなかなかよいプラグインが見つかりません(有名どころのプラグインをいろいろ試してみたのですが、使い勝手や動作に問題があったりする場合が多いようです。アクセスキーIDとシークレットアクセスキーを取得して設定していても"アマゾンのサーバーでエラーが起こっているかもしれません..."となってしまうプラグインもありました。Amazon側の仕様変更に対応していないことが原因かもしれません。自作するか...と考えていたところ、カスタマイズ性にも優れたなかなか
Category PHP 外部サイトのRSSフィードを読み込む方法はいくつかあります。 例えば、Google Feed API等を利用してJavascriptで実装する方法です。 私の場合、PHPが利用できない環境で使う場合が多いです(設置も簡単です!)。 自分流にカスタマイズしたい場合は、PHPでスクリプトを作成するようにしています。 PHPでRSSフィードを読み込む方法としては、PHP5から追加されたSimpleXML関数を使えば比較的簡単に実装可能です。"simplexml_load_file"で取得する方法は、PHP側の設定で"allow_url_fopen"をOnにしないといけない場合が多いため、セキュリティ上好ましいとはいえません。"curl"と"simplexml_load_string"を使って"allow_url_fopen"をOffにし、セキュリティ面も考慮した上で取得
ジャンルは問わず、個人的に好きなデザイン・風景・物、そして「何かいいなー!」と思ったものを写真に撮ってFlickrにアップロードしていくつもりです。 ◎2012.6.2更新 5月に入った位からFacebookの仕様変更もあり、OGPに関しての内容が多少古くなってきましたので、一部内容を更新しました。 SNS(Facebook、mixi、GREE等)では、OGP(Open Graph Protocol)といった共通の仕様があります。”OGPって何?”といったところから、一部仕様が変更されている点やWordPressとの連携について紹介します。 OGPって何? 簡単に言うと、ウェブサイトをSNSと連携させる際、「このウェブページはこういった内容ですよ」といった情報をHTMLに付加することで、SNS側へウェブページの内容を分かりやすく伝えてあげるための仕様のことです。 Facebookで説明する
Category PHP ちょっと前までXMLデータを取得するのに"simplexml_load_file"を使っていましたが(RSS等をXMLで取得)、PHPの設定側で"allow_url_fopen"をOnにしないと、ほとんどの環境で利用できません。On設定にしていると、RFI(リモート・ファイル・インクルージョン)等の手法を用いてサーバーに攻撃を仕掛けられる危険性もあるため、セキュリティ対策上"外部ファイルの書き込みを禁止する"といった意味合いでOff設定にした方がいいです。 ちょうど、「何か他にいい方法がないかなー?」と探していましたので、今回の記事では"allow_url_fopenをOff設定にしたまま、cURLとsimplexml_load_stringを使ってFlickr APIでXMLを取得するPHPスクリプト"を紹介しようと思います。 Keyword:Flickr,AP
以前、当サイトの”HTML5導入前に覚えておきたいこと“の記事に関して、「html5.jsとIE9.jsのどちらを使う方がよいのですか?」といったお問い合わせをいただきました。 また、個人的に同種の内容を質問されたことが何度かありますので、トピックスで取り上げてみたいと思います。 ※当サイトの記事にも一部追記しました。 ⇒ HTML5導入前に覚えておきたいこと~html5.jsとIE9.jsは両方必要なの?~ html5.js html5.jsは、Internet Explorerの8以前のように、HTML5の新要素に対応していないブラウザにも一部の新要素を対応させることがメインのJavascriptです。 IE9.js それに対しIE9.jsは、CSS3に対応していないInternet Explorerの5.5~8にも一部のセレクタやプロパティを対応させることがメインのJavascrip
Category Server コンテンツの表示スピードを早くするには、「ファイルを最適化して容量を軽くする」「キャッシュを使う」「非同期通信を行う」等、方法はいろいろとあります。 HTML・CSS・JavaScript等のファイルを圧縮して、データの転送量を減らすことでコンテンツの表示スピードを早くするのもその方法の一つです。 今回は、Apacheのモジュールである"mod_deflate"と"mod_filter"を使ってファイルを圧縮し、転送量を減らすことでWebコンテンツを高速化する方法について書こうと思います。 Keyword:gzip圧縮,高速化,転送量削減 Apacheのモジュールmod_deflateとmod_filter Apacheのモジュールである”mod_deflate”と”mod_filter”について少し説明します。 mod_deflateモジュール 簡単に説明
Category Server サイト制作の際、専用サーバーやVPSサーバーを利用されている方も多いと思います。 サーバーの設定を変更したり、各種モジュールやライブラリ、フレームワーク等もインストールしたりすることもでき、とても便利です(当サイトもVPSサーバーを利用しています)。 今回は、自分用に"よく使うLinuxコマンドの覚え書き"を記事にしてみようと思います。 Keyword:Linuxコマンド,vi,yum,Tera Term Linuxコマンド ファイル管理 #ディレクトリの移動 cd [ディレクトリ名] 例) cd /home/username usernameディレクトリに移動します。 #カレントディレクトリを表示 pwd #カレントディレクトリ内のファイルを一覧表示 ls [オプション] [ディレクトリ名] [オプション] -a・・・隠しファイルを表示(".[ドット]"で
Category Other サイトの表示確認をしたい場合、便利なツールはいろいろありますが、ブラウザの拡張機能を追加し、UserAgent(ユーザーエージェント)を切り替えて表示確認をするのもその方法の一つです。その中でもGoogle Chromeの拡張機能(エクステンション)は、種類も多く、使いやすいものが多いので、私もよく使っています。 今回は、UserAgent(ユーザーエージェント)を切り替えることができる"User-Agent Switcher for Chrome"を紹介します。"User-Agent Switcher for Chrome"は、設定画面からUserAgent(ユーザーエージェント)を追加することができるので、例えば、「iOS 4用」「iOS 5用」「Android 2.3用」といった使い方もできてとても便利です。 Keyword:クローム拡張,ユーザーエージ
Category HTML iPhone・iPad・Androidといったモバイル端末では、HTML5は普通に使われていますが、PCサイトでもInternet Explorer9の登場で無視できない存在になってきました。 今回はPCサイトにおけるHTML5の導入に関して少し書こうと思います。 Keyword:HTML5,DOCTYPE,IE対応,html5.js,IE9.js SafariやFirefoxといったモダンブラウザは以前からHTML5の新要素に対応していましたが、Internet Explorerが対応していなかったため、以前と同じようにXHTMLでサイト制作をすることが多かったのですが、バージョン9の登場でHTML5でサイト制作をするのも珍しくなくなってきました。 ですが、Internet Explorerは一番使用率の高いブラウザですので、前バージョンの7や8等も無視できま
ログイン時に表示される管理バーを非表示にする functions.php add_filter('show_admin_bar', '__return_false'); ログイン時にページのプレビュー等をした際に表示される管理バーを非表示にします。 管理者以外WordPressのアップデート情報を非表示にする functions.php if (!current_user_can('administrator')) { add_filter('pre_site_transient_update_core', create_function('$a', "return null;")); } 管理者にはWordPressのアップデート情報を表示し、編集者以下の権限ではWordPressのアップデート情報を非表示にします(反転表示されている1行目が”管理者を除く”という条件文です)。 ※バージ
次のページ
このページを最初にブックマークしてみませんか?
『About Site|Webクリエイターネット』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く