カテゴリ: ホームページ制作

Category
  • WebデザイナーのためのOSX 復元計画(2) インストール編

    各種アプリの設定やMailデータのバックアップが済んだので
    この際だからと ついでに新調した 1.5TBのHDDに いよいよ、OSX再インストール。


    またあるかもしれないこの事態に備えて
    2回目以降がすごく楽になる Mac OS 再インストール : ☆ La Loopa ★☆☆
    のナイスアイデアを参考に
    「Leopard 完璧版」を作っておくことにしました。


    横浜のホームページ制作スタジオFIXの社長ブログ

    1.5TBのHDDを3つのパテーションに分割
      ・1つ目のパテーション:いつでも初期化用 Leopard 完璧版 — 100GB
      ・2つ目のパテーション:Leopard 通常使用版 — 500GB
      ・3つ目のパテーション:データ保存用 — 800GB


    こうしておいて…
    普段は2つ目の「Leopard」を起動ディスクとして使用、
    作ったデータは、3つ目の「Data Disk」に保存することに。
    使いこんでいるうちにOSXの調子が悪くなってきたな〜と思ったら、
    1つ目の「いつでも初期化用 Leopard 完璧版」を
    普段使いの
    2つ目の
    HDDにペロリンチョと復元。


    すると、OSXや各種アプリの再インストールを行わなくても
    生まれたての快適サクサク状態へ。
    大切なデータは3つ目の「Data Disk」に保存されているから
    2つ目のHDDをフォーマットしちゃっても、全然OK!
    なんて素晴らしいアイデア!!
    ☆ La Loopa ★☆☆ さん、貴方は天才です!!(・∀・)


    ━━━━━━━━━━━━━━━━━━━━━━━━━━━
    ●OSX 10.5をインストール
    早速
    1つ目のパテーション「Start Disk」に
    OSX 10.5をインストール。
    15分くらいで、インストール完了。
    すぐにソフトウェアアップデートをかけて最新版に更新。
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━
    次に、以下の絶対使うアプリケーションを同じく「Start Disk」にインストール。
    ・Adobe Photoshop CS3
    ・Adobe Illustrator CS3
    ・Adobe Dreamweaver CS3
    ・ATOK2006
    ・Firefox
    ・Jedit X
    ・Microsoft Office
    ・Transmit
    ・Adium
    ・プリンタドライバ
    ・フォント
    ※たま〜にしか使わないアプリはココではインストールしません。
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━


    そして各種アプリケーション&フォントの設定
    ●Photoshop
    バックアップしてあった
    スウォッチ、カスタムシェイプ、パターン、ブラシ、スタイルを置き換え。


    ●Dreamweaver
    バックアップしてあった
    ユーザ>ライブラリ>Application Support>Adobe>Dreamweaver 9以下の「Configuration」フォルダを丸ごと上書き。


    ●Transmit
    バックアップしてあった
    ユーザ>ライブラリ>Preferences 以下の「com.panic.Transmit3.plist」
    を上書き。


    ●Mail
    バックアップしてあった
    ユーザ>ライブラリ 以下の「com.apple.mail.plist」を上書き。
    ※ユーザ>ライブラリ>Mail>Mailboxes のデータはまだ復元しない。


    ●フォント
    バックアップしてあった「Font」フォルダを
    ユーザ>ライブラリ以下にフォルダごと丸ごと上書き。


    ●ATOK2006
    ATOKパレット>バックアップツール>バックアップを復元する
    「復元データの指定」で、バックアップしてあった「ATOK 2006 Backup Data」フォルダを指定。


    ●FireFox
    ブックマーク>ブックマークの管理>復元>ファイルを選択
    で、バックアップしてあった「ブックマーク 2009-08-18.json」を選択。
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━
    【あえて行わなかったこと】
    ・Mailを起動しない
    ・iTunes、iPhotoデータの移行はしない
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━

    OSXインストールから、ここまでの所要時間3時間くらい。
    さすがにこの状態の OSXは、快適サクサクですYO!!(・∀・)


    「よっしゃ!完璧!」だと思えたら…
    最後に 2つ目のHDDに、この状態をコピペ(復元)します。


    横浜のホームページ制作スタジオFIXの社長ブログ

    アプリケーション>ユーティリティ>ディスクユーティリティ
    の「復元」で
    ソース:1つ目のパテーション Leopard 完璧版用の「Start Disk」
    復元先:2つ目のパテーション 普段使い用の「Leopard」
    「復元先を消去」にチェックを入れて「復元」を押すと
    フォーマット&丸ごとコピーが始まります。
    これで、サクサク快適状態の「Start Disk」が丸ごと
    2つ目のHDD「Leopard」にコピーされました。


    横浜のホームページ制作スタジオFIXの社長ブログ

    最後に、普段使いは2つ目のHDDにしたいので、
    システム環境設定>起動ディスク
    で、2つ目のパテーション「Leopard」を選択して再起動すればOK!

    2009/08/19

  • WebデザイナーのためのOSX 復元計画(1) バックアップ編

    そんなこんなで急遽、OSX復元計画を実行するハメになったのですが
    その途中で、大変な事態に気がついてしまいました。


    この状態で Timemachine から復元すると、
    当然、変な挙動まで復元されちゃうんですね!!
    それぢゃまるで意味がないので、
    結局 OSX再インストールを選択するしかありません…。orz 


    ということで、バックアップ開始。
    貴重なデータは日頃から複数のHDDにバックアップを取っているので
    特に問題は無いのですが、厄介なのは各種アプリの設定やMail。


    横浜のホームページ制作スタジオFIXの社長ブログ

    【Photoshop】
    スウォッチパレットの右上をクリックして「スウォッチを保存」する。
    同様の手順で、カスタムシェイプ、パターン、ブラシ、スタイルもバックアップ。
    これが引き継げなかったら、たぶん死にたくなる。


    【Dreamweaver】
    ユーザ>ライブラリ>Application Support>Adobe>Dreamweaver 9以下の「Configuration」フォルダを丸ごとバックアップ。
    【iTune】
    ユーザ>ミュージック>iTunes以下のデータをバックアップ。
    しなかったところで、後から iPodから同期できるので良し。


    【iPhoto】
    ユーザ>ピクチャ>iPhoto Library以下のデータをバックアップ。
    子供達の写真が無くなったら、死んでも死にきれないので慎重に。


    【Transmit】
    ユーザ>ライブラリ>Preferences 以下の
    「com.panic.Transmit3.plist」をバックアップ。
    複数のサーバを管理していても、バックアップはこのファイル1つでOK。


    【Mailアカウント】
    十数個のメールを受信しているので、ひとつづつ
    アカウントを作り直すなんてことはやっていられない!
    ユーザ>ライブラリ>Preferences 以下の「com.apple.mail.plist」をバックアップ。
    これで面倒なアカウントの設定はしなくてOK。
    署名(シグネイチャー)は、ユーザ>Mail>Signatures以下にあるhtmlファイル。


    【Mailメッセージ】
    ユーザ>ライブラリ以下の「Mail」フォルダを丸ごとバックアップ。
    6GBもありました…。
    この方法だと、後から権限の設定で苦労する可能性大ですが、
    その時は「chown -R」コマンドを叩いて対応しちゃうつもり。


    【フォント】
    ユーザ>ライブラリ以下の「Font」フォルダを丸ごとバックアップ。


    【ATOK2006】
    ATOKパレット>バックアップツール>データのバックアップをとる
    「すべてのデータを保存する」にチェックを入れてバックアップを作成すると
    「ATOK 2006 Backup Data」というフォルダが生成されるのでこれを保存。
    このフォルダの名前を変更しちゃうと復元できなくなるので
    フォルダの名前は変更しない。


    【FireFox】
    ブックマーク>ブックマークの管理>バックアップ
    保存ファイル形式:JSONとすると「ブックマーク 2009-08-18.json」
    のようなバックアップファイルが生成されるので、これを保存。


    ━━━━━━━━━━━━━━━━━━━━━━━━━━━
    いざとなったらT起動
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━
    幸いなことに私の場合、余っているG5があるので…
    データの詰まったHDDを余っているG5に挿して、
    メインマシンの Intel MacとFirewire接続。


    「T」を押しながらG5をターゲットディスクモードで起動すれば、
    Intel Macから、G5を外付HDDのように扱えるので
    抜き忘れたデータがあっても後から抽出することができるため、
    バックアップはこの程度にしておきました。

    2009/08/18

  • Appleサポートのヒドすぎる対応

    Appleに修理に出した Mac Pro が手元に帰ってきましたが、
    修理報告書には、インストールディスクのことは全く記載されておらず
    「そういえば、最近ディスプレイがチラつくかも…」と、ついでに相談してみた
    ビデオカードを取り替えたと記載されているのを見て、嫌な予感…。


    嫌な予感は見事的中し、
    インストールDVDディスクを挿入してC起動してみましたが、
    先日と同じカーネルパニック出現。
    やっぱり、直ってないでござんすよ…。(´・ω・) 


    すぐに Appleサポートに電話して
    新品の NVIDIA GeForce 8800 GT にしてくれたのは嬉しいですが、
    そもそも、ビデオカードが壊れていたから C起動できなかったのか、
    そして、ビデオカードを交換したら、C起動が工場では出来たのか、
    それとも、C起動については全く検証してくれなかったのか?
    と質問したところ、修理工場に確認するので
    返事は明日以降になっちゃうかも…と回答が。
    修理代の請求書はサポートから届いたのに、
    何を検証したのかは、把握できてないの…? (´・ω・) 


    「その件は改めて回答しますが…」との前置きがあったうえで
    先日もさんざん説明した症状のヒアリングがさらに始まり、
    先日もさんざん電話口でやらされた
    全てのケーブルを外すとか、PRAMクリア、
    連続再起動をまたもやらされ、
    かれこれ1時間半以上、時間を要することに。


    結局、再度修理の引き取りが来ることになり、
    それだけでも相当イラッとしていたのに、
    2時間後にまた同じ方から電話がかかってきて、
    「再度ご確認させてください」と同じ質問が始まり、さらに小1時間。


    挿入しているインストールディスク(Leopard 10.5 DVD)
    に問題があるかどうか、他のマシンで試したけど問題なく読込できます。


    HDDに障害があるのかを確認するため
    他のマシンにさしてみたら、問題なく正常に動作します。


    Drive Genius2 でHDDの検証しても問題はありませんし、
    Drive Genius2 でDVD起動はできるので、
    DVDドライブ自体が壊れているとも思えません。


    同じ事を繰り返し説明している自分に
    だんだんイライラしてくるYO!
    あたしはただ、C起動したいだけ・な・ん・で・す・け・ど!!!! (:_:)


    これまでも何度もAppleのサポートにはお世話になってきたけれど
    こんなにヒドイ対応は初めて。
    Apple信者の私にとっては、まさにハートブレイク。
    ショボン…。

    2009/08/17

  • Mac OSX Leopardインストールディスクで起動できない

    横浜のホームページ制作スタジオFIXの社長ブログ 昨年5月に購入した相棒 Mac Pro
    ここのところ機嫌が悪いな〜と感じていましたが、
    そのたびに 「どーした!頑張れ!」と声をかけながら
    昨日まで二人三脚でやってきたのに…。(:_:)


    通常起動はできるのですが、
    Fiderを開いただけでフリーズしちゃうので、
    だったらサクっとフォーマット&再インストールしちゃえ!! (・∀・)


    だって、一昔前までは、フォーマット&再インストールといえば
    ・データをバックアップ(←膨大なデータ量)
    ・HDDフォーマット(←1TBあると軽く2時間はかかる)
    ・OS再インストール
    ・プリンタやタブレット、外付けHDDのドライバインストール
    ・各種アプリケーション再インストール(←シリアルを探し出すのが超面倒)
    ・各種プラグインを個々のアプリ事に再インストール
    ・個々のアプリを起動するとアップデートが始まる
    ・フォントインストール
    ・データを元に戻す(←再度膨大なデータ量)
    の一通りを行うのに、ゆうに24時間以上はかかったもんです。


    やっと終わったと思って、メールを書き出すと
    漢字変換がデフォルトのままだったりして、
    またバックアップファイルを読み込んで、
    とか小さな設定を直し続けて、しっくり使いこなすまでに
    さらに1週間とかかかるんでしたよね…。(´・ω・)

     
    でも今や、Leopard に搭載された Timemachine のおかげで
    昨日の10時の状態に戻そっかな〜
    それとも一昨日の晩の状態に戻そっかな〜 のような、
    蚊に刺された程度ですYO!(・∀・)


    なんてナメてかかっていた罰なのでしょうか。
    Mac起動時に、Cを押しながら起動、
    Optionを押しながら起動、
    システム環境設定で起動ディスクをDVDに指定して再起動、
    外付けHDDを起動ディスク化しちゃうと荒技も駆使してみたけれど 全く起動できない…。


    OSインストール用のDVDが動いてくれないと
    なにも始めようが無いんですけど?? (=_=)
    午前4時、とりあえず帰宅。


    そして今朝になって、Appleサポートセンターへ電話してみたら
    ロジックボードの故障が疑われるので修理に出してくださいと
    なんたることか死刑宣告を受けてしまいました!!
    「この子を入院させるわけにはいかないんです!」
    「仕事できなくなっちゃうんですけど!」 とか言われても、
    サポートセンターのお姉さんも困りますね…。


    いさぎの悪さで有名な私なので 「一回電話切って考えます」と、
    とりあず尻尾まいて逃げましたが
    「どう考えても修理に出すしか方法はないよね?」 と
    周りに聞いてる時点ですでにちゃんと結論出てるぢゃないか!>あたし


    とりあえず現実から目をそらすため
    2ちゃんねるで、のりぴースレッドを眺めたりする。
    しっかりしろ!>あたし


    一通り世間の話題をインプットし終えてたので、
    重い腰を上げて余っていた Mac G5に
    Mac ProのHDDを差し込んでみたら、フツーに起動してくれたので一安心。
    これで入院させない理由がなくなったね!>あたし


    ということで 完治を祈る!!
    相棒よ、行ってらっしゃい。(:_:)ノ

    2009/08/07

  • CSSでポラロイド風画像

    Photoshopで簡単ポラロイド風イメージの作り方 を先日ご案内しましたが、
    ホームページ上にたくさんの画像を掲載したい場合、
    いちいち こんな方法 で画像作成していたら、手間がかかってしまいますよね。
    そのような場合は、CSSでコントロールしちゃうのが簡単です。


    ■元の写真のサイズが横400×縦300ピクセルの場合
    横浜のホームページ制作スタジオFIXの社長ブログ
    緑色の部分が、横400×縦300ピクセルです。
    その回りに、枠と影の領域が加わりますので、
    画像全体のサイズは、元の写真のサイズより一回り大きい
    横410×縦325ピクセルになります。


    ■CSS (スタイルシート) の書き方

    1. img.shadow {
      background: url(bg_photo.gif) no-repeat;
      padding: 5px 5px 15px 5px;}



    ■htmlの書き方

    1. <img src="001.jpg" width="400" height="300" class="shadow" />




    要するに、元の写真の下に背景画像を敷くことで
    ポラロイド風に見えちゃうというわけです。


    ■元の写真
    横浜のホームページ制作スタジオFIXの社長ブログ

    この写真にCSSで背景画像をくっつけると…


    横浜のホームページ制作スタジオFIXの社長ブログ
    この方法なら、ホームページに大量の写真を配置したい場合でも
    imgタグ部分に、class=を指定するだけで済むので簡単ですね。(・∀・)


    この方法で使用した背景画像は、以下からご自由にご利用ください。
    画像をダウンロード
    ホームページ制作時にぜひお試しくださ〜い。(^-^)ノ

    2009/08/05

Page 5 of 20« First...345671020...Last »