1. ホーム
  2. ブログ
  3. @Style Web
2012年1月24日

google-code-prettifyを使ってみた

簡単にシンタックスハイライトが導入できるgoogle-code-prettifyを使ってみた。

ダウンロードはGoogleからでもよいが、以下のページの解説がわかりやすいかもしれない。

Quick Tip: How to Add Syntax Highlighting to Any Project

ダウンロードしたファイルの中からprettify.cssとprettify.jsだけを使う。

利用するファイルは2つだけ

prettify.jsをサーバーへアップロード、prettify.cssは内容を既存のCSSに追加した。

HTMLファイルに以下を記述する

<script src="/js/prettify.js"></script>
<script>prettyPrint();</script>

preでマークアップ

<pre class="prettyprint"><code>ここにコードを記述する</code></pre>
Posted
@Style
コメント (0)
トラックバック (0)
2012年1月 3日

zenback BIZにアップグレードしました

12月22日、個人向け無償版のzenbackからzenback BIZにアップグレードいたしました。

zenback BIZでは「関連リンク」やクラシファイドも非表示に出来るため他サイトへの流出を心配しなくてよくなります。またGoogle アナリティクスも設定可能ですので企業・法人でのご利用におすすめです。

*個人向け無償版のzenbackからzenback BIZへのアップグレードの際には、必ず個人向け無償版で利用した以外のメールアドレスを用意して新たにアカウントを作成する必要があります。ヘルプをよく読んで設定してください。(間違えて無料アカウントにライセンスコードを設定してしまいましたとさ...)

Posted
@Style
コメント (0)
トラックバック (0)
2011年12月22日

Internet Explorer 7への対応も終了いたします

先日「当ウェブサイトでのInternet Explorer 6 対応終了」をご案内した後にInternet Explorer 6からのアップデートを促すようie6alert-jsを組み込みましたが、IE6で閲覧した場合にはグローバルナビゲーションにアラートが重なり使いにくくなっておりました。

現状CSSにはIE6とIE7用のclearfixも記述しておりますが、対応しない方向なのでIE7にもアラートを表示させるようにいたしました。

スクリプトは少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックスの中の「9. IE6以下ユーザーにメッセージを表示」を使用させて頂きました。

<script>
$(function () {
     if ( $.browser.msie && $.browser.version <= 7 ) {
             $('body').prepend('<div class="error">このウェブサイトは<span>Internet Explorer 6<\/span>や<span>Internet Explorer 7<\/span>では<span>正常に表示されない<\/span>可能性があります。ご了承ください。<\/div>');
     }
});
</script>
.error {
    background:#84b8c7;
    text-align:center;
    font-size: 87.5%;
    color: #fff;
    padding: 8px 10px;
}
.error span {
    font-weight: bold;
}

IE6と7へのアラート

なお、販売および配布のテーマ(テンプレート)につきましては、引き続きInternet Explorer 6及び7で大幅にレイアウトが崩れていないことを確認後に公開いたします。

Posted
@Style
コメント (0)
トラックバック (0)
2011年11月14日

当ウェブサイトでのInternet Explorer 6 対応終了のお知らせ

当ウェブサイトおよびブログにてInternet Explorer 6への対応を終了させて頂きます。

最新のブラウザにアップデートしてご覧ください。Internet Explorer 6を利用して閲覧される場合には意図しない動作・デザインで表示されることがございますことをご了承ください。

なお、販売および配布のテーマ(テンプレート)につきましては、引き続きInternet Explorer 6で大幅にレイアウトが崩れていないことを確認後に公開いたします。

よろしくお願いします。

Posted
@Style
コメント (0)
トラックバック (0)
2011年11月12日

フォーム周りのCSSをいじってみた

7月にお問い合わせフォームを編集したが、今回はブログのコメントも一緒にいじってみた。

シンプルな印象を崩さないようにグレーのボーダー

ボタンも同様に極めてシンプル。CSSはこんな感じ。

.submit-button {
    padding: 3px 10px;
    border: solid 3px #d5d5d5;
    background-color: #f3f3f3;
    color: #000;
    text-shadow: 1px 1px 0 #fff;
    margin-right: 20px;
}
.submit-button:hover {
    border-color: #999;
    background-color: #e6e6e6;
    color: #000;
}
.submit-button:active {
    border-color: #333;
    background-color: #e6e6e6;
    color: #000;
}

コメントフォーム

Posted
@Style
コメント (0)
トラックバック (0)
2011年10月25日

エックスサーバーのFastCGIを設定してみた

エックスサーバーが「FastCGI」に対応しました。

この度エックスサーバーでは、CGI/PHPのCPU負荷軽減、高速実行が可能となる「FastCGI」に対応しました。
また、PHPプログラムにてFastCGIのご利用がサーバーパネルから簡単におこなえる「PHP高速化設定(FastCGI化)」機能を追加しました。

また、CGIプログラムにおきましても、FastCGI対応プログラムのご利用により、FastCGI化が可能です。Movable Typeは標準でFastCGIに対応しており、FastCGI化の設定を行うことで、CPU負荷軽減や動作の高速化を図ることが可能です。

CGI/PHPの負荷軽減、高速実行が可能となる「FastCGI」対応および「PHP高速化設定(FastCGI化)」機能追加のお知らせ

早速、以下を参考に設定を行った。

再構築は記事490件で40秒から55秒程度。従来と変わりなさそうですが、検索が速い!サイドバーのタグクラウドでお試しください。

エックスサーバー

Posted
@Style
コメント (0)
トラックバック (0)
2011年10月17日

Mac mini(OS X 10.7.2 Lion)へMovable Typeインストール完了

iOS 5に伴い、現在のメインマシン Mac miniもOS X 10.7.2へのアップデート。

「iCloudですべてのデバイスが繋がった、快適!」と喜んでばかりはいられない。Movable Type用のローカル環境を再度構築しないといけない。
前回の手順でインストールしてみたがエラーとなる。もう一度やってみたが同じ。

以下を参考にMacPortsとインストールしたものを全て削除。

MacPorts 2.0がリリースされていた - use No::Name;

インストールの手順(覚書)

MAMPのダウンロードとインストール

MacPortsのダウンロードとインストール

MacPortsの初期化

echo 'export PATH=$PATH:/opt/local/bin:/opt/local/sbin/' >> ~/.bashrc
echo 'export MANPATH=$MANPATH:/opt/local/man' >> ~/.bashrc
echo 'source ~/.bashrc' >> ~/.bash_profile
sudo port -d selfupdate
sudo port -d sync

ImageMagickなどのインストール

sudo port install ImageMagick +perl

PerlのパスをMacPortsのインストールディレクトリへ変更

cd /usr/bin/
sudo mv perl perl.bak
sudo ln -s /opt/local/bin/perl /usr/bin/perl

DB関連モジュールのインストール

sudo port install p5-dbi
sudo port install p5-dbd-mysql
sudo port install p5-dbd-sqlite
sudo port install p5-dbd-sqlite2

オプションモジュールのインストール

sudo port install p5-gd
sudo port install p5-crypt-dsa
sudo port install p5-archive-zip
sudo port install p5-xml-atom
sudo port install p5-mail-sendmail

FTPクライアントを使って.htaccessを追加

Options +ExecCGI
AddType application/x-httpd-cgi .cgi .pl

「mt-check.cgiが見つかりませんでした。」と表示されたのでp5-libwwwをインストール

sudo port install p5-libwww-perl

画像のアップロードでエラーが発生するのでGDに変更。mt-config.cgiに追加

ImageDriver GD

ものすごく時間かかりましたが無事完了。

Mac miniにインストールしたMovable Type

Posted
@Style
コメント (0)
トラックバック (0)
2011年9月 9日

休業のご案内(9月16日・9月17日)

謹啓 時下ますますご清栄のこととお喜び申し上げます。

平素は格別のご高配を賜り厚く御礼申し上げます。
さて、誠に勝手ながら下記期間を休業とさせて頂きますのでご案内申し上げます。

休業日
平成23年9月16日(金)・9月17日(土)

期間中のご質問の対応、テーマの送付などが出来ませんので、17日深夜以降に対応させていただきます。

ご迷惑をおかけ致しますが、ご了承賜りますようお願い申し上げます。

Posted
@Style
コメント (0)
トラックバック (0)