ホームページの“無限の可能性に挑戦”する福岡のホームページ制作会社

  • サイトマップ
  • お問い合わせ

【無料】お見積り・ご相談のお問い合わせは092-262-2920

無料相談をする

猫村さんお楽しみボックス♪

福岡のホームページ制作TOPブログ

猫村さんお楽しみボックス♪

2012年版の猫村さんカレンダーがほしゅーてほしゅーて、

“猫村さんグッズ”付きの“お楽しみボックス”をゲット。

猫村さんお楽しみボックス

▼ボックスの中▼

猫村ノート/ポストカード/卓上カレンダー/クリアファイル/ハンカチ

 

ほしよりこさんの遊び心が満載で、

1度手にしたら、猫村ファンになること間違いなっしんぐーd(*´ェ`d*)

 

ネコムライス食べたい。

もこうぇる作ってくれんかなぁー。

 

ばーい。

最初にインストールしときたいWordPressプラグイン

最近ホームページを制作する時には必ずと言っていいほどCMSに関してのお話をすることがあり、その中でも自分的には一番優れていると思っている「wordpress」のインストールをご紹介します。

インストールの際に、必ず入れといた方がいいと思っているプラグインを忘れないようにメモしておきます。

基本的なプラグイン
1.brBrbr(http://camcam.info/wordpress/732
入力した文書の改行をそのまま反映してくれます。
wordpressで記事を投稿した場合うまい具合に思った通りの改行ができない為、このプラグインの導入を考えました。
投稿した見た目のまま記事を反映してくれるのでとっても便利ですね!

2.Category Order(http://wordpress.org/extend/plugins/order-categories/
投稿カテゴリの並び順を思い通り変更してくれます。
wordpressでは、投稿カテゴリに登録したカテゴリの順番が変更できないため、すごく不便でした。自分的には自由に順番を入れ替えたいので、このプラグイン「Category Order」を使用してます。

3.Ktai Style(http://wordpress.org/extend/plugins/ktai-style/)
wordpressで構築したホームページを簡単に携帯用のホームページに対応してくれます!
できるだけ多くのデバイスに対応したホームページを考えて携帯への対応はこのプラグインを使用しています。
今からはスマートフォンにも対応していかないといけないのでそちらは後からご紹介する「WPtouch」で対応しています。

4.WPtouch(http://wordpress.org/extend/plugins/wptouch/)
wordpressで構築したホームページを簡単にiPhone・Androidなどのスマートフォン対応してくれます。
先ほどご紹介した「Ktai Style」を似たようなプラグインで、こちらはスマートフォン対応のプラグインです。今からはスマートフォンが主流となっていくかと思うので、ホームページを対応スマートフォンへと考えている方にはお勧めです。

5.Simple Tags(http://wordpress.org/extend/plugins/simple-tags/)
忘れがちなタグの入力を補助してくれます。
タグを入力する際に、前と似たようなタグを入力する際に、同じようなタグを複数無駄に作ることのないように補助してくれるツールです。
登録してあるタグ一覧から簡単にタグ設定が出来たりしてタグをよくつかわれる方にはとてもお勧めです。

6.Breadcrumb NavXT(http://wordpress.org/extend/plugins/breadcrumb-navxt/)
簡単にパンくずリストを表示してくれます。
アクセシビリティを考えると必ず必要と思われるパンくずリストを自動的に挿入してくれます。
とても使いやすく、重宝しています。必ずインストールしているプラグインです。

SEO関連
1.All in One SEO Pack(http://wordpress.org/extend/plugins/all-in-one-seo-pack/)
このプラグインでホームページ全体からすべての記事まで全ページに対してSEOの設定ができます。タイトルやKeyword、Discriptionなどを詳しく設定できます。
KeywordやDiscriptionはすでにSEO的には無意味ですが、タイトルの表示をSEO的に最適化するために使用してます。

2.Google XML Sitemaps(http://wordpress.org/extend/plugins/google-xml-sitemaps-with-multisite-support/)
検索エンジン登録用のXMLサイトマップを自動生成してくれます。
GoogleやYahoo等に対して、自身のホームページの全ページを循環してくれるように全てのURL情報をまとめたファイルです。
検索エンジン的には、ホームページの全ページを見逃す可能性があるので、見逃しなく巡回してくれるようにXMLサイトマップを検索エンジン側に登録しておきます。
SEO的にもあった方が良いとされていて、必ずインストールするプラグインです。

3.Popular Posts(http://wordpress.org/extend/plugins/popular-posts-plugin/)
ホームページの人気のある記事を自動で表示してくれます。
良く見てくれる記事を自動的に選別し、ホームページでどの記事が人気なのかを表示してくれます。
使用するには「Post-Plugin Library」というプラグインが別途必要です。

4.Similar Posts(http://wordpress.org/extend/plugins/similar-posts/)
読んでいる記事関連している記事を表示してくれます。
読んでいる人が他にも見たいであろう記事を紹介し、ページビューを増やし直帰率を下げる目的で設置します。
使用するには「Post-Plugin Library」というプラグインが別途必要です。

その他
1.WP-DBManager(http://www.bravenewcode.com/store/plugins/wordtwit-pro/)
WordPressのデータベースに対してバックアップと最適化行ってくれます。
運用する上でデータベースのバックアップがすごくネックとなってきます。
そこで、「WP-DBManager」を使用して、はスケジュールに合わせてデータベースの最適化とバックアップを取り、合わせたスケジュール通りにバックアップしたデータベースを圧縮してメールで送信してくれます。
必ずと言っていいほどインストールするプラグインの一つです。

2.WordTwit(http://www.bravenewcode.com/store/plugins/wordtwit-pro/)
Twitterにホームページの更新履歴を自動的に投稿してくれます。
ホームページを更新した際に運用している自分のTwitterへ自動的に更新情報をツイートしてくれます。
とても使いやすく便利なので結構インストールしてます。

3.WP-PageNavi(http://wordpress.org/extend/plugins/wp-pagenavi/)
ホームページの一覧ページに良くある「何ページ中何ページ目」を表示してくれます。
「< |1|2|3| >」こう言った表示をしてくれるプラグインです。
ページ数がどの位あるのかが分かりにくく、「次へ」「前へ」しかないのでとても不便でした。
そこで、Googleの検索結果で表示されてあるようにページ数、記事の数などを表示してくれるようにインストールしています。

写真加工アプリ

先日、友人のブログを見ていたら
載せている写真の雰囲気がどれもとても可愛らしかったので
「自分で加工したの?」と尋ねたところ、“iDarkroom”というアプリを教えてもらいました。

iPhone/iPod touch/iPadのアプリで85円だったので、さっそくゲットして使ってみました!

・20種類のカラーエフェクト
・11種類のペーパーエフェクト
・8種類のノイズ
・12種類の光エフェクト
・4種類のぼかし縁
・10種類のフレーム

これらはどれも、効果の強弱がつけることができ同じエフェクトでも強弱を使うことによって違った表現にすることが可能です。
効果のシャッフル機能もついているので、どのエフェクトを使ったらいいか分からないという人も
シャッフル機能を使って出来上がった好きな加工を選ぶなど、簡単に楽しむ方法もあります。

同じ写真でも、様々な仕上りに…

また、加工した写真はフォトアルバムへ保存やメール送信はもちろん、
連携の設定をしておけば、そのままアプリからワンタッチで
TwitterやFacebookやTumblrなどへの投稿も簡単にできるので便利です。

エフェクトなどの加工の他に、回転やトリミングも出来るので85円にしてはとても万能なアプリ!
しかしこんなに簡単に可愛く写真が加工出来ると、Photoshopを使う私たちは少々複雑な気持ちになりますね…(苦笑)
 

フィンチャー最新作

言わずと知れた「セブン」の、最近では「ソーシャルネットワーク」のデヴィット・フィンチャー監督最新作「ドラゴン・タトゥーの女」が明日から公開で楽しみです。
原作小説とスウェーデン版映画はどちらも未見ですが、昨年末に劇場で見たトレント・レズナー&カレンO版の「移民の歌」が大音量で流れるトレーラーのテンポが凄く格好良くて、今作は絶対に映画館で見よう!と決めてました。

↑その劇場版トレーラーはこれ カッコいい!
音楽を担当しているトレント・レズナーは「ソーシャルネットワーク」でゴールデングローブ賞とオスカーを獲得していますが、今回もまた良い仕事をしてそうです。

因みにこのトレント、昔は文学青年風だったのがいつの間にかガチムチの強面になり、現在は普通のおっさん紳士に変貌していて、前回のアカデミー賞の写真を見た時は丸くなったな~と思わずにいられませんでした。それでもカッコいいですけどね!

もこのおでき。

ドットイメージの看板娘 “もこ”。

毎日出勤し、仕事は主に癒すこと。

▼注目▼

もこのおでき

お、お、おでき?!

 

顔をキレイキレイするのをよく怠っているから、

口元に “おでき” ができたみたい =^・ェ・^=

 

そんな怠惰な子だけど可愛い。

 

ばーい。

Animated Content Menu with jQuery

JQueryを使ってホームページをフルFLASHのようなサイトの動きが実現できるライブラリはないかな~っと探してたら、「Animated Content Menu with jQuery」というものを発見!

スムーズなアニメーションでコンテンツの表示を切り替えることができるjQueryライブラリのようです。
メニューをクリックすると、背景画像がフェードしながら切り替わったり、すっとコンテンツが表示されたりしながら切り替わります。
デモ

ここまでできるか!HTML5!

次世代のHTML標準として注目を浴びているHTML5は、「WHATWG」・「W3C」がHTML4に代わるHTMLとして進めているHTMLの仕様です。
今までのHTML4とはちがい、動画や音声、グラフィックの描画、フォーム周りの機能が強化、HTMLソースがすっきりするなどこれからのホームページ制作をするうえでいろいろな表現ができるようになっていきます。
これからは、単純なFlashなどはFlashを使用せず表現ができるようになっていくのだと思います。
ま~、結局はJavascriptを良く理解しておかないと使うことすらできませんが。。。

http://hakim.se/experiments/html5/coil/

http://hakim.se/experiments/html5/coil/

http://mrdoob.com/92/Google_Gravity_HTML5

http://www.monocubed.com/2010/11/24/html5-canvas-ribbon-ios4-2-device-orientation/

http://hakim.se/experiments/html5/404/netmag.html

http://www.monocubed.com/2011/01/13/move-pick-up-drop/

http://www.monocubed.com/2010/10/29/make3d-native-drag-drop-in-browser/

http://www.openrise.com/lab/FlowerPower/

ゲームを作ることもできますね!

http://arcade.rawrbitrary.com/mario/

http://www.nihilogic.dk/labs/mariokart/

http://appsweets.net/gradius/index.html

http://arandomurl.com/2010/07/25/html5-pacman.html

ずいぶん前の話のことですが…

スマートフォン(※iphone,ANDROID)の
ホームページが無料で簡単につくれるサービス
「smart4me」というものがあるのを知った・・・
ずいぶん前の話でゴメンナサイ
個人利用は無料なので、ブログブログばりに広まるとスゴイだろうな!って・・・
サービス的には、技術的な知識が無くてもブログ感覚でスマートフォンのホームページ作れてしまうという
超~~~~スグレもの!!!!
ちょっとだけ試してみた、プレビュー機能もついてるしカンタンだった!!!!

 

【サービス概要】※転用
・ブログ感覚で、10分で公開
面倒なプログラム知識などは一切、必要なしの直感操作で自分スマホサイトが完成します。

・サイトが無料で作れる!
10ページまでは全くの無料で即公開が出来ます。

・ツイッターやブログも!
Twitterやブログ、その他のソーシャルメディア・・・
それをまとめて表示できるのがsmart4meです。
※facebookについては近日対応予定

・デザインテーマも充実!
お気に入りのデザインとスマホ独自の動きで
クールなMyスマホサイトを簡単公開できます。

---

お見積り・お問い合わせはコチラ

お見積もりやご相談などお気軽にお問い合わせ下さい。Tel. 092-262-2920