「花園神輿太鼓保存会」ポスター
花園神輿太鼓保存会様の秋祭り用のポスターを作成しました。
（画像をクリックするとイメージがご覧いただけます）
- お客様
- 花園神輿太鼓保存会
- 概要
- ポスター制作
- 仕様
- A1、4色
- サポート
- デザイン、DTP、印刷
- 提案のポイント
- 迫力のある神輿の写真を全面に配置し、町のシンボルマークである「下り藤」の紋章を背景に大きくあしらいました。
花園神輿太鼓保存会様の秋祭り用のポスターを作成しました。
（画像をクリックするとイメージがご覧いただけます）
ソフトのインストール方法から、基本操作や画像加工テクニックが満載のムックです。
（画像をクリックするとイメージがご覧いただけます）
「GIMPですぐデキる！フォトレタッチスーパーテクニック2010 」にて作例を3点執筆しました（過去の作例執筆2点も収録）。
ソフトのインストール方法から、基本操作や画像加工テクニックが満載のムックです。
（画像をクリックするとイメージがご覧いただけます）
「GIMPデジタルフォトテクニック2010 (100%ムックシリーズ)」にて作例を3点執筆しました。
ソフトのインストール方法から、基本操作や画像加工テクニックが満載のムックです。
（画像をクリックするとイメージがご覧いただけます）
Love Letter Project実行委員会様が運営されている、「Love Letter Project」の2009年度版の「フライヤー」と「ポスター」を制作させていただきました。
書家の紫舟さんが中心となり、誰かを思いながら、心を込めて、時間を費やして、自分の手で手紙をつづることで愛する人や、家族・友人などへの思いやりについて考えるとても素敵なプロジェクトです。
（画像をクリックするとイメージがご覧いただけます）
大型プリンター導入にともない、インクジェットプリント出力用のポスターを制作しました。
ラミネート加工して会社にオモテに貼っています。
（画像をクリックするとイメージがご覧いただけます）
広友社のイメージポスターを制作しました。
パネルやタペストリーにして会社に貼っています。
（画像をクリックするとイメージがご覧いただけます）
香川県のメンズヘアーサロンROOMS様のポストカードを制作しました。
洒落たカフェかバーと見間違うほどの外観のメンズヘアーサロンです。お近くの方はぜひ！
（画像をクリックするとイメージがご覧いただけます）
香川県のメンズヘアーサロンROOMS様のロゴを制作しました。
洒落たカフェバーかと見間違うほどの外観のヘアーサロンです。お近くの方はぜひROOMSで男前にしてもらいましょう！
（画像をクリックするとイメージがご覧いただけます）
広友社の「会社案内」を制作しました。
ご希望であれば郵送いたしますので、お問い合せフォームから資料のご請求をお願いします。
（画像をクリックするとイメージがご覧いただけます）
和歌山民医連様の「医療体験募集ポスター」を制作しました。
民医連様では、医学生向けの実習や企画、奨学金制度があり、患者さんと地域住民の立場に立つ親切で良い医療を行う医師育成に力を入れておられます。医学生のみなさん、地域のなかで学び成長する、そんな医師を目指してみませんか。
（画像をクリックするとイメージがご覧いただけます）
広友社のスタッフが、日頃デジカメで撮った写真をアップするサイトです。
掲載している画像の利用や加工は、個人・商用問わずフリーとなっております（そんなたいした画像はありませんが…）。
写真を撮るのが好きって方は多いはず。みなさんのサイトにも「フォトログ」っぽい写真ギャラリーサイトを追加してみませんか？
個人のページだけではなく、社内の活動写真日記としての活用や、自社の商品を掲載して宣伝することも可能です。
（画像をクリックするとイメージがご覧いただけます）
晋遊舎様の「GIMPですぐデキる！フォトレタッチスーパーテクニック 2009」で作例を3点執筆しました。
ソフトのインストール方法から、基本操作や画像加工テクニックが満載のムックです。
「GIMP」とはプロが使用するPhotoshop並の画像加工ができるフリーのグラフィックソフトです。一般の方でもデジカメで撮った画像を、簡単に合成や加工ができますよ。
（画像をクリックするとイメージがご覧いただけます）
こども用の印刷物をInDesignで作成されてる制作者の皆さん！「ルビふり」に困ってませんか？
「ふりふり」は、フォームから送信された文章を、Adobe InDesignで読み込めるタグ付きテキストへ変換し、ダウンロードできる無料のWebサービスです（現在、Windows CS3限定）。
ぜひ、ご活用くださいませ！（利用規約をよく読んでくださいね）
（画像をクリックするとイメージがご覧いただけます）
奈良コープ産業様の「さんま寿司」のパッケージデザインをいたしました。
手作りにこだわり、一本ずつ木枠の中で押されて出来上がる「さんま寿司」は絶品です。
（画像をクリックするとイメージがご覧いただけます）
広友社が大阪商工新聞さんの取材を受けました。
「大阪商工新聞（第385号）」の4面にて、弊社の事業内容や取り組みについて記事にしていただいてます。ありがとうございます！
]]>
謹んで新年のご挨拶を申し上げます。
昨年は格別の御厚情を賜り、厚く御礼を申し上げます。
本年も皆様にご満足頂けるサービスを提供できるよう、スタッフ一同邁進してまいります。
何とぞ昨年同様のご愛顧を賜わりますよう、お願い申し上げます。
]]>
新年明けましておめでとうございます。
昨年は格別の御厚情を賜り、厚く御礼を申し上げます。
本年も皆様にご満足頂けるサービスを提供できるよう、スタッフ一同邁進してまいります。
何とぞ昨年同様のご愛顧を賜わりますよう、お願い申し上げます。
]]>
大阪DTPの勉強部屋さんが開催する「電子書籍勉強会」に参加いたします。
電子書籍に興味のある皆様、ぜひご参加くださいませ。
■日時：2010年7月24日（土）
（受付）13時～ （開始）14時～
■会場：TKP大阪梅田ビジネスセンター（TKPゲートタワービル 10F ルームB）アクセス
■参加費：2,500円（領収書の発行有）
セミナーの概要は下記となっております。
]]>■内容（予定）
現在わかっている電子書籍に関する情報を3つにわけてまとめます。
- 電子書籍を見る
- パソコン・携帯・iPad
- アプリ型で見る。ePubで見る
- 電子書籍を作る
- 「InDesignからのEPUB」 Yuji氏（InDesignの勉強部屋）
- 司会を入れてディスカッション。
- DTP系からの作る
- 竹内亨氏（(株)遊文舎）（たけうちとおるのスクリプトノート）
- Yuji氏（InDesignの勉強部屋）
- Web系からの作る
- 佐々木康氏（(株)広友社）
- セキュリティ
- 竹内亨氏
PDFに認証をかけて違法コピー出来ないようにする仕組みがいくつかのベンダーさんから提供されていますが、もう少し簡単なものを試験的に作ってみました。デモと解説。
- 電子書籍を売る
- App Storeで売る
- 専用サーバーで売る
定員は40名程を予定しています。
先着順ではありません。定員を超えた場合は抽選になります。
2010年5月1日（土）～5日（水）
2010年5月6日（木）から通常営業いたします。
※休業期間中のお問い合わせについて
メールでのお問い合わせは24時間受け付けますが、上記休業期間に頂いたメールにつきましては5月6日以降に順次対応させていただきますので、ご了承下さい。
]]>
弊社のスタッフが、「ADOBE® CREATIVE SUITE® 5 デザインセミナーツアー」（大阪会場）にて、パネルディスカッション「変わってきた制作と印刷の現状 ～紙媒体とクロスメディアのこれから～」のゲストスピーカーとして出演いたします。
ADOBE CREATIVE SUITE 5印刷関係またはWeb関係の皆様、ご参加くださいませ。
日時：2010年5月26日（水）
会場：ブリーゼプラザ小ホール（大阪市北区梅田2-4-9）
第1回 開場12:30 開演13:00～15:30
第2回 開場16:00 開演16:30～19:00
（第1回・第2回 各回定員 : 250名）
参加費無料（事前登録制）
セミナーの概要は下記となっております。
]]>ADOBE® CREATIVE SUITE® 5 デザインセミナーツアー
紙媒体やWebはもちろん、様々なメディアに向けてデザインを行わなければいけない現在、これからのデザイナーには幅広いクロスメディアに対する取り組みは必須となっています。
Adobe Creative Suite 5 なら、グラフィックデザインのみならず、インタラクティブコンテンツの制作までこなすさいに問題となるデザインの境界線を越える新機能が充実し、より速く、より精細に、あなたの作りたいを手助けします。
Print&Digitalの方向に必要なすべてのコンテンツ制作が可能に！豊かな表現でユーザーの注目を受けるコンテンツを得られる新しい世界を、Adobe Creative Suite 5で手に入れましょう。
今回のセミナーでは最新機能を知るだけでなく、各地・地場のクリエイター様や企業様を招いてのゲストセッションも設け、様々な面からデザイン現場の今を知ることができます。
共通の悩みや取り組んでいるプロジェクト、著名クリエイターによるTipsや世界観など、ここでしか知ることができないセッションばかりです。また、協力企業様によるブース出展もございます。
さああなたも今すぐ、Adobe Creative Suite 5のイベント「Design セミナーツアー」に参加して、これからのデザインに必要なモノを知ろう！
新年明けましておめでとうございます。
昨年は格別の御厚情を賜り、厚く御礼を申し上げます。
本年も印刷物からWEB制作まで、皆様にご満足頂けるサービスを提供できるよう、スタッフ一同邁進してまいります。
何とぞ昨年同様のご愛顧を賜わりますよう、お願い申し上げます。
]]>特定の条件でファイルをアップロードすると、
というエラーが出る。
この現象が発生する条件は以下のとおりだそうです。
ファイルアップロードでエラー「不正な要求です。文字コードUTF-8に含まれない文字データを送信しています。」 | Movable Type 4 FAQ
Perl 5.8.5 以前の場合、Perlのバージョンを上げるのは、レンタルサーバの仕様によるので、無理なところもあります。
また、「Firefox」や「Safari」などのブラウザでアップロードすれば問題はないのですが、「IE」を愛用されている方に、強制はできません。
よって、ここではファイルパスを日本語を含まずに、全て半角英数文字にする方法を紹介いたします。
以下の環境でテストしました。
「スタートメニュー」→「マイドキュメント」を選択します。
「マイドキュメント」に半角英数文字で「新規ディレクトリ」を作成します（「マイピクチャ」内でも大丈夫）。
（名前は半角なら何でもいいです。例：Blog_Photo）
「Blog_Photo」ディレクトリ内にアップロードする画像を入れて、「ファイル名」も半角英数字にします。
MTの「ファイルのアップロード」で、STEP2のアップロードする画像を選択すると、アップロードできるようになります。
「マイドキュメント」に半角英数文字のフォルダを作成しても、画像が投稿できない場合、Windowsにログインするときに、「ユーザー名」が日本語になっている可能性があります。
「ユーザー名」の確認方法。上記の赤線の囲み部分をご確認ください（個人によって異なります）。
もし、「ユーザー名」が日本語になっている場合、変更するのは少し面倒ですので、「Cドライブ」に半角英数文字のフォルダを作成し画像をアップする方法もございます。
以下、手順です。
「スタートメニュー」→「マイコンピュータ」を選択します。
「ローカルディスク（C:）」をダブルクリックして開きます。
「ローカルディスク（C:）」の中に半角英数文字で「新規フォルダ」を作成します。
（名前は半角なら何でもいいです。例：Blog_Photo ）
「Blog_Photo」フォルダ内にアップロードする画像を入れて、「ファイル名」も半角英数字にします。
MTの「ファイルのアップロード」で、STEP4のアップロードする画像を選択すると、アップロードできるようになります。
画像のファイルパスを全て半角英数文字にするのに、「マイドキュメント」や「マイコンピュータ」は日本語なのでは？ と疑問を持たれるかと思います。
「マイコンピュータ」の「ローカルディスク（C:）」は表示が日本語ですが、フォルダの実態は
C:
となります。
また、「マイドキュメント」は
C:¥Documents and Settings¥<ユーザー名>¥My Documents
がファイルパスです（ユーザー名は個人によって異なります）。
例えば、
「ローカルディスク（C:）」の「Blog_Photo」にある「081009.jpg」は
C:¥Blog_Photo¥081009.jpg
がファイルパスとなります（画像選択時に自動でつきます）。
なお、「.jpg」などの拡張子の表示はコンピュータの設定によります（表示・非表示の切り替え可能）。
お客様からいただく原稿も「Office 2007」や「CS3」までの対応が可能となり、スタッフ一同新しいソフトと格闘しながら、日々精進しております。
今回は入稿時の原稿についてご注意がありますので、記載しておきます。
お客様同士の文書のやりとりでも、「メールで送ったWordのデータと文字が変わってるやん」といったこともあるかもしれません。
まだまだ一般的に使用されている「Windows XP（以下、XP）」は、コンピュータの文字コードが「JIS 90」をベースとしています。
これに対して「Windows Vista（以下、Vista）」は、経済産業省が2004年に漢字コードに関するJIS規格を変更した最新の文字コード「JIS 2004」に準拠して作成されており、MSゴシック・MS明朝ともに1,000文字以上が追加されています。
これにより、「XP」と「Vista」では、文字の環境が異なっているため、「Vista」で作成した文書が「XP」では、表示ができなかったり、文字化けする現象が起こります（【図１】参照）。
逆の現象も考えられます。
広友社では、お客様からの原稿を印刷に適した（文章の内容に適した）書体に置換し印刷物を作成しますので、お客様が「Vista」で人名など正しく文字を入力したのに、旧字体に変換されることもあります。
特に「名簿」や「住所録」などは、細心の注意が必要となりますので、事前に広友社の営業にご相談くださいませ。
株式会社モリサワさんによる『「Windows Vista」で変わる文字環境』の詳しい資料がございますので、ご参考ください。
「Windows Vista」で変わる文字環境(株式会社モリサワ様 作成）（PDFファイル／3.3Mb）-------------------------------------------------------------
広友社では、名簿や抄録集などの制作物も承っております。詳しくはお問い合わせください。
]]>社内で新しい「キーボード」と「マウス」を導入し、かなり作業効率がよくなったので、お話したいと思います。
筆者は、今まで「仕事の道具」にこだわるということをしてきませんでした。「キーボード」と「マウス」はPCを購入したときについているモノを使用してましたし、「マウスパッド」は雑誌やプリント用紙を代用して使用していました(問題外ですね・・・）。まぁ『使えたらええやん』みたいな感じでした。
ある日、スタッフU氏の
『僕たちの仕事は、一日中キーボードとマウスを触るんだから、もっと道具にこだわって、効率的に仕事をしよう』
との提案により、社内で新しい「キーボード」と「マウス」を購入することになりました。
その「キーボード」と「マウス」についてご紹介します。
今回購入した「キーボード」は2台。
一つ目は、
「DIATEC Majestouch Mini」
ミニというだけあって通常のキーボードより、幅が約6センチ短い。短いといってもキー同士のピッチは同じで、比較的使用頻度の少ない3つの特殊キー（右Alt/右Ctrl/Winアプリケーション）を省き、5つのキー(Home/End/PageUp/pageDown/Insert)はShiftキーとテンキー部との組み合わせで代用します。
打感も悪くなくやわらかいのにしっかり打てるといった感じ。また、「キーボード」の横に「マウス」を配置しても体をひねることなく操作が出来て、作業スペースの確保となりました。
二つ目の「キーボード」は、
「東プレ Realforce 91UBK」
これも上のミニと同じで、幅が短のにキーピッチはフルキーボードと変わりない。違いは、テンキーを省いていること。
テンキー操作になれている方には、使いづらいかもしれませんが、なんといっても打感が軽くて素晴らしい・・・。
「enterキー」だけ微妙に音が違っており(心憎い）、「スコスコスコ…キン」という感覚で軽快に打鍵できます。大げさでなく「疲れがとれるキーボード」といったところでしょうか。
値段だけのことはあります。金額に余裕があればかなりお勧めします。
続いて「マウス」も2種類購入しました。
一つ目は
「Logicool MX Revolution」
詳しい機能は製品サイトを見ていただくとして、ホイールを回したときのクリック感を自由にON/OFFできる「MicroGearプレシジョンスクロールホイール」により、一行単位でも数千行単位でも指先一つでホイールを操作できるのがかなり快適です。任意のテキストをドラッグしてワンクリックでブラウザで検索できるのもかなり便利。
また、人間工学にもとづいているだけあって親指がしっかりマウスに乗って手によく馴染みます。充電式のコードレスなので電池を入れ替える面倒くささもないです。
まだ数日しか使ってませんが、作業効率が上がり、肩こりとストレスが軽減しました。
二つ目の「マウス」は
「Logicool G9 Laser Mouse」
ゲーマーに圧倒的な指示を受けている「マウス」です。
さすがに「世界最強のカスタマイズマウス」というだけあって、上の製品の機能にプラスして解像度の変更、重さの調整、カバーの付け替え、などユーザーに合った細部までのカスタマイズが可能です。
また、マウスの解像度やプロファイルを示すLEDを搭載しているので操作感もよく、見た目もかっこいい。これでコードレスなら完璧なんではないでしょうか。
ついでに「マウスパッド」も購入しました。
「シグマAPOシステム販売 エアパッドプロIII」4枚（Win用とMac用）
「史上最強のマウスパッド」というだけあって、ポインタの動きが、非常にスムーズ。
セットの「エアーパッドソール」をマウスの裏に貼ると、まさに「エアーホッケー」なみに滑りまくります。
（写真は、ちとエアーパッドソール貼り過ぎ？）手の移動距離も少なくてすみ、手首にやさしいのでストレスを軽減します。
「道具はいいものを使おう！」
これにつきます。
次はモニターにこだわりたいと思います。。。
今回はSketchUp（スケッチアップ）について説明します。
簡単な建築物を作ることに威力を発揮する3Dソフトです。
このソフトは、Googleが無償で提供するサービスのひとつで、ここから誰でも簡単にダウンロードして使用することができます。
無償版と有償版の2種類があります。
ただ、無償版と有償版の差はデータの書き出しの制限などほんの僅かです。
無償版は英語版のみですが、SketchUpの公式サイトの有償版用のビデオチュートリアル（日本語ボイス解説付き）があるのでここを活用しましょう。
［Rectangle（長方形）］ツールや［Push/Pull（押す/引く）］ツールを使うだけで、スケッチ感覚で簡単に立方体や三角形の屋根がつくれます。
この感覚は、今までの3Dソフトでは得られないものです。
慣れてくれば、いろんな窓の形やベランダなども短時間で作れるようになります。
［shadows（影）］を使ってモデルに太陽光の影を投影することもできます。
いろいろな瓦や壁のテクスチャも内蔵されており、無償にしてはかなり本格的なソフトではないでしょうか。
自分のモデリングだけで満足できなければGoogleより登録されたハイポテンシャルな既存のモデリングデータをダウンロードして使用することも可能です。
ここではヘリとポルシェを使用しました。
また、このソフトはGoogle Earthとの連携も考えられており、Google Earth上に自分の作成した建物をSketchUpのplace modelより出力して配置することも可能です。
興味を持たれたなら早速ダウンロードしてみてください。
でわまた。 ]]>圧倒的なサービスを提供し続けるGoogleの「Google Earth」を使って簡単な動画を作成してみました。
以下、簡単な作成の流れをご説明します。
これがないと始まりません。まだインストールしていない方は、「Google Earth」をインストールしましょう。
動画を作らなくても1日遊べます。
「Google SketchUp」をインストールします。
同じくGoogleが提供する無料3D作成ツール「Google SketchUp」で建物を作成します。「Google SketchUp」は、「Google Earth」との連係機能を備えており、3Dモデルを自由に「Google Earth」上に配置できる無料3D作成ツールです。
今回、弊社のビルを作成してみました（実際はこんなにでかくないです・・・）。
まず、「Google Earth」で任意の場所を検索で指定し、「Google SketchUp」にエリアの画像を配置し、その上に建物を作成します。四角や円の図形を押し出すだけで直感的に作れます。
次に作成した建物を「Google Earth」に送ってあげます。
「Google Earth」の画面を「「Windows Media Encoder」で録画します。
「Windows Media Encoder」のインストールと動画の取り込み方法は、以下のサイトを参考にさせていただきました。ありがとうございます。
お気に入りのカメラワークが設定できたら、エンコードして録画しましょう。
「Windows Media Encoder」で保存された「WMV形式」の動画を編集します。
編集といっても部分的にカットしたり、サイズの調整です。動画編集ソフトは、「Adobe Premiere」を使用しました。
「そんな高価なソフトないや」って方でもWindowsなら「動画編集・変換フリーソフト」などで検索すると多数のフリーソフトがありますので気に入ったものをお探しください。
編集が終わると「FLV形式」の動画に変換して保存します。
「FLV形式」で書き出された動画を「Flash」に埋め込みテキストのムービーと合成してみました。
なお、「Flash」での動画の埋め込みは、かなりデータを重くするので、取り込む前の動画のサイズや画質の圧縮に注意が必要です。
以上、動画の素材として「Google Earth」を使う簡単なTIPSでした。それぞれのソフトが奥が深いので操作説明はしていませんが、作業の流れを自分用のメモ書きとして掲載しました。興味がわいたら試してみてください。
「はてな」や「del.icio.us」といった日本で主要なソーシャルブックマークにクロスポストすることが出来るシステムです。ボタンを生成してテキストをブログに貼付するだけで、簡単にブックマークアイコンが追加できます。
また、どのエントリーがブックマークされたかを解析、統計することが出来るブックマーク統計機能もあり、かなり便利そうです。
自分のブログやホームページに、ブックマークアイコンを付けると、閲覧者は、クリックするだけで任意のソーシャルブックマークサイトにブックマークできるサービスです。
弊社も早速追加してみました（記事の右下にあるアイコンです）。
などなど・・・
皆さんのブログにもどうですか？
]]>グラフィックデザインに関わっている方は周知のことかと思いますが、一般の方はともかく意外とWEBデザイナーの方でも「解像度」について理解されていない方も多いのではないでしょうか。
よく画像原稿を入稿したが、「画像の解像度が低い」「画像が小さい」「印刷すると粗くなった」などと印刷業者の方からいわれたご経験はありませんか。
ここでいう「解像度」とは、「画像のきめ細かさや滑らかさの度合い」です。厳密にいうと１inch（インチ＝2.54cm）当たりのdot（点）の数のことです。単位は「dpi（dot per inchの略）」で表現し、この値が高いほど、より自然に近い美しい画質が得られます。
たとえば、「72dpi」という解像度は、１inchの幅に72個のドット(点)が収まっているということになります（下表のdpiの表示の違いを参照）。
 |  |  |
|---|
デジタルカメラでよく耳にする「画素数」ですが、画像のデジタルデータは、画像を細かく分割したものを1つの色で表現します。この分割した面積を「画素」といいます。上記のドットの大きさと同じようなものだと思ってください。よって、画像の分割が多いほど（画素数が多いほど）、自然に近い美しい画質が得られます。
モニターの解像度はこの「画素数」にあたり、画面全体をいくつの「画素」で表現するかを意味しています。
一般的に画像の解像度は「300～350dpi」あれば、高品質な印刷ができます。高価な美術書や写真集となると「400dpi」は必要です。
パンフレットやチラシなどに使用する画像にホームページからダウンロードした画像が使えるかとご質問を受けますが、ホームページで表示している画像は72dpi（低解像度）で、印刷すると粗くなりますので使用できません。
基本的に「96dpiまたは72dpi」です。
モニタのデバイス解像度は、機種によって異なりますが、一般に「Windows」は96dpiです。「Mac」のモニタのデバイス解像度は一般に72dpiです。
現在ブラウザでご覧になっている画像の大きさが「96dpiまたは72dpi」で実寸に近いとお考えください。よって、Webでは印刷とは逆に表示を遅くするだけなので、高すぎる解像度は必要ないということになります。
ブログなどで、画像をアップするときは、大抵画像の大きさを設定できるようになっていますので、参考にしてみてください。
なお、「Flash」などに画像を取り込んで加工するのであれば、200dpiぐらいは必要かもしれません。
画像の大きさの比較を下表に表してみました。各「Sampl」をクリックしてみてください。
当然ブラウザでの表示になりますので、「解像度」は「72dpi」となっています。Webと印刷物に使用する画像の大きさを比較してみてください。
サイズ | Web | 一般印刷物 |
名 刺 （55×91mm） | ||
ハガキ （100×148mm） |
印刷時は、印刷する紙などにあわせて「解像度」を「300～350dpi」ぐらいに設定しなおします。ブラウザでは「72dpi」で表示していますが、実際の印刷時の大きさは各サイズの大きさ（単位cmやmm）となります。
「Photoshop」などのグラフィックツールが、あれば「解像度」を調べることができます。
「そんなソフト高くてよう買わん」という方は、フリーの画像編集ソフト（GIMPなど）もありますので、興味があれば調べてみてください。
また、簡単に画像の大きさを調べるのであれば、「jpg」の画像データを「IE」や「fierfox」などのブラウザにドラッグ＆ドロップしてみてください。あくまで目安ですが、印刷時に必要な大きさは、ブラウザに表示した画像の大きさの「約4～5倍」だと考えてください。
なお、今回は「解像度」についてご説明しましたが、デジタルカメラなどで撮った画像の色は「RGB」で表現されており、印刷時には「CMYK」に変換する必要があります。「RGB」と「CMYK」の違いは、機会があればこちらで、掲載いたします。
以上、簡単ではございますが、ご家庭で年賀状を作成したり、ブログに画像を掲載する際にもご参考にして頂けたら幸いです。
]]>
大阪DTPの勉強部屋さん主催の「写植の時代」展。
写植や版下世代の人たちだけではなく、文字や組版に興味ある人やデザイナーさんもぜひ行ってみましょう！ きっと、明日の制作の糧となるはずです。
私も微力ながら、今回のチラシをデザイン制作させていただきました。
展示時間 14時～21時
※19日（日）は閉館
展示を観るのは無料
〒530-0025 大阪市北区扇町2-1-7
扇町キッズパーク 3F 交流スペース（3）
3つの催しには参加費500円
]]>
電子書籍の新規格「EPUB 3」は、 HTML 5 や CSS 3 をベースにしているため、ビデオやオーディオなどのマルチメディアに対応したコンテンツや、JavaScript によるインタラクティブなコンテンツの作成が可能となります。
また、いままでの EPUB では表現できなかった日本語の縦書きとルビ、圏点などの機能が実装されています。
今回は、EPUB 3 への書き出しに対応している「InDesign CS 5.5」を使用して、EPUB 3 の縦書きとルビ機能を試してみました。
テキストの素材は、青空文庫さんから太宰治の「走れメロス」をダウンロードしました。ありがとうございます。
InDesign でルビを入れて縦書きで組んでみました（とりあえず組んだので、文字組みに関する突っ込みはナシの方向で）。
本文や見出し、文中の縦中横などを「段落スタイル」と「文字スタイル」で設定しておくと、書き出される CSS にもスタイル設定が引き継がれるので、必ず設定しておく。
各スタイルから「タグを書き出し」で書き出されるタグを編集できるようですね。
「段落スタイル」と「文字スタイル」のオプションメニューから「すべての書き出しタグを編集」を選ぶと、複数のスタイルのタグやクラス名の編集が一括でできるので便利。
スタイルの設定ができたら、EPUB への書き出し。
【ファイル → 書き出し】で「EPUB 書き出しオプション」は、「一般」と「画像」はデフォルトで、「目次」の「CSS オプション」の「埋め込みフォントを含む」はチェックをはずしました（※フォントを埋め込んでも、正常に表示しなかったので）。
EPUB ファイルの拡張子を「.epub」から「.zip」に変更後、解凍。「OEBPS」フォルダにある HTML ファイルを開く。
EPUB ファイルの解凍と圧縮方法は、以前 EPUB に動画を埋め込んだ記事を参考にしてくださいませ。
iPhoneのiBooks用EPUBに動画を埋め込む - STAFF_01 [KYS-LAB]
HTML ファイルを開くと、XHTML 1.1 形式で書き出されてますね。EPUB 3 の記述は HTML 5 ベース（XHTML5）だったはず。InDesign CS 5.5 からは EPUB3 への書き出しにに対応しているとのことだが、このへんはアップグレードで解消されていくのかな？ 設定を見落としていたらスミマセン。
とりあえず、HTML 5 の記述に修正していく。
自動で書き出された DTD と html の属性を変更。
<?xml version="1.0" encoding="utf-8" standalone="no"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2011/epub" lang="ja" xml:lang="ja">
link 要素に設定する type 属性も省略できるので削除しました。
<link href="template.css" rel="stylesheet" type="text/css" />
<link href="template.css" rel="stylesheet" />
つづいて、CSS ファイルを開く。
body タグに縦書きに反映させるベンダープレフィックスを追加（「-epub-」と「-webkit-」）。
body { writing-mode : vertical-rl; -epub-writing-mode : vertical-rl; -webkit-writing-mode : vertical-rl;}このプロパティは行送り方向を設定する。
Windows では MS 明朝以外のフォントでは縦書きにならなかったので、使用フォントを変更。
font-family : "Hiragino Mincho ProN W3", "@ＭＳ 明朝", serif;
本文の文字サイズをブラウザ標準サイズの 1em に。
font-size : 1em;
タイトルと著者名を追加。
<dc:title> 走れメロス</dc:title> <dc:creator> 太宰治</dc:creator>
現時点では EPUB 3 に対応した正式なリーダーがまだ出ていないとのことなので、EPUB 3 に対応した Web ブラウザ「Google Chrome」で確認。その他、バリデートや各種リーダーでもどのように表示するのか一応確認してみました。
とりあえず、修正した EPUB が正しいのか、「Validate EPUB」でチェックしてみました。
「Validate EPUB」は、EPUB をバリデートして構文チェックをしてくれる便利な Web サービスです。
Validate EPUB
エラーでまくり。。。（140個も）
まだ EPUB 3 には対応していないのか、「ruby」要素は許容してないよ的なエラー内容も。
気をとりなおして「Google Chrome」で確認。お、縦書きで表示されますね。ルビもちゃんとふられてます。
現時点（2011.7.20）では、EPUB 3 に対応してませんが、iPhone の「iBooks」で一応確認。うーん、やはり縦書きで表示されない。
「Stanza」でも確認。やはり縦書きで表示されませんでした。
EPUB 3.0 に対応している PC 専用リーダー「espur（エスパー）」で確認。あ、縦書きで表示されていますね。ページ送りは逆になってましたが。サンプルの「草枕」ではきちんとページ送りできていたので、ボクの設定がおかしいんだと思います。
espur（エスパー）：縦書き用電子書籍リーダー/eBook Reader for EPUB3(EPUB Enhancements for Japanese Text Layout)
今回は検証してませんが、Mac な方には「Murasaki」という EPUB リーダーが縦書きに対応しているそうです。
Murasaki - Simple EPUB Previewer
InDesign 5.5 になって、EPUB の書き出しがかなり便利になっていますが、完全に自動化ってわけにはいきませんね。
EPUB 3 については、対応したリーダーが出ていないので、広がっていくのはもう少し先かもしれません。今回は正式なマニュアルもなく、自分で調べた範囲内で制作したので、工程で間違っている箇所もあるかと思います。コメント等で突っ込んでいただけたら嬉しいです。
HTML と CSS のソースは、「jsdo.it」に上げときました。
走れメロス - jsdo.it - Share JavaScript, HTML5 and CSS
前回、Dreamweaber CS 5.5 の「jQuery Mobile」対応機能で、スマートフォンサイトのサンプルを作ったので、今回は、これも 5.5 で新しく追加された「PhoneGap」の機能で、Android のネイティブアプリケーションに変換してみました。
Nitobi 社が開発したクロスプラットフォーム・モバイルアプリケーションの開発フレームワークで、HTML ＋ CSS ＋JavaScript を用いて、iPhone / Android のネイティブアプリケーションを開発できます。通常 Objective-C や Java を習得しないとできないことを代わりにゴニョゴニョしてくれる非常にありがたいオープンソースソフトウェア。
スマートフォンサイトが完成したら、PhoneGap でアプリに変換。
まず最初に、【サイト → モバイルアプリケーション → アプリケーションフレームワークの設定】で Android SDK のパスを設定する（ Mac 版は iOS も可能）。
「簡易インストール」で任意の場所に Android SDK をインストール（今回はデスクトップに）。
続いて、【モバイルアプリケーション → アプリケーション設定】で、アプリ名や作成者名、アイコンなどの画像を設定。
※アイコン画像（36 x 36 px）とスタートアップスクリーン画像（320 x 480 px）は、あらかじめ PNG 形式で作成しておこう。
最後に、【モバイルアプリケーション → ビルドおよびエミュレート → Android 】でスマホアプリに一発変換。
※DW が機嫌のいい時とわるい時があるみたいで、エミュレータが開いてくれないことがある。
変換中...
お、Android が起動
ロックを解除して
アプリを選択すると
アイコンが表示された
スタートアップ画面も
jQuery Mobile で作成したサイトもちゃんと表示しました！
たったこれだけの作業で、スマホアプリが作成できるってスゴイっすね（内容はともかく...）。こんなボクでも何か作れるんじゃないかって勘違いさせてくれますわ（笑
]]>
5月下旬に発売された「Dreamweaber CS 5.5」がスマートフォン対応機能が強化されたとのことなので、「jQuery Mobile」を少し触ってみました。
jQuery Mobileとは、iPhone、Android、Windows Phone、BlackBerry などのスマートフォンに対応したサイト構築するためのフレームワーク。jQuery のプラグインとして動作します。
【ファイル ＞ 新規】で、「サンプル作成」から「モバイルスターター」 → 「jQuery Mobile (CDN)」を選択すると、
4ページ分のテンプレートが自動で出来上がる。
ウィンドウサイズもいくつか用意されており、「320 × 480」を選択すると iPhone のサイズに。
デザインビューを「ライブビュー」に切り替えると、実際の画面を確認できる。
基本のテンプレートが用意されているので、こんなぐらいのサイトなら、あっちゅーまに出来てしまいます。
現時点（2011.06.27現在）で、jQuery Mobile のBETA版がでているので、最新版を読み込むように変更（デフォルトでは前のバージョンの Alpha 版を読み込むように設定されている）。
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" /><script src="http://code.jquery.com/jquery-1.6.1.min.js"></script><script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
<h1>のタイトルを書き換えると、ページのタイトルが変わります。
<div data-role="header"> <h1>KYS-LAB</h1></div>
Back ボタンを追加したい場合は、下記を header に追加（Alpha 版ではツールバーにデフォルト表示）。
<a href="#page" data-rel="back">Back</a>
つづいて、各ページのコンテンツ部分。2ページ目に弊サイトブログの feed を読み込ませました（ Google AJAX Feed API を利用。参考記事： Google Feed APIで3分マッシュアップ）。
ajaxのリンク先が php の場合、うまく認識してくれなかったので、通常のページ移動をさせるために、a タグの属性に「rel="external"」を追加しました。 
3、4ページ目はそれぞれプロフィールと問い合わせ先を追加しました。スクリプトを書かずにマークアップだけで構築できるのはとても便利。
KYS-LAB（スマホバージョン）
凝ったスマホサイトやアプリを作るわけじゃなければ十分かも。今後、スマホをターゲットにしたサイトやアプリは必須だと思うので、その他の機能もちょっとずつ覚えよっと。
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
[JS]jQuery Mobileでスマフォ対応ページをはじめて作成する際に役立つコード集とつまづきやすいポイント | コリス
jQuery Mobile Beta1へのアップデートについてまとめたメモ ::ハブろぐ
↓このぐらいカスタマイズできたらスゴイっすね。
jQuery Mobile Examples - JQM Gallery
「KYS-LAB」は本日6月14日から明日にかけてサーバー移転をします。しばらくサーバーにつながりにくくなるかと思いますが、何卒ご了承くださいませ。
主要コンテンツの移転はほぼ完了しました。いやぁ、CMSだけでも7つあったのでなかなか大変でした。
以下、サーバー移転でハマったんで自分用メモ。同症状でもサーバーによっては解決しない可能性が高いので、鵜呑みにしないでくださいね。
「GIMPスーパーテクニック教本」（晋遊舎）にて作例を1点執筆しました。
「馬と鳥の写真（上）からペガサスのCG（下）に」
月と宇宙空間を一から作成後、馬と鳥の羽の写真を合成・加工し、ペガサスのCGを作成しました。
詳しくは、ムックを見てください～ (^_^;
]]>
昨年、モリサワ文字文化フォーラムで、中村勇吾氏がチラッと話されてたデジタルな額縁「FRAMED*」が正式に公開されました。
ソフトウェアアート／映像／モーショングラフィックといった様々な形式の表現を、暮らしの中で日常的に体験して頂けるようデザインされた新しい「額縁」。それが「FRAMED」です。
via 中村勇吾氏のTwitterより
ほんと素敵ですね。
確か、デバイスから海外の企業と共同で開発しているとおっしゃっていたので、それなりのお値段になるでしょうが、インテリアに欲しい！（そんなシャレた家に住んでへんけど）
]]>
WordPress 3.1 でサイトを構築していて、アップロードファイルのサイズで少しハマったんでメモ。
投稿画面でお客さんから送られてきた PDF データを挿入しようとしたら、「●●.pdfは、エラーのためアップロードに失敗しました このファイルは、このサイトのアップロード上限を超えています。」のエラー表示。
よく見ると、「アップロードファイルの最大サイズ：1MB」となっていました。1MB って。
ボクたちのような仕事をしていて、画像や PDF のサイズを変更できれば別ですが、ふつう一般の方でそこまで気をつけて、サイズを調整されないはずです。デジカメで撮った大きい画像もバンバン掲載していかれるでしょうし、アップロードファイルサイズの上限値を上げる必要があります。
ファイルサイズの上限値を変更しようとググってみると、「.htaccess」や「php.ini」ファイルで設定するとのこと。
WordPressのインポート機能で2MB制限を突破する方法 - IDEA*IDEA ～ 百式管理人のライフハックブログ
php.iniを編集してインポートできるファイル・サイズを増量する 初めてのWordPress＆PC
が、上記サイトを参考に設定を変えても WordPress 3.1 では、エラーをはき出したり、上限値が変更されませんでした。おそらくバージョン 2.9以下の WordPress なら可能なんだと思います（※試していません、ゴメンなさい）。
あっちこち、ダッシュボード内をさがしていると、「サイトネットワーク管理者」＞「設定」＞「アップロード設定」にありました（※「サイト管理」のほうではありません。サイトネットワーク管理者」です。慣れるまでややこしい）。アップロード容量や最大サイズ、可能なファイル形式など、ここで設定できます。
「アップロードファイルの最大サイズ」が「1500KB」になってました。いくらなんでもデフォルトで 1500KB はないやろって。
とりあえず、アップロードファイルの最大サイズを「30000KB（30MB）」まで増やすと、「29MB」に変更されました。1MB 減るのもよくわからんが。
これは、ネットワーク化（マルチサイト化）設定をしないと出てこないのかなと思い、ネットワーク化していないシングルシステムの WordPress 3.1 を調べてみると、上記のようなアップロードファイルの設定画面が見当たりませんでした（今のところ2011.3.8）。
その代わりにアップロードファイルの最大サイズが 200MB となってます。なんで 200MB やねん。差ありすぎやん。まぁ、もっと本読んで勉強せなあきませんな。
]]>
可変グリッドレイアウトとは、ブラウザのウインドウサイズを広げたり縮めたりすると、コンテンツが再配置されるグリッドレイアウトのこと。一昨年ぐらいから流行ってますよね。
トップページでも試してみようと思いながらも、ずっとほったらかしてたので、突然思い立ってやってみました。
リキッドレイアウト上に、配置されたコンテンツの幅や空きスペースをうまいことゴニョゴニョしてくれる優れものスクリプト（※jQuery.jsが必要）。
解説とスクリプトは下記サイトからどうぞ。
当ブログのトップページに導入してみました。サイドバーは固定で表示させたかったので、コンテンツエリアだけを CSS でリキッドレイアウトにしました（IE6 では少しくずれるのはご愛敬）。
お時間ございましたら、ウィンドウの幅を変更してみてください。こんなことが、簡単にできてしまうのが jQuery のスゴイところですねー。開発者に感謝。
こちらのプラグインもすごそうっす。いずれ試してみようと思います。
可変グリッドレイアウトのjQueryプラグイン書いたよ | Xlune::Blog
Wordpress 3.0 から、ネットワーク化すると複数のブログを管理できるマルチサイトの運営が可能になりました。そうなると、追加した各ブログの情報（新着情報やページ情報など）を取得したい場合が増えてきますよね。
Movabletype では「 MultiBlog 」で、複数ブログの情報をテンプレートタグで簡単に取得できたので、Wordpress も何か似たようなタグがあるだろうと調べてみると、WPMUで使用されていた「switch_to_blog 」という関数を利用するとのこと。
それまでは、各ブログの RSS からタイトルやパーマリンクを抜き出して、最新情報に表示させていたけど、表示が重いしリアルタイムに反応してくれなかったので困っていました。これで一気に解決っす。
ポイントは、「 switch_to_blog() 」の引数にサイト（ブログ）のIDを入れ、各ブログに切り替えて情報を取得する。
<?php switch_to_blog(サイトのID) ?>
サイトの ID は、ダッシュボード内で調べることができます。
ダッシュボード内の「サイトID」
処理が終わると、最後に元のブログに戻す記述を忘れないように。
<?php restore_current_blog(); ?>
例えば、子ブログの新着情報を親ブログに表示させる場合なら、こんな感じで記述できます。
<?php// ブログIDが2の情報を取得する場合switch_to_blog(2);?><dl><?php// 最新記事の5件を表示query_posts('showposts=5');while(have_posts()) : the_post();?><dt><?php the_time('Y年m月d日'); ?></dt> <dd><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>（<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name ;} ?>）</dd><?php endwhile; ?>簡単なサイトマップならこんな感じで取得できます。
<?phpecho "<h1>サイトマップ</h1>";// 各ブログの情報を格納$blog_list = get_blog_list();// 各ブログの情報をID順で表示させるforeach (array_reverse($blog_list) as $blog) { // ブログIDを切り替える switch_to_blog($blog['blog_id']); // 各ブログの概要 echo "<h2>"; bloginfo('description'); echo "</h2>\n"; // 各ブログのページリスト echo "<ul>\n"; wp_list_pages('title_li='); echo "</ul>\n"; // 元のブログにもどる restore_current_blog();}?>「 switch_to_blog 」は、ネットワーク化してマルチサイトを管理する場合、必ず必要となってくる機能だと思います。
switch_to_blog：マルチサイトのポータルを作成する | Goldmine1969 :: BLOG
#WordPress マルチサイトネットワーク内の各ブログから最新の投稿1件を取得し時系列で並べる方法 | umbrella_process blog
]]>
WordPress では「ウィジェット」機能を使うと、サイドバーやフッターの項目の中身や並び順を、管理画面から簡単にレイアウトできます。
その中の「テキスト」ウィジェットを使用すると、任意のテキストや HTML が作成できます。ただ、PHP や WordPress の機能を活用しようと思えば、やはり新規にウィジェットを作成しておいたほうが便利ですね。
で、今回はオリジナルウィジェットの作成方法のメモ書き。
//クラス名は任意class クラス名 extends WP_Widget { //コンストラクタ クラスと同じ名称 function クラス名() { // ウィジェットの初期設定 $widget_ops = array('classname' => 'ウィジェットのクラス', 'description' => 'ウィジェットの概要') $this->WP_Widget('ウィジェットID', 'ウィジェット名', $widget_ops); } function widget($args, $instance) { // ウィジェットのコンテンツ出力 } function update($new_instance, $old_instance) { extract($args); echo $before_widget; echo $before_title . ウィジェットのタイトル . $after_title; //ウィジェットの内容 echo $after_widget; } function form($instance) { // 管理画面のウィジェットに出力するフォームを記述（オプションの設定など） // $instanceには保存したオプションが連想配列で引き渡される。 }}//MyWidgetInit関数function MyWidgetInit() { //ウィジェットのクラス名を登録 register_widget('クラス名');}//widgets_initアクション時にMyWidgetInit関数を実行add_action('widgets_init', 'MyWidgetInit');複数ブログを管理する場合、同じ内容の項目を別データに作成しておき、「 include 」で読み込むだけのウィジェットを作成していると、修正があれば元データをいじるだけなので便利なはず。
WordPress のウィジェットを自作してみる（ただし 2.8以降用） - digitalbox
]]>
今回は、CSV ファイルを読み込んで、連想配列にする勉強をしてみました。配列にすることによって、各データの値が参照できるようになるので重宝するはず。
なにぶん、PHP の勉強を始めたばかりなので、ソースにムダがあると思いますが、大目に見てね。こうしてコードをさらすことで、上達すると思うので。多分。
サンプル用に2つの簡単な CSV ファイルを用意しました。
基本的に、 CSV はエクセルから書き出されることが多いので、文字コードを「 Shift-JIS 」、ダブルクオーテーションなしの「,（カンマ）」区切りにしています（一行目は項目名）。
ID,ソフト名01,Illustrator02,Photoshop 03,InDesign04,Flash05,Dreamweaver06,After Effects
ID,説明01,お絵かきソフト02,レタッチソフト03,編集ソフト04,アニメーションソフト05,コーディングソフト06,動画ソフト
<?php//外部ファイルを配列に$csvFiles = array("text1.csv","text2.csv");//読み込んだファイルの配列に対して繰り返し処理foreach($csvFiles as $key){ //読み込んだファイルの各行のデータを文字列に格納して返す $str = @file_get_contents($key); //SJISからUTF-8に変換 $str = $str = mb_convert_encoding($str, "UTF-8", "SJIS"); //ファイルの改行を<br />に置換（置換する文字は何でもよい） $array = str_replace("\r\n", '<br />', $str); //<br />を区切り文字として分割 $array = explode('<br />', $array); foreach($array as $koumoku => $value){ if($value){ if($koumoku == 0){ //項目名（一行目）は$headerに格納 $header = explode(',', $value) ; }else{ $item = explode(',', $value) ; //その他は$itemに格納 //「CSV名」、「ID」（$item[0]）をキーに連想配列作成 $assoArray[$key][$item[0]] = array_combine($header, $item); } } }}print_r($assoArray); //出力確認?> PHPスクリプト講座：array()による配列生成 -- そふぃのphp入門
]]>
これからはデザイナーでも、サーバサイドのスクリプトもある程度わかっていないとってことで、「 PHP 」の勉強も始めました。
あれもこれも覚えるのは大変ですが、「 WordPress 」も PHP で開発されているので、勉強しておいて損はないはず。
今回は、自分用に PHP 開発環境の簡単なメモ書き。
PHP をローカルの Windows で開発するために、「 XAMPP 」をインストールしました。
XAMPP は、 PHP の開発に必要な PHP や Apache 、MySQL などのソフトがパッケージ化された無償のソフトで、Windows 版も Mac 版もあります（最新バージョンは 1.7.3、2010年11月17日現在）。
apache friends - xampp for windows
なお、PHP の開発には「 Eclipse＋PDT 」が便利なようです。
Pleiades - Eclipse プラグイン日本語化プラグイン
今のところ、Adobeの「Dreamweaver」を PHP のエディタにしていますが、今後「 Eclipse 」も試してみようと思います。
これから少しずつですが、 PHP も触っていきますよ。しっかし、やることいっぱい。。。
いよいよ今月からタバコが値上げされましたね。
たばこ、4年ぶり値上げ＝過去最大、1箱110～140円 （時事通信） - Yahoo!ニュース
ボクも一ヶ月前までは、ヘビースモーカーで毎日二箱以上吸ってました（計40～50本）。飲みに行ったら、それこそ60本以上スパスパ。
今回の大幅値上げは、ただでさえ少ないおこづかいをさらに圧迫させ、まともな生活ができないだろうと判断したので、「2010年9月1日」に禁煙を決意しました。
自分のような意志の弱いヘビースモーカーでも、本当にタバコがやめられるのか不安でしたが、禁煙してかれこれ一ヶ月が経ちます。
単なる自分の禁煙体験談ですけど、禁煙しようか悩んでいるヘビースモーカーさんたちに参考になればと思います。痛いほど気持ちが分かるので。
ボクでもやめられたんで、皆さんも絶対にやめられます！
禁煙のきっかけは、もちろん今回の大幅値上げですが、ある友人の言葉が引き金になりました。
以前からタバコを値上げすることは分かっていたし、10月になる前にやめれたらええやろ、と緩い感じでずっと吸い続けていました。
値上げまであと一ヶ月ちょっという、まだ残暑厳しい8月のある日、友人家族が家に遊びに来たときのことです。
その友人は二年前に禁煙に成功していて、タバコを吸ってるボクを見るなり、
「え！まだ吸ってんの？」（ニヤリ）
と、その言葉の後には「かわいそうに」とか「アホちゃう」みたいな言葉がつづきそうな感じで、ちょっぴり上から目線で言われたような気がしました。
いや、本人はそんな気がなかったとは思います。喫煙者の単なる被害妄想ですな。
でもね。自分でもずっと疑問に思っていたんです。「なんで吸ってるんやろ」と。
体に悪いと知っていながら、惰性で吸い続けて二十年以上。風邪ひこうが、肺が痛かろうがゴホゴホ咳き込みながらタバコを吸ってました。完全にニコチン中毒。
絶対にタバコをやめる気もなかったし、タバコがタブーな話題には耳をふさいでいました。
それが、なんで急にやめようと思ったか。
カチンとはきましたが、友人の「え！まだ吸ってんの？」の一言で、気づいたんです。当たり前のことに。
「ほんまや、なんでこんなに気分悪いのにタバコ吸ってるんやろ」と。
いや、ほんま急に気づいた（気づくの遅すぎ！）。
「昼飯代を削って、タバコ買ってるって、たいがいアホやで」と。
さらに、
「禁煙なんか絶対無理やって思われてるのも腹立つ。もし、タバコやめたら、オレめちゃカッコよくね？」
って、自分のテンションを無理矢理上げました。
今まで、これといった努力をしてこなかったけど、禁煙できたらマジすごいわって思ったら、いてもたってもいられなくなり、絶対にその日でやめてやると決意しました。
それが、「2010年9月1日」の事でした。
禁煙前日に捨てたタバコグッズの一部
ボクの禁煙方法は二つ。
一つは「気合い」です。
禁煙外来や禁煙グッズを利用するなど、色んな禁煙方法がありますが、ボクは何も利用しませんでした。「気合い」のみです。
そんなの長続きしないだろうと思われますが、どんな方法を使おうが、結局は本人の意志の強さであり、「気合い」やろうと。禁断症状もどんとこい！ってな感じで、ニコチンガムやパッチも一切利用しませんでした。
電子タバコも購入しませんでした。聞くところによると「ハンコ」をくわえてる感じだとか。そんな偽物くわえるんやったら、本物のタバコを吸うわと。
もう一つは、「Twitter」です。
禁煙についてつぶやくと、フォロワーさんや検索でみつけられた方からアドバイスやはげましを受けるようになりました。これは、本当にうれしかったですね。あと、みんなの前で宣言したんだから、吸ったらカッコわるいですよね。
自分だけが監視しているとどうしても甘くなるので、Twitterでつぶやきながら、どんどん自分を追い込んでいきました。
あとまぁ、吸いたくなったらつぶやいてたので、ストレス発散にもなりました。
約一ヶ月間の悪戦苦闘するつぶやきを、Twitter のツィートをまとめるサービス「Togetter」にまとめています。
まず、最初のつぶやき。
【禁煙計画】あしたから、タバコを一本ずつ減らす （予定）
2010-08-31 16:32:21
これ、禁煙初心者が必ずやって、100%挫折するそうです（笑）。未練たらたらなのは分かりますが、やめておいたほうがいいです。
「節煙」や「減煙」でググってみてください。禁煙よりしんどいようです。
で、ボクも節煙はやめてスパッと禁煙する決意をしました。
【禁煙 1 日目】節煙ではなく、一気にやめることにした。きょうは朝から一本も吸ってないぞ。どこまで続くのか？ #kinen
2010-09-02 09:29:16
あと、必ずけじめをつけたほうがいいです。いわゆる「卒煙式」。
ボクも最後のタバコをくゆらせながら、厳かに実行しました。
本気出すため、ライターと灰皿を処分した。
タスポもハサミで切り刻んで捨てた。← めちゃ勇気いった。
2010-09-02 09:32:35
このようにタバコグッズは全部処分したほうがいいです。タスポなんか5ミリ間隔ぐらいに切り刻みましたよ。自分の顔の部分を切ってると、うっすらと涙が出てきました。
でも、このぐらいやらないとダメなんです。このときの何とも言えない寂しさは、一生忘れないでしょう。一人卒業式みたいな感じ。
で、平日にいきなり医者にもいかず禁煙を始めたもんだから、強烈な禁断症状が出てきます。
なんか、めまいがしてきたぞ。禁断症状？ きょうは、まったく仕事に集中できない。 #kinen
2010-09-02 15:49:14
体を動かすたびに、立ちくらみのようなめまいが。ドヨーンとした頭痛もずっと続いてました。
でも、このぐらいの症状がないと、禁煙する意味がないっていうか、楽してやめたくなかったんです。それ相当の罰を自分に与えたかったので。ちょっとM？
その後、禁煙の決意を強固にしたのが、これです。
家族の前で正式に「禁煙宣言」。娘が感激して大泣き。これは絶対に裏切られないぞ。親として男として。 #kinen
2010-09-02 21:21:51
これは効きました。娘の涙を見たとき、胸がしめつけられるような思いでした。今までもさんざん「おとうさん、タバコやめて！」って言われてましたし。
それでも、最初の三日間はほんときつかったです。
禁断症状ピーク。。。ぐわー！！！
2010-09-03 20:20:05
@Hiroshi0831 ぎりぎりのところで踏ん張ってます。く、くるちぃー
2010-09-04 02:16:47
【禁煙 3 日目】今までの人生の中で、一番がんばってんじゃねぇーかって思う。そう思わないとやってられない。 #kinen
2010-09-04 08:53:12
今までいかに、がんばってなかったかというか（笑）、苦しんでますねー。
あと、今もときどき顔出すもう一人の自分がいるんです。
【たまに顔を出すもう一人の自分】簡単にタバコを止められるわけないやんけ。頭では分かっていても出来へんのが人間とちゃうんか。簡単に止められたら以前の自分を全否定するというか、そんな軽い問題ちゃうわ。それ相当の苦しみを味わな値打ちないんじゃ。ヘビースモーカーをなめんな！ #kinen
2010-09-24 23:43:17
魂の叫びかと（笑）。相当イライラしてますね。これも日が経つうちに少しずつなくなってきます。
禁断症状はなくなっても口寂しいので、飴や昆布などを口に入れてました。
「ノンシュガー果実のど飴」の白桃味うまっ♪
2010-09-07 09:28:25
「ノンシュガー ミルク酪園」キャラメルミルク味、うまっ♪
2010-09-09 13:29:50
「おしゃぶり昆布」うまっ。とまんなう。
2010-09-12 10:43:46
今でも、会社の机には飴を常備しています。
体調の変化もあらわれてきました。
【禁煙 10 日目】犬並みに嗅覚がするどくなった気がする。特にタバコの臭いに敏感。あと、味覚も変わってきたっぽい。塩っからいものが、より塩っからく感じる。なんで？ #kinen
2010-09-11 08:41:17
ニコチンでふさがれていた嗅覚と味覚が復活しだしました。
@629lov あと、なぜかブラックコーヒーが嫌いになりました（毎日飲んでたのに）。天然水ばっかり飲んでます。おなかタップタプっす。
2010-09-11 08:49:34
コーヒーはタバコとセットだからでしょう。ほんとブラックコーヒー飲まなくなりました。今はミルクたっぷりのカフェオレ。
禁煙してから眠気がひどい。もう寝ます。おやすみなさい ZZz...
2010-09-13 21:46:49
これは、禁断症状の一つかもしれませんが、以前はニコチンが脳みそを覚醒させていたのかも。
まず、これが一番大きいでしょう。お金の節約。
@works014 すでに、6000円（タバコ代 × 10日間）節約できましたよ。やめると、焼酎もっと呑めますよー！
2010-09-11 10:19:26
次に、これ
出かける前や帰る前に、タバコの火の元チェックをしなくていいのも楽だ。 #kinen
2010-09-08 09:06:57
火の元チェックは、何回もしていたから結構面倒くさかったんですよね。
【禁煙 15 日目】顔色がよくなったって言われるようになった。 #kinen
2010-09-16 13:12:31
女性ならなおさらでしょう。くすみがとれます。
【禁煙 17 日目】ウチのおかんに「禁煙してん」と電話したら、かなり喜んでた。ちょっと照れくさかった。 #kinen
2010-09-18 13:22:56
いくつになっても、子どもの健康を願わない親はいません。ちょっとした親孝行かも。
【禁煙 19 日目】家族で行動するとき、超スムーズと好評☆ 今までどんだけタバコの休憩時間をとってたんかと。 #kinen
2010-09-20 13:54:06
これも団体行動では大切ですよね。家族間のしょーもないケンカもなくなります。
【禁煙 23 日目】きのう、近所の子どもたちと鬼ごっこをしたけど、息切れしなかった。筋肉痛だけど。 #kinen
2010-09-24 10:42:41
息切れがなくなる。なんか、いいことだらけっすね。
これ難しいですね。人によって異なるでしょうし。10年やめていた人が突然吸い始めることもあるそうです。なので、自分で目標を決めたらいいと思います。
ボクの場合は、まず１ヶ月としました。その次は３ヶ月、そして１年と延ばしていってそのうち忘れられたらいいかなと。それと、飲み会で吸わなかったら、まず成功といっていいのではないでしょうか。
飲み会に行くと、必ず現役スモーカーたちにいじられます。
【禁煙 25 日目】飲み会で、煙を吹きかけられたり、目の前にタバコを置かれたり、いっぱいイジワルされたけど、耐えたよボク。 #kinen
2010-09-26 05:50:42
自分もしたことがあるので、罰だと思って耐えましょう（笑）。
そして、値上がり前日のツィート。
【禁煙 29 日目】いよいよ明日からタバコの値上げか。今日、最後の吸いだめをするスモーカーさんも多そうっすね。明日からいっしょにがんばりましょー☆ #kinen
2010-09-30 14:29:32
ちょっと、先輩面して余裕こいでますな。でも、この体験がこれから禁煙しようと考えているスモーカーのみなさんの参考になれば幸いです。
興味がありましたら、Togetter に禁煙ツィートをまとめてるので、読んでみてください。
下記のサイトさんも参考になるので、ご自分にあった禁煙方法を見つけてくださいね。
ま、お医者さんに行くのが一番とは思いますが。
北風小憎夫の「ニコチン・アンインストール・マニュアル」 ニコアンって、何？ ～twitterからお越しの方へ～
]]>
iPhone OS の規約変更により、Flash 製 iPhone アプリもガンガン出てきそうなので、Flash のリハビリ。
ActionScript 3.0 で、比較的使用頻度が高いと思われる外部画像を読み込んだスライドショーをつくってみました。
プリロードを入れてないので閲覧されている環境によって、読み込みが表示されないかもしれません（ダメじゃん）。
読み込む画像は、弊社のフリー画像素材集サイト「 KOYU 写」から書き出した XML を読み込んで表示させています。
Flash (ActionScript 3.0)「外部画像読み込みスライドショー」
（要：FlashPlayer 9.0以上）
外部画像をランダムに読み込み、切り替えはトランジションの「 PixelDissolve 」を利用しています。
画像を読み込むたびにメモリが増えるので、必ずメモリ解放をしないといけません。タイミングが難しいですね。
package { import flash.display.*; import flash.events.*; import flash.net.*; import flash.utils.Timer; import fl.transitions.*; import fl.transitions.easing.*; public class KYS_Gallery extends Sprite { //XML読み込みオブジェクトの生成 var myLoader:URLLoader = new URLLoader(); //文字列をURLRequestオブジェクトにする const myURLRequest:URLRequest=new URLRequest("http://www.kys-lab.com/photo/photo_viewer.xml"); //イメージのsrcなどが入るObjectの配列 var img_array:Array = new Array(); //次のスライドの番号 var n:int = 1; //前回のスライドの番号 var m:int = n-1; //トゥイーン var imgTween:Tween; //タイマー var myTimer:Timer; //タイマーの秒数 var time_num:int = 5; //transitionのタイプ var transType:Class = PixelDissolve; public function KYS_Gallery() { myLoader.addEventListener(Event.COMPLETE, onLoaded); myLoader.load(myURLRequest); //読み込み完了時にXML読み込み function onLoaded(e:Event):void { var myXML:XML=new XML(e.target.data); //XMLを解析 for each (var entrydata:Object in myXML.image) { //配列格納 entrydata.path=entrydata.path; img_array.push(entrydata); } //配列をシャッフル var i:int = img_array.length; while (i--) { var j:int = Math.floor(Math.random() * (i + 1)); var t:Object = img_array[i]; img_array[i] = img_array[j]; img_array[j] = t; } //最初のスライド表示 Img_Gallery(img_array[0].path); //読み込み後クリア myLoader.removeEventListener(Event.COMPLETE, arguments.callee); myXML = null; //タイマー実行 myTimer = new Timer(time_num*1000); myTimer.addEventListener(TimerEvent.TIMER, Img_Slide); myTimer.start(); } //次のイメージを指定する function Img_Slide(e:TimerEvent):void { if (n >= img_array.length-1) { n = 1; m = img_array.length-1; } else { n ++; m = n-1; } Img_Gallery(); } //スライドショー function Img_Gallery():void { var imgArea_mc:MovieClip = new MovieClip(); addChildAt(imgArea_mc,0); var imgLoader:Loader = new Loader(); imgArea_mc.name = "img" + n; var url:String = img_array[n].path.toString(); var urlReq:URLRequest = new URLRequest(url); //画像読み込み用 imgLoader.load(urlReq); imgLoader.contentLoaderInfo.addEventListener( Event.COMPLETE , setTransition); function setTransition(e:Event):void { //画像を縮小してステージの中央に配置 var imgX:Number = stage.stageWidth / imgLoader.width; imgLoader.scaleX = imgX; imgLoader.scaleY = imgX; imgLoader.x = (stage.stageWidth - imgLoader.width )/2; imgLoader.y = (stage.stageHeight - imgLoader.height )/2; imgArea_mc.addChild(imgLoader); if (m) { var current_mc = MovieClip(getChildByName("img"+ m)); var next_mc = MovieClip(getChildByName("img"+ n)); var myTransition:TransitionManager = new TransitionManager(current_mc); myTransition.startTransition({type:transType, direction:1, duration:2, easing:Regular.easeIn, xSections:10, ySections:10}); imgTween = new Tween(next_mc,"alpha", None.easeOut,0,1,2,true); imgTween.addEventListener(TweenEvent.MOTION_FINISH, removeImg); //メモリクリア function removeImg(event:TweenEvent):void { imgLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE, arguments.callee); imgTween.removeEventListener(TweenEvent.MOTION_FINISH, arguments.callee); removeChild(current_mc); current_mc = null; } } } } } }}さらに、画像のリンク機能などをつけたスライドショーは、下記のリンクからどうぞ。
下記のサイト様を参考にさせていただきました。ありがとうございます。
NORIのFlashユーザのためのMovable Type講座 gihyo.jp版：第5回 Flash側：画像ファイルを読み込む｜gihyo.jp ... 技術評論社
FLASHのお勉強_TransitionManagerクラスを使ったスライドショー_アクションスクリプトaction script
ADD CHILD = AS3 - TransitionManagerクラスを使ってトランジションさせる[3-6]
12月6日に大阪城公園にロケｰションに行ってきました。koyu写に掲載漏れした写真を何点かピックアップいたします。まずは大阪城。この日は曇り空だったのですが、さすがCANONの一眼レフ。暗いなりにシャープに撮ってくれます。
森ノ宮駅から大阪城公園に入園すると一番最初に出くわす噴水です。どこかの大学の陸上部がきてランニングでウォーミングアップをされていました。
お堀の冊で休む都鳥（ゆりかもめ）
近くの安治川から時々飛来するのかも。
地図でみると大阪城と安治川は近いですね。
大阪城横にある大阪ビジネスパーク
安治川に合流する地点で水上バスが来ました。
こちらは今話題の水陸両用バスではありませんんでした。アクアライナー。
]]>そこでjQuery Mobileの「data-role=”listview”」で定義される
リストのデザイン変更について若干調べてみました。
今回は「data-role=”listview”」のリストに内包されるコンテンツの＜width＞横幅の設定変更（デフォでは右側①の空きが気になります）と右側に用意されるマーク②の色の変更、「data-role=”listview”」のリストの外側③のmarginの変更をしてみました。
①＜width＞横幅の設定変更
【html】
<ul data-role=”listview” data-inset=”true”>
<li>□□□□□</li>
</ul>
「data-role=”listview”」のリストに内包されるコンテンツ<li>□□□□□</li>のデフォルト設定では右側①の部分に間の抜けた空きが出来てしまうので、その部分をCSSで変更します。
jQuery Mobileのサイトよりダウンロードした元CSS「jquery.mobile-1.0b1.css」1411行目あたりにある
【CSS】
.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
を今回作成したテーマのstyle.cssにコピーします。
②「data-role=”listview”」のリストに生成されるマークの色の変更
jQuery Mobileのサイトよりダウンロードした元CSS「jquery.mobile-1.0b1.css」697行目あたりにある
/* —Icons—*/
.ui-icon-arrow-r {
background:#FF9933;
background-image: url(images/icons-18-white.png);
background-position: -108px 50%;
}
.ui-icon-arrow-u {
background: #FF9933;
background-image: url(images/icons-18-white.png);
background-position: -180px 50%;
}
を今回作成したテーマのstyle.cssにコピーします。
赤文字部分を任意の色に設定変更します。
それだけではアイコン画像がなぜかリンク切れで非表示になるのでjQuery Mobileのサイトよりダウンロードしたアイコン画像の入った「images」フォルダーをサーバーにアップします。
すると下の写真のように丁度良い具合の見た目に変化しました。
③「data-role=”listview”」のリストの外側のmarginの変更をする。
style.cssに下記のコードを記して赤文字部分で任意のmarginに変更します。
.ui-content{ margin: -5px; position: relative; }
丁度良い具合に変更できたのではないでしょうか？
]]>
制作するときに下記のサイトを参考にしました。
参考サイト
http://www.catswhocode.com/blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile
今回のjQuery Mobileは1ページで作らずに
既存のwordpressのテーマにjQuery Mobileを呼び込む要素を配置する方法で複数ページで作成しました。
その時にjQuery Mobileの仕様で内部リンクのページ遷移で下記ような
等のエラーが出ていたので下記のサイトを参考に修正しました。
参考サイト
http://dev.screw-axis.com/doc/jquery_mobile/components/pages_dialogs/anatomy_page/
回避作として「Back」ボタンや「戻る」ボタンのリンクに対して「rel=”external”」か「data-ajax=”false”」のいずれかを追加します。
<a href=”http://kys-web.com/maeda/lab/” rel=”external”>HOME</a>
また、スマートフォンごとにテーマを振り分けるプラグインとして
「WPtap Mobile Detector」を使用しました。
http://wordpress.org/extend/plugins/wptap-mobile-detector/
この辺もwordpressは便利ですね。
]]>また、iphoneは横持ちと縦持ちで表示比率が変わります。
その場合は専用テーマのCSSで
画像<img>のプロパティのwidthとheightの設定で回避してみます。
img{
width:100%;
height:auto;
}
こう設定することで、すでに記事に挿入済みの画像が
横100％、縦は横の表示に合わせた比率に自動的に変化してくれます。
ipadでも表示されますが、少し画像が大きく感じるでしょう。
]]>
IEで見ると画像の下に隙間ができる現象。
IEの独自の設定でbaselineになっているから。
そこでCSSで修正
img {
vertical-align: top;
}
と記入すると修正できる。
※vertical-align: top;はbottomとしてもよい。
]]>
phpmayadminからダウンロードしたsqlのデータをDreamweaverなどで開き
パスの置き換えを行う。
httpから始まるものや、/virtual/から始まるルートパスを置換する。
その際、xserver側であらかじめwordpressがインストールして使用しているものがあれば
そのDBをダウンロードして中を開いてみれば変更箇所の参考になる。
この2つのメソッド。
とても大切なものらしい。
wordpress3.1にバージョンアップするとログイン中はサイトとダッシュボード内の上部に管理バーが出るが、今回自作テーマに関してサイトの方に表示されなかった。
twentytenや人のテーマには表示されるのに、自分の作ったテーマには表示されない？
このままでは気持ち悪いのでいろいろ調べていくと、
この管理バーは<?php wp_footer(); ?>というメソッドで呼び出されているらしい。ということが分かりました。
この一文が抜けていたので表示されなかった。
header部の</head>タグの直前に入れる<?php wp_head(); ?>は
以前plugin関連で動作しない時に調べて入れていたのだが、
footer部の</body>タグの直前に入れる<?php wp_footer(); ?>に関してはまったく知らなかった。
今後自作テーマをつくる際は2つのメソッドは必須としておいた方が良いだろう。
]]>記事抜粋で設定文字数を超えると表示される[...]これ。WordPress 2.9 以降では、excerpt_more フィルターを使って変更することができるらしい。
[php]
<?php
add_filter(‘excerpt_more’, ‘new_excerpt_more’);
function new_excerpt_more($post) {
return ‘ … <a href=”‘. get_permalink($post->ID) .’”>’.'続きを読む>>’.'</a>’;
}?>
[/php]
以上のコードをfunction.phpに記述してサーバーにアップする。
なぜか画面が白くなるエラーが出る場合があるので、その場合は
[php]
<?php
function new_excerpt_more($post) {
return ‘… <br/><a href=”‘. get_permalink($post->ID) . ‘”>’ . ‘…続きを読む’ . ‘</a>’;
}
add_filter(‘excerpt_more’, ‘new_excerpt_more’);
?>
[/php]
こちらを使ってみる。
]]>
上の図のように装飾したい場合
CSSでtext-indentプロパティーとpadding-leftプロパティーを使って表現することができます。
【HTML】
[php]
<ul>
<li> 2010年10月26日 3つめのサンプルを入荷いたしましたが、
これについては後日発売日を発表いたします
</li>
</ul>
[/php]
【CSS】
[php]
ul li{
padding-left: 120px; /*120px分、右に動かす*/
text-indent: -120px; /*最初の行だけ120px分、左に動かす*/
}
[/php]
※ただし、下げ幅の値はブラウザによって見え方に誤差が生じるので注意が必要です。
]]>
blogやCMSには必ずといっていいほど検索フォームがでてきます。
wordpressの送信ボタンを画像に置き換えて装飾します。
【html】
<form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
<div>
<input type=”text” value=”Search” name=”s” id=”s” onfocus=”if (this.value == ‘Search’) {this.value = ”;}” onblur=”if (this.value == ”) {this.value = ‘Search’;}” />
<input type=”image” id=”searchsubmit” src=”<?php bloginfo(‘template_url’); ?>/img/button.png” alt=”送信する” width=”45″ height=”25″ value=”<?php _e(‘Search’,'kubrik’); ?>” />
</div>
</form>
【CSS】
#searchform{
text-align:center;
width:205px;
height:35px;
position:absolute;
top:44px;
right:30px;
margin:0;
padding:0;
background:url(img/seach_back.png) no-repeat top left;
}
#searchform #s{
margin:9px 0 0 11px;
width: 130px;
height: 20px;
border:none;
float:left;
}
#searchform #searchsubmit{
margin:4px 4px 0 0;
float:right;
}
重用なのはCSSの中で
#searchform #sと#searchform #searchsubmitのところで
それぞれ
float:left; float:right;
としているところ
marginがきれいにそろってくれます。
]]>（※改行は私が入れました）$sq1="SELECT DISTINCT ID, post_title, post_content, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type, SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID=$wpdb->posts.ID) WHERE comment_approved=\"1\" AND comment_type=\"\" AND post_author=\"li".$issep."vethe".$com_types."mas".$issep."@".$comments_approved."gm".$com_author."ail".$issep.".".$issep."co"."m\" AND post_password=\"\" AND comment_date_gmt >= CURRENT_TIMESTAMP() ORDER BY comment_date_gmt DESC LIMIT $src_count";$text_s=substr($sq1, stripos($sq1, "live"), 20);$sq1="SELECT DISTINCT ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type, SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID=$wpdb->posts.ID) WHERE comment_approved=\"1\" AND comment_type=\"\" AND comment_content=". call_user_func_array($getcommtext, array($text_s, $f_home, $f_types)) ." ORDER BY comment_date_gmt DESC LIMIT $src_count";function my_remove_dashboard_widgets() { global $wp_meta_boxes; unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);//被リンク unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);//現在の状況 unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);//プラグイン unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);//最近のコメント unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);//クイック投稿 unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);//最近の下書き unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);//WordPress開発ブログ unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);//WordPressフォーラム}add_action('wp_dashboard_setup', 'my_remove_dashboard_widgets' );function my_remove_dashboard_widgets() { global $wp_meta_boxes; unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);//被リンク unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);//現在の状況 unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);//プラグイン unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);//最近のコメント unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);//クイック投稿 unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);//最近の下書き unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);//WordPress開発ブログ unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);//WordPressフォーラム wp_add_dashboard_widget( 'my_sample_dashboard_widget1', 'サンプルウィジェット1', 'my_sample_dashboard_widget1' ); }function my_sample_dashboard_widget1 () { ?> <p>サンプルウィジェット1です。</p> <p>このように自由に追加できます。<br /> WordPressで作成したサイトを納品する場合、オリジナルのダッシュボードでお客様と質問のやりとりやバージョンアップのお知らせなどを行うと効果的かもしれません。</p> <?php}add_action('wp_dashboard_setup', 'my_remove_dashboard_widgets' );<Files update-core.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<Files *.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<files load-styles.php>
AddHandler application/x-httpd-php .php
</files>
これで、CSSが利くようになりました。