3月 16

納品済みのWordPressで問題が発生したので、その原因と対処などを。

【トラブルその1】

[現象]アップロードしたワード・エクセル・パワーポイントのファイルを、ダウンロードしようとするとなぜかZipファイルになってダウンロードされ、正常に開けない。また、Safariだとそのファイルのソースが表示されてしまう。

[原因]officeの新しいバージョンのファイルは、実は1ファイルではなく、Mac OS Xのパッケージファイルみたいに複数ファイルをアーカイブしたZipファイルである。拡張子でいうと、docx,xlsx,pptxのファイルが該当。適切なmime typeが割り当てられてない為、ブラウザ側がなんのファイルか分からず、中身をみてZipと思って処理しまっている。

[対策]
ファイルの正体(?)を明示的に示す必要がある。httpd.confに、下記3行を追加。httpdを再起動すればOK.

AddType application/vnd.openxmlformats-officedocument.wordprocessingml.document .docx
AddType application/vnd.openxmlformats-officedocument.spreadsheetml.sheet .xlsx
AddType application/vnd.openxmlformats-officedocument.presentationml.presentation .pptx
※画面の都合で改行されてますが、実際はAddTypeから1行で記述してください。

[参考リンク]
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1426328894
http://trivia.cocolog-nifty.com/blog/2010/01/docxzip-9104.html

【トラブルその2】

[現象]突然、記事の「プレビュー」が出来なくなった。

[原因]リビジョン管理とアートセーブ機能を停止するプラグイン→ http://exper.3drecursions.com/2008/07/25/disable-revisions-and-autosave-plugin/ を入れていると、プレビュー機能が死んでしまう模様。

[対策]プラグインをOFF。しかし、OFFすると自動保存が利いてしまい、正直、残念な感じ。皆さんも困ってる模様。これはWordPressの該当機能の動作仕様に問題があるんだろうけど。

[参考リンク]
http://wp.mmrt-jp.net/2009/04/17/3269/
http://suirakukai.com/wordpress/291/disable-revisions-and-autosave-plugins

Popularity: 4% [?]

written by ANN

12月 29

年明けから本気だす為に、WEB制作に便利なチートシート(Cheat Sheet)のまとめです。主に日本語版かつPDFで入手できるものを集めました。日本語版が見つからないものは、非日本語版も掲載しています。

1.CSSのチートシート

from CSS Cheat Sheet 日本語版 | textdrop

2.正規表現のチートシート

from 正規表現 Cheat Sheet 日本語版 | textdrop

3.PHPのチートシート

from PHP Cheat Sheet 日本語版 | textdrop

4.MySQのチートシート

from 漢(オトコ)のコンピュータ道: MySQL Cheat Sheet 1.0

5.SEOのチートシート

from SEO基本技術のチートシート(トラの巻)を作ってみた | Web担当者Forum

6.WordPressのチートシート

from WordPress Help Sheet 日本語版 | textdrop
※その他WordPressの開発用のさまざまなチートシート→WordPressチートシートいろいろ・SEOとかテンプレートタグとか – かちびと.net

7.mod_rewriteのチートシート

from mod_rewrite Cheat Sheet 日本語版 | textdrop

8.Subversionのチートシート

from Subversion Cheat Sheet 日本語版 | textdrop

9.Gifのチートシート

from Git Cheat Sheet 日本語版 | textdrop

以下、英語版です。

10.HTML5のチートシート

from HTML 5 Cheat Sheet (PDF) – Smashing Magazine

11.jQueryのチートシート

from jQuery Cheat Sheet
jQueryは日本語版のチートシートが無かったけど、いずれ誰か作るだろう。とりあえず jQuery 1.3.2 日本語リファレンスがあれば充分。

12.htaccessのチートシート

from the jackol’s den » htaccess Cheatsheet
※htacdessのチートシートの日本語版はどっかにあった気がするんだけどな~

13.PHPの各種演算結果のチートシート

from BlueShoes: PHP Cheat Sheet

14.実体参照文字のチートシート

from XHTML Character Entity Reference

15.adobe Flash CS4 キーボードショートカットのチートシート

from

16.Unix/Linuxのコマンドのチートシート

from Unix/Linuxコマンドリファレンス – よたらぼ 保管庫

17.ActionScript/Tweenerのトランジションのチートシート

from 超訳:Tweenerドキュメント&言語リファレンス

18.ActionScript/Flexのクラス・API相関図ポスター

from Ted On Flash: Cube Wallpaper – AS3 and Flex API Posters

こうやってみると、textdrop – http://www.textdrop.net/さんによる日本語化されたものがおおいですね。ありがたいです。

僕もなにか作ってみようかな。

Popularity: 8% [?]

written by ANN

10月 26

あんまり同様のケースはないと思うけど。

a b c d e
1 2 3 4 5

というテーブルがあったとして、

a b c d e
1 2 3 4 5

というふうに、列の前2つだけを選択し、なにかしら処理をしたい場合のjQueryの書き方。

それぞれのセルにclassやIDを付けてやれば簡単なんだけれど、可変のtableで、できるだけ固有の識別子をつけずに、前2つとか、特定のセルを処理したい場合。


JavaScript:
  1. $("tr").each(
  2.  function(index,obj){
  3.  $(obj).children().slice(0,2).css("background-color","orange");
  4.  }
  5.  )

…もっと短いコードで実現できそうな気もする。解る人教えてください。


それと、コードの表示にiG:Syntax Hiliterを使ってるのだけれど、記事のソースを直接修正したあと、ビジュアルエディタにもどると、行に<br>が追加され、それがコードとして表示されてしまう。なんとかならないだろうか。

Popularity: 4% [?]

written by ANN

10月 06

いつのバージョンからか分からないが、少なくとも今使っているWordPress 2.8では、テーマ中のwp_head()によって出力されるWordPress付属のjQueryは、 jQuery.noConflict(); されてるので、そのままでは、$("#hoge").click(~)といった使い方ができません。

これはどういうコトかというと、ちまたで配布されているほとんどのjQueryプラグインは、$(~)を前提としているので、そのままでは動かないプラグインが沢山ある、ということです。

WordPress付属のjQueryが、ptorotype.jsと併用できるようにとの措置なんだろうけど、正直、最近prototype.js使って無く、jQuery Onlyなので、この措置は逆に面倒です。

jQueryのプラグインのソース側を修正してもいいけど、プラグインによっては、packされたファイルしか提供しておらず、修正が面倒なものも多いです。

というわけで、僕は、テーマ中のwp-head()を削除して、 自作テーマのディレクトリ中にjsディレクトリを作り、そこに最新のjQueryを入れて読み込むようにしています。

[追記] あ、wp-head()を削ってしまうと、テーマのヘッダになにかを追記するようなプラグインが動作しないかも。要確認。

■関連情報 ・wp_enqueue_scriptで外部JavaScriptの読み込みをスマートに at WordPress.ex-libris.jp

Popularity: 6% [?]

written by ANN

9月 30

ずばり、「カテゴリへのリンクで、カテゴリ下に1つか記事がない場合、その記事にリダイレクトするWordPressのプラグイン」です。

WordPressのデフォルトの動作だと、カテゴリ下に記事が1つしか無くても、まず一覧状態で表示されます。

たとえば…

>>>>>続きを読む

Popularity: 2% [?]

written by ANN

9月 24

使えるWordpressハック集「10 useful Wordpress theme hacks」 | DesignDevelop

にて、紹介されているけど、全10このうち、3つしか紹介されてないので、元記事を読んで勉強のため、残り7つを紹介します。

>>>>>続きを読む

Popularity: 3% [?]

written by ANN

8月 14

とあるサイト構築について検討中。

サイトの機能として、ある種の「時間割」を表示しそれを内部スタッフが自由に編集したいという要望。

更新頻度は年に数回程度。年に数度であれば、特別な仕組みを入れるまでもなく、その都度、編集をこちらに依頼してもらえればOKと話したのだが、どうしても先方は自分たちで変更したいといって聴かない。

その方がコスト高になると言っても、聞かない。

時間割といっても単純にn × nの碁盤のようなtable/表組みでなく、上下左右にコマを連結する必要があり(コマの増減もあり)、項目もある程度限定できるので、PHP + MySQLにて「時間割」を管理するシステムの構築を提案していた。

その後、それとは別に、サイト全体のページを編集/管理したいというので、WordPressの導入を検討。

さらにその後、他社の見積によると、時間割部分もCMSに含められているので、時間割管理システムの費用を削れないか…と。(-_-;;

WordPress内でも工夫すれば時間割的なページを作って編集することはできるだろうが、専用に作られたものとでは編集しやすさ・管理しやすさがだいぶ変わってきます…と説明するも、年に数回の編集のためにそこまで予算を取れないとの。予算がなく、年に数回であればその都度依頼してもらったほうがと前に説め(ry

前置きが長くなったが、出来るだけWordPressで簡単かつ自由にテーブルを編集できる方法を探してみた。

>>>>>続きを読む

Popularity: 23% [?]

written by ANN

8月 14

このBlogのエンジンをWordPress ME 2.0.11から、WordPress 2.8.1に変更しました。

バージョン間に差があるため、通常のアップグレード方法ではうまく行かずかなり難儀しました。やり方は時間があるときに書こうかな。

しかし、WordPress2.8系の管理画面って、インターフェースが良くできてる。

ただ、あまりに機能が豊富なので、逆に初心者には敷居が高くなってしまってるかもしれないかも。

Popularity: 1% [?]

written by ANN

3月 04

WordPressのビジュアルリッチプラグインをOnにしてると、サムネイルつきのニコニコへのリンク(iframe)が正しく動作しない。(タグが崩れる)

そこで、BBcode形式のタグで組み込めるプラグインを作りました。

↓こんな感じになります。
[nicodou]http://www.nicovideo.jp/watch/sm975673[/nicodou]

iframeを使ってないので、ビジュアルリッチエディタONでもOFFでも利用できます。

くわしくは→ニコニコ動画 貼り付け用 WordPressプラグインを作りました。 » Study to be Quiet.

こっちのblogでは、プラグインの作り方とか、その辺も書いてけたらなぁとか。

Popularity: 7% [?]

written by ANN