浜松市を拠点に静岡県西部にてWeb制作＆各種デザイン制作を行っております。SOHOならではの身軽さと適正料金にてお客様の企業価値向上に取り組んでいます。Webサイト制作・管理、カタログ制作、広告デザイン等のことはお気軽にご相談下さい。

ログイン状態
ご依頼/お問い合わせはSkypeでも！
(平日 9:00～18:00 | オンライン時のみ)
  • Cript_Sugimori: LIONプリインストールのマシンってHDD初期化してクリーンインストールってどうやんの？？？？
    05/18 13:10
  • Cript_Sugimori: もしかして、いまどきは単に“アプリ”っていうとスマートフォン用のアプリケーションの事を指すのか？なんかTVのニュースではそんな言いっぷりだったんが。。。
    05/18 11:34
  • Cript_Sugimori: なんか、急にすごい突風？みたいなのが吹いてきたぞ。 http://t.co/BQMbKar2
    05/17 23:43
  • Cript_Sugimori: その時が来たら（くるのか？w）よろしくですー。 RT @coboriri @cript_sugimori お？わたしにですか？もちろんですよー。ライター仕事よろこんでー。
    05/17 23:29
  • Cript_Sugimori: 写真で見てもやっぱりスゴイな。http://t.co/jGnUp5l3
    05/17 23:28
  • Cript_Sugimori: イタリア国営放送はふとっぱらだなぁ。どっかの国の公共放送も見習ってほしいもんだ。http://t.co/8xb6Hi5d
    05/17 23:04
---お買い物用---

2011年10月3日

wordpressを使っているサイトでメンテナンス画面を表示

Filed under: Web & Design,備忘録 — Cript_Sugimori @ 7:00 PM

本番サーバでファイルの入れ替えやテスト等をする場合に一時的に「メンテナンス中です」のようなメッセージを表示させたいことがあるんだけど、普通に静的HTMLで書かれたサイトの場合は普通

  • 「メンテナンス中」ですを書いたTMLファイルを用意する。
  • .htaccessを使って自分以外のIPのアクセスをメンテ中のファイルにリダイレクトさせる。
で、よかったのだけれども、 続きを読むwordpressを使っているサイトでメンテナンス画面を表示



2011年9月11日

wordpressにFacebookのコメント欄、いいねボタンを追加（補足版）

Filed under: Web & Design,備忘録 — Cript_Sugimori @ 12:01 PM

前回、書いたFacebookのコメント欄、いいねボタンを追加するの記事に足りないところ（Get Open Graph Tags）を記述するがあったので補足と自分用まとめ。

備忘録

「いいねボタン」

Social Pluginsのページから「Like Button」へ進む。
Step 1 – Get Like Button Code へ必要事項を記入。
「Get Code」をクリック
表示されたコードを表示させたいところwordpressのテーマ（single.phpのループ内等）に貼り付け。
貼り付けたコードを修正
data-href=”記入したURL”
を　↓
data-href=”<?php the_permalink(); ?>”
に変更。
日本語表示にする為に en_US を→ ja_JP に変更。

「Comments欄」

Social Pluginsのページから「Comments」へ進む。
同じようにURL等必要事項を記入して「Get Code」をクリック。
続きを読むwordpressにFacebookのコメント欄、いいねボタンを追加（補足版）



2011年6月19日

某、CAR雑誌広告制作

Filed under: Web & Design — Cript_Sugimori @ 11:43 PM

下書きしたまま放置して3ヶ月くらい忘れてたんだけど、ふと思い出したのでで掲載(笑)

カスタム系車雑誌、J-LUGにMONDERA JAPAN様の広告、3点。

来月（26日発売）のものは、これとは別の新バージョンが掲載予定。
今月号は、袋とじのムフフ（？）なページもあったりもするので要チェキ！(笑)

広告制作



2011年5月7日

prototype.jsとjQueryのコンフリクト、その2

Filed under: Web & Design,備忘録 — Cript_Sugimori @ 11:09 PM

備忘録
IE9にしてみたところ、Lightbox2が動かないのを発見。ぐぬぬ。

というわけで、グーグル先生に聞いてみると、IE9に対応したバージョンが出てた。

という訳で、早速ファイルを入れ替えてばんざーい。　ヽ(^_^)ノ

と、サクっと解決する予定だったのに、動かない。
続きを読むprototype.jsとjQueryのコンフリクト、その2



2011年5月4日

いろ・色

Filed under: Web & Design,備忘録 — Cript_Sugimori @ 1:44 PM

リッチブラックは通常
C60%M40%Y40%K100%
C40%M20%Y20%K100%
くらいの値を良く使われると思うのだけれども

photoshopでカラープロファイルをJapan Color 2001 Coatedにしている場合(←ココ重要)のデフォルトの「真っ黒」はC93・M88・Y89・K80

だそうだ。うむ。かなりリッチだなぁ。

イラレ同じ色でやる場合は印刷屋さん側に一度問い合わせたほうがよいのかな。


あと、忘れがちなこと。
モノクロ作るときは「チャンネルミキサー」で
eps保存のときはicc埋め込まないほうが吉
リッチブラックの上にスミ乗せるときはC=5くらいに入れたほうが吉



2011年4月15日

ブログにfacebook用のOpen Graphタグを設置してみるの巻

Filed under: Web & Design — Cript_Sugimori @ 6:32 PM

2011/05/09 追記

前回はfacebook用の「いいね！」ボタンをwordbookerというプラグインで設置してみたんだけど、どうもかゆいところに手が届かない感があったので、プラグインを使わないで設置してみた。

やり方は超簡単。

まず、facebookにログインしてSocial Pluginsのページに行く→Like Buttonをクリック→Step 1 – Get Like Button Codeの必要事項を記入。

続きを読むブログにfacebook用のOpen Graphタグを設置してみるの巻



2011年4月2日

MONDERAJAPAN.com 様 Webサイトリニューアル

Filed under: Web & Design — Cript_Sugimori @ 10:22 AM

ドレスアップカーの必需品、高級アルミホイールを取り扱うモンデラジャパン様のメインサイト「MONDERAJAPAN.com」をほぼ全面リニューアルいたしました。

今回はクライアント様の希望もあり近年のモニターの解像度の拡大に合わせ横幅を拡大すること。また近年のPCの進化等それらに合わせてFlashも大きめに使ってインパクトを出そう。というコンセプトで行いいました。

担当させて頂いたのは、トップページ、各商品のインデックスページ、各商品ページの雛形ページ、その他全ページです。商品ページはモンデラジャパン様のWeb担当F氏が行うと言うことで雛形のみ制作ということになりました。

情報も整理し見やすくなったかと思います。車好きの人はぜひ一度ご覧下さい。



2011年3月25日

WordPressの投稿とFacebookを連携したりしてみる

Filed under: Web & Design — Cript_Sugimori @ 11:46 AM

twitterとFacebookを連携させて、ツイッター投稿をFacebookにも表示させるようにしてたんだけど、ツイッターってテキトーなことをテキトーにつぶやいてるだけなので、ちょっとウザいかなぁ？と思ったんでブログの投稿をFacebookと連携させることに。

軽く調べてみると、wpbookっていうのが設定が簡単ってことで設定してみたら、コチラ側のドメインをFacebookアプリ側が認識してくれてないみたいで動かない。と日本語で解説してくれてる人のサイトを見たら「 Ver 2.1 は Facebook に投稿がシェアできないようです」と。よく見てなかったオレぐぬぬ。

というわけで、メジャーそうなWordbookerというのを使うことに。設定項目が多そうで大変そうだけど（英語だし）さらっと見るとだいたいデフォルトでOKそう。Facebookに投稿した記事についたコメントをwordpressに反映させたい時は「Import Comments from Facebook for Wordbook posts」にチェックいれておけばおｋってところかな？


という訳でちゃんと動いてるでしょうか？(笑)



2011年1月15日

半角英数字の文章を折り返す時に

Filed under: Web & Design,備忘録 — Cript_Sugimori @ 10:07 PM

————– 備忘録 ————–

 word-break:break-all;

を当ててたんだけど、それだとIEとクロームでは効いてるんだけどFirefoxでは折り返されないんですよねぇ。んだもんでjavascriptでやってしまおうとかと考えてソースを公開してる人もいたりしてたんだけど、なにやらもう少し調べると、

word-wrap:break-word;

だけでいいみたい。

ためしにやってみたらぜんぜ余裕でおっけーだった。もっと早くから知ってればいろいろつまらない苦労しなくてすんだのにw



2010年12月20日

Google analyticsで

Filed under: Web & Design,備忘録 — Cript_Sugimori @ 6:59 PM

外部へのリンクをカウントするざんす。
以下

———————–備忘録———————-

1
2
3
4
5

function recordOutboundLink(link, category, action) {
  try {    var pageTracker=_gat._getTracker("UA-ｘｘｘｘｘｘｘ-ｘ");
    pageTracker._trackEvent(category, action);
    setTimeout('document.location = "' + link.href + '"', 100)
  }catch(err){}}


のjavascriptをヘッダ内か外部ファイルにして仕込む。

リンクするタグを↓のように変更

1

<a href="http://www.hoge.com/" onClick="recordOutboundLink(this, 'Outbound Links', 'hoge.com');return false;">



Google analyticsの表示画面で
イベントのトラッキング→アクション
で、イベントアクションの表にクリック数が表示される。
この場合の「 ‘Outbound Links’　は分類名なのでテキートーに変えておｋ。
「’hoge.com’」は表示名なのでわかりやすい名前をつける。

これだけで、たとえばバナー広告がどれだけクリックされたかとか、ちょいと応用すれば
ダウンロード用ファイルがクリックされた数とかもわかる。

参考：外部へのリンクのクリックをトラッキングする – Analytics ヘルプ

http://www.google.com/support/googleanalytics/bin/answer.py?hl=jp&answer=55527



← Back!