MovableTypeインストール時に設定しておきたい環境設定ファイル mt-config.cgi の項目 | バシャログ。
MovableTypeインストール時に環境設定ファイルをある程度変更しておくとのちのちの運用が楽になります。 今回ざっとまとめてみましたので、よかったら参考にでもしてやってください。 DeleteFilesAtRebuild ブログ記事を未公開や削除した時に、ファイル自体を削除する。 MT4よりデフォルトで実装されています。削除の場合は1、残す場合は0。MT3では必須です。 DeleteFilesAtRebuild 1 CGIMaxUpload ファイルアップロード機能でファイルをアップする場合のファイルサイズの上限を設定、デフォルトでは2048000byte。 CGIMaxUpload 100000000 SearchMaxResults（mt4.2～） 検索結果で、1ページに最大表示する件数。デフォルトは20件。Movable Type 4.15 以前のバージョンでは、MaxResul
プロレベルのPhotoshopチュートリアル集:phpspot開発日誌
50 Great Photoshop Tutorials for Clever Beginners - PSDTUTS プロレベルのPhotoshopチュートリアル集。 アーティスティックな作品を作るのに参考になりそうなチュートリアルばかりがまとまっています。 Manipulating a WW2 Fighter Aircraft 6 Quick 'n Dirty Text Effects From Scratch Make a Turn of the Century Vaudeville Poster Miodern Art Idiots Guide to Small Planets 10 Step Lighting Effect 3D Transform a Colorful Cube Design Silhouettes and Gradients Pencil It In Craf
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1： とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
clearfixを使わないでやるには。
2008年11月11日お昼頃 overflow部分を一部加筆しました。 ウチのとあるページのコメント数が28になって、何となく嬉しい今日この頃。 さて、今回はこんなタイトルですけど、こんなエントリーをしようと思ったのは、floatを指定した要素の親要素の高さが算出されない時の解決手段として、clearfixでぐぐれみたいなのをよく見かけたり、あまりにもclearfixが有名だから、最近CSS覚えた人とかは、もしかしたら知らないのかなぁ～なんて思ったのです。 なので、一応基本に戻ってみましょうということで。 最近、「CSS Nite ビギナーズ」とかもやってますしね。 あ、clearfixを知らない方は、clearfix｜CSS HappyLife辺りか適当にぐぐってくださいませ。 何か、久々に書いてる気がして、どうやって書いてたか思い出せない... えっと、そもそもどんな状況の時かっていう
複数のjsライブラリを利用する際にonloadを書き換える方法[to-R]
複数のjsライブラリを利用する際にonloadを書き換える方法 複数のJavaScriptライブラリを利用していて、正常に動作しないや、どちらか一方しか動作しないなどの状況に陥ることがあります。 原因は様々なのですが、一番多いのがJavaScriptライブラリのonload記法に依存する問題です。 onload記法とはJavaScriptを実行するタイミングをonloadイベント（ブラウザがすべてを読み込んでから実行）に設定する際の書き方です。 DreamWeaverを利用している方は、以下のようなソースをよく見るかもしれません。 <body onload="MM_preloadImages('hogehoge')"> これはonloadイベントにMM_preloadImagesという関数を設定しているという意味です。 他にもソースコード中の window.onload = functio
![複数のjsライブラリを利用する際にonloadを書き換える方法[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
横並びの画像を均等配置する | ヨモツネット
横並びの画像や inline-block の要素を、均等配置 (justify) にするための CSS コードです。 IE 6, Firefox 2, Opera 9.6, Safari 3 で意図したとおりに表示されることを確認しました。 動作確認用の demo 説明 以下のようなコードを準備します。 HTML のソースコード例 <ul class="images"> <li><img src="img01.png" width="100" height="100" alt="" /></li> <li><img src="img01.png" width="100" height="100" alt="" /></li> <li><img src="img01.png" width="100" height="100" alt="" /></li> </ul> この HTML ソースコ
[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス
Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷できないなどの不具合がありましたが、今回紹介するものは、その２つの不具合が無いものとなっています（IE7調べ）。 対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeなどほとんどのものに対応しています。 仕組みはカラムごとにdivを用意し、それぞれをずらして配置します。 下記は、そのイメージです。
中途半端に優秀なプログラマが「正しいプログラミングテクニック」だと妄信しがちな３つポイント - 分裂勘違い君劇場
「変数のスコープは狭いほど良い」と妄信する 変数でもメソッド名でもクラス名でも言えることだが、単純に「スコープは狭いほどよい」という方針でプログラムすると、逆に保守性も可読性も悪いプログラムができあがることがけっこうある*1。 実際、「あちこちから頻繁にアクセスするようなオブジェクトやメソッド」は、スコープをぐっと広くしてしまった方が(場合によってはグローバル変数やグローバル関数にしてしまった方が)、いちいちパラメータ渡しのバケツリレーをせずに、オブジェクトや機能を使うことができ、プログラムの可読性も保守性もずっと向上することがけっこうある。 たとえば、プログラムのいろいろな箇所から比較的頻繁にアクセスする必要があるようなオブジェクトや機能がバインド(格納)された変数やメソッドのスコープをクラスやメソッド内のローカルにして、それを使うときは、いちいち各クラスやメソッドにパラメータ渡しのチェ
プログラミングテクニックのまとめ - プログラミング日記
とりあえず思いついたもののまとめ。 まずは、ベーシックなものから。 変数のスコープをなるべく狭くしろ 他はグローバル変数を使うなとか、モジュール化と界面を意識せよなど。とにかくスコープは重要かつ意外と奥が深い。スコープに関係する機能は、モジュール(パッケージ)、クロージャ、ローカル関数、ローカルクラス、変数の種類、アクセス制御など。 同じロジックのコードを2度以上書くな 他はDRY原則、コピペをするななど。自分の場合、2度書く方がシンプルになる場合、2度書くこともある。特に、ifやswitchなどのロジックの中で同じコードが2度現れる場合、ちょっとしたコードでわざわざ別のところで関数やブロックにまとめて、それを参照するのは面倒。但し3度以上現れる場合は関数などにまとめるケースが多いかも。 汎用コード内で条件分岐コードを減らせ 他はifをポリモーフィズムによりなくせなど。条件分岐は汎用性を損
IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
ディベートテクニック
今週の土曜日にワタクシが学生時代に所属していた組織のディベート大会があり、後輩の指導・試合のジャッジ（判定員）としての活動などで動き回っておるのですが、ディベートのテクニックというか、基礎的な考え方というのは、一般生活でも役立つものが結構あります。今回はそういうものを書いていきたいと思います。 主張には論証で 発言を通して主張する場面があります。会社では「研究開発費にお金を使うべきだ」「新卒採用に力を」といった戦略的なものや、個人的な「本社に転勤させてください」「内勤にしてください」といったもの。あるいは家庭内で親に「車買って」みたいなおねだりや、「カレーライス食べたい」みたいな願望に関する主張。様々な場面があることでしょう。 そういった主張には論証をつけると説得力が増します。 論……論理（Logic：ロジック）話が正しいという筋道 証……証明（Proof：プルーフ）話が正しいという証拠
jQueryのみでLightboxっぽいものを実現する方法 - F.Ko-Jiの「一秒後は未来」
梅酒.inのトップページにある「梅酒がウリな飲食店」というコーナーにある画像をクリックすると、Lightboxっぽく情報を表示するようにしています。 ↑ こんな感じ。 Lightbox効果を実現するライブラリは検索すれば色々と見つかると思いますが、ここではライブラリはjQueryのみとして、どのようにLightboxを実現したかを説明します。 処理のおおまかな流れは以下の通りです。 select要素を隠す (IE対策) ページ全体に半透明の黒いレイヤーを表示する 表示領域の中央に目的のコンテンツを表示する 1. select要素を隠す IE6ではselect要素にz-indexが定義されていないため、レイヤーのz-indexをどれだけ大きくしても、IE6ではselect要素がレイヤーの下に隠れることはありません。そのため、ページ上にあるselect要素を隠す必要があります。 jQueryで
垂直中央の実装-CSS TIPS
vertical-alignの使い方でline-heightでの垂直表示は説明しましたが、あの方法ですと2行以上の場合は利用できないです。 2行以上の場合に垂直中央表示をするにはpositionプロパティを利用します。 (X)HTMLソース <div> <p>中央に表示<br />したい文字</p> </div> CSSソース div{ width:200px; height:200px; background:#39FF6B; position:relative; } p{ position:absolute; top:50%; left:50%; margin-left:-2.5em; margin-top:-1em; } サンプル positionを使いp要素の開始位置を中央に設定します。 その後にmarginを使いp要素の中央とdiv要素の中央が同じ位置になるように変更します。 ポ
WindowsでMACアドレスを変更する方法 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
MAC（メディアアクセスコントロール）アドレスは、コンピューターへのアクセスを制御する際にワイヤレスルーターやその他のネットワーク機器が使用する12桁の文字列です。普段はあまりに気にかけない地味な存在ですが、いざ鎌倉、という時になると、昔ながらの伝統技術であるメモ用紙とボールペンでこの12桁を書き写すという、心を無にすることが必要となる作業を行わなくてはならないため、現代人の精神的苦痛の源とされていますね。でもこのMACアドレスは自分で覚えられる数字に変更できるそうなんです。 なんで替える必要があるのか？ と思う方もいるかと思いますが、例えばパソコンの台数制限がかかっているネットワークにパソコンを追加する場合に、MACアドレスをネットワークに接続されている違うパソコンのものと同じにすると、ネットワーク的には同じパソコンとして認識するのでアクセスが可能になる、とか。 詳しくはネタ元（英語）か
FeedBurner アカウントをGoogle アカウントに移行する
FeedBurner アカウントをGoogle アカウントに移行する方法を紹介します。 １．はじめに 現在利用中の FeedBurner（フィード配信サービス）が Google に買収されて日が経ち、FeedBurner でフィード向け Adsense が利用できるようになりました。 ネット検索でヒットする設定方法は、Drk7jp さんの、FeedBurner のアカウントを利用したまま、フィード向け AdSense を利用する方法です。 Drk7jp - フィード向け Google AdSense の使い方手順 本エントリーでは FeedBurner のアカウントを Google アカウントに移行する方法を説明し、その延長として、フィード向け AdSense を利用する際の注意点を説明します。アカウント移行と Adsense 利用の関係については、２項にその理由を示しています。 Feed
Illustratorの作業を自動化して効率化でき、今すぐ役立つ便利なスクリプトいろいろ - GIGAZINE
Adobe Illustratorは確かに便利なすばらしいソフトですが、機能が豊富であるがゆえに操作が複雑になっており、単純作業を繰り返していると死にたくなってきます。人間はもっとクリエイティブな方に集中すればいいのであり、プログラムに自動でやらせた方がいいことは自動でやらせましょう。そんなときに便利なのが、さまざまな作業を自動でしてくれる「スクリプト」、というわけ。 今回はそんな作業にいつか役立つ、知っていればそのうち使うであろうスクリプトを揃えてみました。 Illustratorの作業を自動化する便利なスクリプトは以下から。 10 Free and Extremely Useful Illustrator Scripts | Vectips すべてのパスを閉じる/すべての選択したパスを閉じる「Close All Paths / Close All Selected Paths」 テキス
正規表現の機能の覚書き
はじめに「はじめての正規表現」がホッテントリ入りしていますが、 導入としては、何に使うのかがわかりやすくて良いのではないかと思います。 あれを見て、基本機能をまとめてみたくなったので、正規表現の基本的な機能について書いてみます。 （正規表現が初めてという人は「はじめての正規表現」を先に見たほうがいいと思います。） 例では「検索」か「置換」をするものとして話を進めていきます。 （「はじめての正規表現」が実例を中心にしたのに対して、こちらは機能を中心に書きます） 正規表現は、プログラミング言語やその他のツールなど、それぞれで微妙な違い（方言）があるので、その点には注意が必要です。 （表記法が違ったり、ここに紹介する機能がサポートされていなかったり、逆に紹介していない機能をサポートしていたりする場合があります） メタ文字とリテラル文字正規表現には、メタ文字とリテラル文字というものがあります。 メ
もう使えない！？SEO知識 2008 αSEO
これまでは通用したけれども、今は通用しない、「もう使えない知識」を株式会社アイレップ SEM総合研究所所長の渡辺隆広が語ります！新しい知識を学んで、検索エンジンの日々の変化をキャッチアップしてサイト運営に活用していきましょう！ スパム行為をすると、Googleから突然削除される？ ある日突然、検索エンジンの検索結果から自分のサイトが消えてしまった時、「スパムと判定されたのでは？」と考える人は少なくありません。しかし大抵の場合、スパム（＝あなたが何か検索エンジンに対して悪さをしている）のではなく、全く別の理由（＝スコアリングの変更などによるもの）である場合がほとんどです。また、Yahoo!はともかく、Googleは事前の警告なく突然スパムと判定して削除をしてくることはありません。 幸いなことに、Googleは事前にサイト管理者に対してガイドラインに違反している旨を通知してくれます。具体的な違
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://higashizm.sakura.ne.jp/reg/
| ＾＾ |秒刊SUNDAY | Windows XP を軽くする裏技