Macで趣味のWeb制作＆サイト運営 2.html

Macでブログやサイトを趣味で制作運営している人のための雑談スレッド。
制作ツールの話からサイト運営の与太話まで何でもOK。みんな仲良くね。

＜スレのローカルルール＞
荒しはスルーで関わらない。特定サイトへの誹謗中傷禁止。


過去スレ
Macで趣味のWeb制作＆サイト運営
http://hibari.2ch.net/test/read.cgi/mac/1243667706/

弄ったソースって具体的に書ける？
画像までのパスが変わっただけかもよ？
もしくはCSSファイルまでのパスとか。

>>236
ありがとうございます！
こちらの、「NOFRAME」の、n201かn006が使いたいです。
ttp://peewee.corcor.info/temp001.php

>>237
弄ったソースは、「Web拍手」のタグを入れようとしたのですが
下部のフッター部分に入れました。
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="STYLESHEET" href="st.css" type="text/css">
ここのところは、全く弄ってません。

その後、画像が消えたので、「変なところ弄ったのかな？」と思って
弄る前のファイルを呼び出して、試しにテキスト部分に一文字入れてみました。
（「このサイトは…」と書いてある文を「このサイトはあ…」というように）
それでも画像が消えてしまいました。
一度SWを閉じて立ち上げ直してから同様のことをやっても同じです。
少しでもソースをいじると消えるみたいです。

消える原因がわかったよ。
空のDIVが保存すると自動で削除される仕様になってる。
ヘッダ画像用のタグ、例えば

<div id="img"></div>

とかね。こういうものが保存時に自動で削除されてる。
これを避けるには例えば

<div id="img"><span></span></div>

とかすればいいけど根本的な解決では無いね…。
取り敢えず使いたければテンプレートをすべて調べて、
空のDIV要素全てに上記のような応急処置が必要になるかも。

ただ、ほぼ初心者でテンプレートいじるのって大変じゃない？
メニューとか追加したら他のページにも自動でメニューが追加されるわけじゃないでしょ？
そういうのが手間じゃなければいいんだけど。

>>240
遅くなりましてすみません。
教えてくださった方法を試してみたら、できました！！
すごいです、ありがとうございます！

メニューを追加したら他のページにも自動的に追加されるような方法があるんですね。
テキスト含め、すべてのページのヘッダにメニューがあるテンプレなので、
そこのメニューの修正や追加をひとつひとつ手作業でやってました…

>>241
>メニューを追加したら他のページにも自動的に追加されるような方法があるんですね。

いや、あるかどうかはわからないけど、RapidWeaverとかのCMS？だとメニュー構成は自動だから凄く楽なんだよね。
初心者が面倒くさいのはそこかなと思ってさ。

>>242
なるほど、RWはそういった便利な機能がついてるんですね…
今、すべてのページに<span></span>などの修正をしていますが確かに大変です。。

とりあえず今は予算的な問題と練習もかねてHTMLやCSSの勉強もしたいので手作業でやってみますね。
画像が消える件についても、大変助かりました！本当にありがとうございました！

そういう時は、検索と置換を使えば楽だよ。

今回の場合だと、divにクラス指定してあるので、ファイル全体を

></div>

で検索して

><span></span></div>

に全て置き換えればいい。

KompoZerも良いソフトだけど、その後継であるbluegriffonを使ってみたらどうかな
ちょっと使ってみたところ、空のタグがあっても勝手に削除することは無いようだし
http://www.bluegriffon.com/

ごめんこっちだったw >>245はアドオン配布サイト
http://bluegriffon.org/

>>244
検索と置換ですね！Macも初心者で、初歩的なことが思うようにできず…
全部手作業でもう終わってしまいましたが、次からそうします！有り難うございます。

>>245
bluegriffonというSWがあるんですね。知りませんでした。
後継ということで使い心地があまり変わらないなら使ってみたいです。
勉強してみます。ありがとうございました！

BlueGriffonは何が致命的かって
プレビューモードで文字間をカーソルで移動できないのよね…

新しいDWの可変レイアウトグリッドって、
GoLiveのレイアウトグリットに似てるやつだったら良いがなあ。
やっとDWに乗り換え決心できるかも

imgタグを連番で生成してくれるようなソフトとかないかな？

つRuby

コピペして連番置換すれば良いだけのような気が…。

(1..10).each do |i|
puts "<img src=\"images/image-#{i}.png\" />"
end

Ruby 便利。

「Coda 2はリリース直後からの24時間に限り、50％OFFの特別価格 4000円 で販売します」

とのことなので、こちらにも一応貼ってみる。
リリースは5/24。

>>251,253
ありがとう。Rubyって簡単なの？
使い方がわからんからググってみる。

あげてもた

>>255
Ruby は誰にでも簡単かはわからないけど、自分の場合は他にもプログラミングしてるから「たのしいRuby」みたいな本買ったらわりとすぐ使えた。

あと >>253 はバックスラッシュが¥になっちゃってるけど、それを直して test.rb みたいなファイル名で保存して、Terminal.app から
ruby test.rb
とかやったら動くと思う。

Ruby 使えたらいろいろ簡単だと思うけど、でも学習コストもあるから、例えば Zen Coding とか正規表現とか、マルチカーソル使えるエディタとか、そういうの組み合わせた方が近道かも。

エクセルのオートフィル最強

air2011竹にxampp入れて開発は快適に出来ますか？
自作のCMSをクライアントに見せたりもしたいですが、airでは非力でしょうか
メインはimacですが外でも軽い修正くらいしようかなとおもいました

RwからSandvoxを使い始めた。

Rwもそうだったかも知れんが、新しいページ作るとftpに新しいフォルダ出来
るじゃん？

で、そのページを削除してもリモートのそのフォルダは無くならない。

これ仕様？

MacZOTで

Nick Cates Design ZOT Bundle
4 RapidWeaver Themes + Secret Gift
83%オフの20ドル。

買った人、シークレットギフトが何か教えてー

Rwで、商品検索ページみたいなデーターベースを作りたいんだけど、なんかイイプラグインてあります？？

たぶん無かったと思うけど、例になるサイトとかページある？

わりとありがちな感じのなんですけど、ZOZOTOWNの「さらに検索」みたいなのですね。(http://zozo.jp/sp/_search/search.html)

価格とメーカーと、、みたいに複数選択した結果が出る感じの。

データベースCGIを組込むしか無いんじゃない？
ttp://www.cgi-amigo.com/database.html

URLありがとうございます！
CGIとか、ホントさっぱり分からないですけど、これから勉強してみますね！
ありがとうございました

>>266
こういうのはCGI理解してなくてもコピペで行けるから意外と敷居は低い。
一回設置出来たら制作の幅が広がるよ。

趣味のサイト作るのに、IPv6とかは意識しなくていいのですか？
ああなるほど、意識しなくて良いのですね。

>>268
何故意識しないでよいと判断したか、それが不思議でならぬ。

意識したらどういうサイト作りになるのかしら

iwebから、sandvoxに乗り換えました。
sandvoxオブジェクトを重ねたり、フレームを付けたりが出来ないんですけど、どうやってするんですか？

自分の店のサイトを作り直そうとしてんだけど、みんな DOCTYPE宣言はどうしてる？
HTML 5 に移行した人ってどのくらいかなぁ？

うちは今までは「XHTML 1.0 Transitional」だったけど、次、何にしとけばいいか悩んでる。
このままでいいかな？

>>271
マニアックだな。
ここでレス貰えるか微妙かもよ？

おれはペヤング宣言

店のサイトならHTML5は避けた方が良い

過疎ってるねー

過疎ってるようなので発言させていただきます。
ttp://joeworkman.net/rapidweaver/
のプラグインとか使ってる人います？やりたいことはRapidweaverで
・TwitterのTL表示、つぶやきボタン、Facebookのライクボタン
・Youtube、Vimeoの表示
・リスト表示
・ローカライズ可能なメールフォーム
・フォーラム機能
あたりです。
今ローカライズにはこれとPlusKitの@importを使ってるんですけど
ttp://www.tsooj.net/products/rwml/
メールフォームがうまくローカライズできないです。90%ぐらいはうまくできてるんですけど、一部文字が消えたり、、。
フォーラム機能についてはどうすればいいのか宛もない状態です。
他には今Stacksは導入してます。

ローカライズってソフトやプラグイン自体を日本語化する時に使う言葉だと思うから、
サイト全体の翻訳とは区別した方が分かりやすいと思う。
全体的に何がしたいのかいまいちよくわからない。

・TwitterのTL表示、つぶやきボタン、Facebookのライクボタン
・Youtube、Vimeoの表示
・リスト表示
・ローカライズ可能なメールフォーム
・フォーラム機能

これらが全部できないって事？まだ手を付けないの？使い勝手が知りたいの？
それらをStacksプラグインでやりたいんだよね？
長くなってもいいから整理してもう一回書いて。

フォーラム機能って事は、サイトのデザインはそのままに組込みたいって事？
結構大変だからフォーラムは別にした方がいいと思うよ。
フリーで使える物だと、シンプルマシンフォーラムとか高機能だよ。
http://www.simplemachines.org/

メールフォームは、FormLoomとか使えばいいんじゃない？
全ての項目、警告メッセージ、を日本語化できるはず。

RWMLのところも何がどうなってるのかよくわからない。
メールフォームはStacksプラグイン？フリーのCGI？
メールフォームのローカライズって項目を日本語にしたいの？
一部文字が消えるのは項目名？送信したフォームの中身？

俺の理解力が足りないかもしれないけど、今の状態では答えられることがほとんど無いw

・TwitterのTL表示、つぶやきボタン、FacebookのライクボタンにJoeWorkmanのプラグインを検討してますが使い勝手はどうでしょうか？他に使えそうなStacksはプラグインありますか？

・Youtube、Vimeoの表示にJoeWorkmanのプラグインを検討してますが使い勝手はどうでしょうか？他に使えそうなStacksプラグインはありますか？

・リスト表示に便利なStacksプラグインはありますか？

RapidWeaverに標準でついてるメールフォームをRWMLと組み合わせて使うためにPlusKitのimportを使っています。
この方法だとメールフォームのFill in the form belor to send me an email.の文字列が表示されないです。（一つ目のimportで読み込んだ言語の文字列は表示される。二つ目以降のimportで読み込んだ言語の文字列は表示されない）

FormLoomの場合、RWMLと組み合わせて使うためにPlusKitのimportで読み込んで使うとメール送信時にエラーが起きてしまいメールの送信ができません。
で、ローカライズではなくてmulti langageって言った方がいいですかね。他言語化はみなさんどうしてます？
URL自体を分ければ簡単な話なのですが、同一URLで複数言語にしたいがためにRWMLを使っています。

フォーラムは別口でやることにします。

ミススペル… multi languageです。

>>279
使っている物がないので、同じ物使っている人が書いてくれることを期待して。
ちなみにStacksの検索はここがおすすめ。
http://www.rapidweavercentral.net/rapidweaver/stacks/all_rapidweaver_stacks_on_one_page.php


>・TwitterのTL表示、つぶやきボタン、FacebookのライクボタンにJoeWorkmanのプラグインを検討してますが使い勝手はどうでしょうか？他に使えそうなStacksはプラグインありますか？
TwitterのTL表示はStacksじゃなくても出来る。というか、あれ公式のまんまじゃない？
あれにお金払うのは凄く勿体ないと思うけど。
https://twitter.com/about/resources/widgets/


>・Youtube、Vimeoの表示にJoeWorkmanのプラグインを検討してますが使い勝手はどうでしょうか？他に使えそうなStacksプラグインはありますか？
使い勝手がなにを指して言うかわからないけど、表示するなら普通に埋込みタグを入れるだけでもいいと思う。
これもそうだけど、Video系のStacksは対した機能ないと思うよ。プラグインなら結構細かく設定できるけど。そのかわりCSSの知識がないと見た目の調整ができないかも。
http://symfonip.com/sympreview/plugins/symorbit.php
あとは最初のリンクで自分にあったものを探すしかないね。

>>279
続き

>・リスト表示に便利なStacksプラグインはありますか？
申し訳ないがこれも具体的によくわからないのでこれとか
http://www.stack-its.com/listmate.html


>RapidWeaverに標準でついてるメールフォームをRWMLと組み合わせて使うためにPlusKitのimportを使っています。
>この方法だとメールフォームのFill in the form belor to send me an email.の文字列が表示されないです。（一つ目のimportで読み込んだ言語の文字列は表示される。二つ目以降のimportで読み込んだ言語の文字列は表示されない）
>
>FormLoomの場合、RWMLと組み合わせて使うためにPlusKitのimportで読み込んで使うとメール送信時にエラーが起きてしまいメールの送信ができません。

恐らくだけど、メールフォームを同じページに2つ以上置くことがだめかも。
http://www.loghound.com/pluskit/compat/index.html
メールフォームだけは別ページにするとかの方がいいかもね。


どれもアドバイスになってないけど、一番上のリンク先で色んなサンプル見た方がいいと思う。

なので横に置いといて、今回のO S X 1 0 . 8 M o u n t a in L i o nはかなりヒドイと思う。
その他に、Thunderboltベースの端末を使用する場合にA p p l eのM a i lプログラムに問題が修正されている問題の1つに、一部の構成で使用する場合にバッテリ持続時間が短いという問題も報告されている。

A p p l eのM a i l」アカウントの不具合といった問題が修正されている。 今回のアップデートがリリースされるまでの期間はこれまで、1 3日(「S n o w L i o n」では、M a i lプログラムに問題がある。このアップデートでは最初の
そんな事より1よ、ボケが。得意げな顔して何が、つゆだくで、やっと座れたかと思ったら、隣の奴が、大盛つゆだくなんてきょうび流行んねーんだよ、1 5 0円引き如きで普段来てない吉野家に来てんじゃねーか。

それから、ラッピング以外でも、 最近は隣町のファミレスに行って堂々と飛翔するのにも凝っています。 じゃがバターは大好きですが、牛鍋は苦手です。 尊敬する人は松平定信で、趣味のラッピングも、 実は松平定信の影響を受けて始めたんです。
今日の健康運で暗示されているのは『最適な体調に保たれる』です。

L i o nになって変わった事がある。繰り返しになるのは、単純に言うなら「仮想R A M利用量が増えたから」。
健康増進には卵ときくらげの炒めものがお勧めです。 頑張って松山城まで行って長い目でスクワットを29回丁度やれば 一層体調が良くなります。 悲しみに満ち溢れたネクタイを身に着ければ、心身共に ハッピーな感じになるでしょう。

実は私自身の影響を受けて始めました。
由美は、1938年生まれで、星座は蛇(へび)座、 血液型はД型、する事が無くて困っている状況です。 今はカラーコーディネーターしてるんですけど、 冒険心を忘れない由美に合ってると思ってます。

あと、趣味のスカイスポーツ以外でも、 最近は歩道橋の上に行って繊細にじたばたするのも好きだな。 ちなみに、好きな食べ物は焼肉ハンバーグ盛り合わせ、でも、もずく酢は苦手。 尊敬する人は浜崎あゆみで、趣味のスカイスポーツも、 実は浜崎あゆみの影響で始めたんだ。
私は、1949年生まれで、星座は乙女(おとめ)座、 血液型はЮ型、結婚して50年目、子供は男の子が10人、女の子が4人です。 趣味は書道、最近興味があるのは経理です。

ここのwiki作りたいです。ソフト上でログインしてとか出来のかな？？何か上のテンプレでいいのあったら教えて欲しいです
http://atwiki.jp/

ショップサイトを作りたいんだけど、
「アプリ」ではむずかしいのかなあ。

スニペットアプリ使えば？

>>291
miでもJedit Xでもできる。

ていうか、スクリプトが使えるエディタなら
どれでもできるんじゃないかな。
おそらく、EspressoでもCodaでもできるはず。

ただ、定義は自分で作って登録しないとダメ。

基本的には、テキストを選択してスクリプトを実行すると、
選択範囲の前後に文字列が挿入される、みたいな感じなると思う。
miは初心者でもわりと簡単に作れる気がする。

>>292, 293

291 です。ありがとうございました。
完全素人でよくわからないところがあるので、調べてみます。
ありがとうございました。

>>291 です。
スクリプトで調べたら、自分でゼロから組まなければいけないようで、あきらめました。

また静的なページしか作れない、自分の店のサイトを作ってるだけの素人なので、Espressoも
スニペットなど使いこなせていません。
通常、 <p></p>などもスニペットを使わずに、ことえりの単語登録を使って日本語入力のまま
入力しているくらいなので。

>>292, 293にはレス頂きながら使えない奴で申し訳ありませんが、今回はあきらめます。
失礼しました。

>>295
スニペットも使えないんじゃそのままがいいんじゃない？w
でもちょっと使えば慣れると思うんだけどなー。

うーん、スニペットに関しては業者さん（プロの人）ではないのでCSSもコピペでいけてるのと、
シュガーで入力補完で間に合ってるので <img src="" alt="" /> とかも不満なく入力できているので
後は US キーボードを使っているのですがなるべく コマンド＋スペース でなく <strong></strong>
がショートカットで出来るように日本語入力のままで <p></p>で括りたいな、と。

すみません、完全に Espresso スレの内容になっているみたいなので消えます。
失礼しました。

>> 291
http://www.macorz.com/example/codaclip.png
Codaならサイドバーにあるクリップ機能がおすすめ。
ショートカットで操作もできるし，カスタマイズも簡単。

>>298

す、すみません。
何ともご丁寧にピクチャ付きで説明までしていただけ、感激です。

お店のキャンペーンやら、ページの骨組みはそのままに、告知や注意事項等、
日本語入力が結構な量があり、こういうのができないかいつも考えていました。

Coda はバージョン２になった時の値下げ祭りで買っているので早速後で
試してみます。

いや、本当にありがとうございました。
こんな素敵なレスは初めてです。

とりあえず買いそろえるのはみんな一緒だなw
ガンバッテー

>>281
今まさにこれを探してた。
質問者じゃないけどありがとう

RWで、ヘッダのスローガンを無効にしても、空の<h2>タグが残ってしまうんだけど、消し方わかる人います？

すいません、自己解決しました。。
テーマのコンテンツフォルダに含まれるindex.htmlファイルを「テキストエディット」じゃなく、「applescriptエディタ」で開いたら、スローガンに該当するh2タグを見つけれたので、それを消して上書き保存でokでした。

ヘッダのh2をCSSの

display: none;

で非表示にした方がメンテナンスしやすいと思うよ。

display:none は便利だけど、Googleから弾かれる要因になりそう

text-indent: -99999px; みたいな裏技的な使い方じゃないし大丈夫じゃない？
display: none; はRapidWeaverとかで使いまくってるけど今のところ弾かれたことは無いなー。
まぁソース直接削除した方が精神衛生上いいかもしれないね。

ありがとう。そんな命令があることも知らんかったわ

iWebのアンインストールって、/Applications/iWeb.appをゴミ箱に入れるだけでOKですか？

>>308
そんなに邪魔ですか?

MacBook Airの空き容量が厳しかったから削除しちゃった。
今後消え行くソフトは使う気しないし。

>>310
アプリ１つ分の容量で厳しいとかなら
そもそも増設とか考えた方がよいのでは

iWebで作ったサイトって独特の雰囲気漂ってない？
テンプレ使っちゃうケースが多いのか、似た感じが多いというか。
で、いまいちカッコ良くない。

それは他のアプリにも言えるな。
BiNDで作ればBiND風に見える。
そしてダサい。

増設できたら苦労しないわな

>>314
えっ？MacBook AirってSSD交換出来ないの？

ググれカス

かなり変則的な使い方かと思いますが…

現在Rapidweaver4 act2版でブログとPixivのようなフォトアルバム管理・更新するページを作っています。
これにWordPressとの連携を実現するプラグインWP-Blogを導入して「.htaccessを使った検索除けと特定ディレクトリへのBasic認証を保ちつつ
Mountain Lion環境に（公開準備のため）ローカル構築したWordPressとの連携を実現」
する事は可能でしょうか？

ある程度記事やアルバムをローカルで仕上げてからDBとして書き出しオンライン上に構築したWordpressにインポート、
同時にRapidweaver５に更新しようと思っています。

>317
自己解決しました
意図した目的は実現出来たのですが現在契約中のレンタルサーバがPHPセーフモード固定だったため
他社サーバに乗り換えます。

日記帳代わりにされてやんのw

動的コンテンツの生成をWordPressにまかせること自体はいいアイデアだと思うぞ。

GoLiveのダイアグラム機能のようにグリッド整列対応のチャートマップを作ってからページ構造を維持した状態で空ページを生成してくれるソフト、
どこか開発してくれないかなぁ。

カンプ・ワイヤーフレームの作成はFireworks CS5からOmni Graffle Pro 5に乗り換え済み。

ややこしい話はいい。

たのむからGoLive復活してくれ！

一日一回はフリーズするアプリはもういいや

rapidweaver+stacksでいい。

RapidWeaver+WordPress、最強でしょ。

>325
ちょうど今WP-Blogプラグインを購入してローカルサーバに構築したWP3.5.1へテーマとブログ・ギャラリーページを移植しようと試行錯誤中。
プラグインの「MAMPに構築したデータベースを利用する」オプションはOS基本言語：日本語だとエラーになる。

ローカルではなくオンラインサーバに固定ページ・WP-blogテーマとデータベースをあげてからでないとダメかも。

RWで新規ページに日本語を付けたいんだけど、どうやらpunicodeに対応してないっぽくて打つ手が無い。。
日本語のフォルダ作れた人いたらご教示たのんます。。

日本語のフォルダにする理由が分からない。

iPhone板でMac勧誘スレ立てるな馬鹿

Macというソフトのインストールがわかりません。
Windowsは買ったのですが
デスクトッピにできません
インストールの順番はWindows〜Macでいいのでしょうか？
教えてくださいな(^0^)

すまん、もう一回頼む

Macってビデオカメラとの相性最悪なのか...

http://bbs.kakaku.com/bbs/K0000305712/SortID=13817942/

ハンディカム()笑

iPhone板でMac勧誘スレ立てるな馬鹿

CC導入のため、DW使って見た。
GOlive、iweb、CODA、ラピッド、その他使ってきたけど、なんだかんだでDWいいかも。難しそうで敬遠してたけど、なんか使えるようになった。色々なソフト使っているうちにWEB知識が増えたのかもしれない…。

俺はRW+Stacksが好きだなぁ
テーマファイルは色々弄れる http://seydesign.com のが好き。
stacksプラグインは色んな所の買ったわ、使ってないのも多いけど。