サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
WWDC24
lab.komadoya.com
サーバ移転から約2週間。だいぶ落ち着いてきたので、忘れないうちにまとめておこうかと。以下、移転作業についてのメモ。 サーバ移転先 【移転前】ロリポップ ⇒ 【移転先】エックスサーバ サーバ選びでいろいろ迷ったんだけど、結果的には、ロリポップからエックスサーバーへ移転することに。 データベースが複数個つかえて、マルチドメイン対応で、とか前提条件をいくつか決めてエックスサーバーを選んだんだけど、乗換直後にロリポのチカッパプランが誕生。もう少しタイミングが早ければ、嗚呼・・・。 サーバ移転の手順 全体の流れは、以下のような感じ。 MT(Movable Type)の移行 Wordpressの移行 メールサーバ変更 DNS変更 リダイレクト処理 今回は、「1. MT(Movable Type)の移行」についてまとめます。以下、詳細。 1. MT(Movable Type)の移行 旧サーバでバックアッ
【答え】→そんなときは、公開鍵・暗号鍵を設置しよう! って話になるんだろうけど、今回は諸事情により設置不可。 リポジトリを見に行くたび、ユーザ名・パスワードを入力させられ、不快指数95%くらいになってたので、下記方法で解決です。 ユーザ名の入力回避 リポジトリからチェックアウトする際、以下のように、ユーザ名をURLに追加しておく。 たったこれだけで、ユーザ名を毎回入力する手間がなくなるとは。今までの苦労はなんだったんだ。。。 こんな感じで指定。 パスワードの入力回避 TortoiseSVN > 設定 > ネットワーク > SSH > SSHクライアント の設定項目として、ユーザ名とパスワードを以下のように指定しておくと毎回の入力が回避できる。 (SSHクライアントとして、TortoiseSVNに付属の TortoisePlink.exe を使用) こんな感じで指定。 ただ、SSHを使
最近、福岡にもwebの会社が増えてきたのか、知る機会が増えただけなのか分からないけど、心当たりの制作会社が増えてきたので、再度まとめ。 以前の記事は下記よりご覧ください。 福岡のweb制作会社まとめ 第1弾 福岡のweb制作会社まとめ 第2弾 では早速、制作会社一覧をどうぞ。 ・ペンシル なにかと有名な福岡のwebコンサル会社。SEOのこと教えてください・・・。 [主な実績] 三好不動産, シノケン ・リメディア 須崎公園の近くにある制作会社。本社は東京。美工社がやってる「リ・メディア」といつもゴッチャになるんです・・・。 [主な実績] 三井のリフォーム, バンタンデザイン研究所 ・フロッグマンオフィス テレビ西日本系サイトを連発する西公園のふもとの制作会社。少人数なのに制作ペースがすごいんです。 [主な実績] テレビ西日本, 華丸・大吉のなんしようと? ・フリーメソッド まじめに取
ということで、「IEさん、頼むよ...」っていう話。 JavaScriptのIE用イベントハンドラ「attachEvent/detachEvent」。これを使って呼び出したイベント内では、thisがwindowと解釈される落とし穴が。 下記のイベントをIEで実行すると、どうなるか、さっそく検証。 デモページ HTML JavaScript ボタンのラベル「送信する」がalertで返される、かと思いきや、結果は「undefined」。 これが、IEでattachEventした関数内では、「this」がwindowオブジェクトとなってしまうってこと。 つまり、detachEventもできず、はまるので注意。 じゃあ、どう書けばいいのか。 JavaScript(修正版) thisの代わりに「evt.srcElement」で、イベント発生元を取得すればよい。 と、ここまでがIEの話。 IE以
ドメインを取得した。 苦労してMTをインストールした後だし、ドメインの移行って大変そうだから敬遠していたのだが...。どうやらサーバの移転と違って、ドメインを変えるだけなら簡単にできるらしい。 それならってことで早速ドメインを取得。旧ドメインからの移行が無事終了したので、移行の流れを自分用のまとめとして記事にしておく。 まず、以前の状況のまとめ。 1. 使ってたのはロリポップのサブドメインプラン(hoge.lolipop.jp)。 2. hoge.lolipop.jp/blog フォルダにMovableType4.1をインストール済み 3. hoge.lolipop.jp/piyo フォルダにphpを使ったサイトを構築。 ほんとは「skylovedesign.net」でドメインが取りたかったんだけど、既に埋まっていたので代わりに「skyld.net」を取得。 以下、ドメイン移行手
2. WordPressデータベースのバックアップ 前に、Wordpress2.8へ自動アップグレードしようとして、華麗に失敗した苦い経験があるので、バックアップは入念に行う。MySQLのバージョンアップを行う前に、まずはバックアップ。面倒くさくてもバックアップ。なにはともあれ、バックアップです。 WordPressの管理画面からもバックアップできるけど、プラグインの設定が引き継げないので、「phpMyAdmin」で行う。 実際の作業は下記サイトを参考にさせてもらいました。 (参考) データベースのバックアップ - WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/データベースのバックアップ WordPressのサーバー移転メモ:バックアップ編 | コリス http://coliss.com/articles/blog/wordpress/
盆栽教室のサイトを制作した際に、画像ギャラリーを作る必要があったので、せっかくなのでjQueryプラグイン化してみた。 フェードイン・フェードアウトするだけのシンプルな動きなので、さっと設置したい時には便利かも。ということで、さっそく解説。 jQuery crossFader フェードイン・フェードアウトで画像を表示するjQueryプラグイン。画像をクリックすると次の画像へ遷移します。 デモページ ダウンロード 更新履歴 [2011.03.17] ver0.2 ループ制御用オプションを追加 [2011.02.14] ver0.1 リリース 準備 必要なデータを上記よりダウンロード後、CSSとJavaScriptを読み込む。 使い方 JavaScript ギャラリー部分のid(id-of-crossfader)を指定し、クロスフェードを実行。 HTML(画像のみの場合) CSSを適用するため
前田かおるさんサイトのお手伝いした際に、タブを実装することになったので、昔つくったJavaScriptを元にjQueryプラグイン化してみた。 タブにしたい要素を指定するだけという、簡単実装。いやあ、jQueryって便利ですね。ってことで、さっそく解説。 指定した要素をタブ化するjQueryプラグイン。クッキーを利用して、表示するタブを記憶します。 デモページ ダウンロード 準備 必要なデータを上記よりダウンロード後、CSSとJavaScriptを読み込む。 使い方 JavaScript タブを適用させたい要素のid(id-of-tabname)を指定し、cookieTabを実行。 HTML(準備用) 上記で指定したタブ内に、タブメニューとタブパネルを配置。 タブメニューには「class="tab-menu"」を、タブパネルには「class="tab-panel"」を付与してください。ど
最近、ちょこちょこお世話になってるjQuery。 便利なのはいいんだけど、読み込み時間が気になる。ってことで、jQueryの機能が必要ないページで読み込むのを控えてたら、JavaScriptエラーでつまづいたので自分用にメモ。 たとえば、ロード完了時にアラートを出す以下のコード。 このケース、jQueryが読み込まれてないと、「$ってナンデスカ?」っていうエラー「$ is not defined」が発生してしまう。 ってことで、jQueryの読み込みを判別するため、以下のif文を追加した。 ( サンプルページ1 / サンプルページ2 ) これでめでたくエラーとはおさらばです。
FireFox2.0でドロップダウンメニューが下のレイヤーに入り込むバグを修正しました。(2008.12.15) スムーズに開閉するドロップダウンメニューを作ってみた。名付けて「Waterfall Menu」。 ベースにしたのは、この Sliding JavaScript Dropdown Menu。 以前、このJavaScriptを仕事で使おうとしたんだけど、メニューの下に1pxの変な余白ができたりしたので、使うのをやめてしまった。 ということで、リベンジしたよという記事。 まずは作成したWaterfall Menuのサンプルから。 (⇒ダウンロードはこちら) HTMLのソースは以下。 <dl class="dropdown" title="two"> <dt id="ddheader-two">Dropdown Two</dt> <dd id="ddcontent-two">
新しいwebの世界をのぞきこむ「小窓屋めがね」。デザイン,ユーザビリティ,マーケティングなどの観点からwebについて綴っていきます。2. WordPressデータベースのバックアップ 前に、Wordpress2.8へ自動アップグレードしようとして、華麗に失敗した苦い経験があるので、バックアップは入念に行う。MySQLのバージョンアップを行う前に、まずはバックアップ。面倒くさくてもバックアップ。なにはともあれ、バックアップです。 WordPressの管理画面からもバックアップできるけど、プラグインの設定が引き継げないので、「phpMyAdmin」で行う。 実際の作業は下記サイトを参考にさせてもらいました。 (参考) データベースのバックアップ - WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/データベースのバックアップ WordPress
去年の11月にリリースされた「MT5 (Movable Type 5)」。 「管理画面が良くなった」とか、「カスタムフィールドが便利になってる」とか、聞こえてくる噂は肯定的なものばかり。 そんなMT5を使う機会がやっと訪れて、ワクワクしながら使い始めたんだけど、意外にMT4系と同じ感じというか、違和感なく使えるっていうのか。なんかメリットを活かしきれてないような感じで、やや拍子抜け...。しかも、久しぶりすぎて、MTのタグをほぼ忘れているという残念な状態。 まあ、でもせっかく使ってみたことだし、次の機会のために、今回おさらいしたMTタグ(一部、MT5の新規タグ)を自分用にまとめておく。 [ブログ関連] 文字のエンコードを表示 (リファレンス) <$mt:PublishCharset$> ブログの説明文を表示 (リファレンス) <$mt:BlogDescription$> ブログの名前を表
最近、動画を扱う仕事がちょこちょこあるんだけど、そのたびに調べてる気がするので、この機会にまとめ。 動画にもwmv形式とかmov形式とか色々種類があるけど、今回はFLASH内でflvファイルを再生するパターンについて。 まずはデモをご覧ください。 ⇒動画再生のデモはこちら こんな感じで動画を再生したい時のチュートリアルというか、注意点。 はまってしまう一番のポイントはパスの指定。skinやflvへのパスの通し方を忘れてしまったら下の図を見返すようにしよう。 簡単に解説。 (1)スキンへのパス指定 flash(=flash.swf)からスキン(=skin.swf)を呼び出す際は、flashが配置されるHTMLファイル(=index.html)からのパスを指定すること。(上図の例の場合:swf/skin.swf) (2)flvファイルへのパス指定 flash(=flash.swf)にflv(
このページを最初にブックマークしてみませんか?
『小窓屋ラボ|ホームページ制作・作成 / 福岡 / 小窓屋』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く