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

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

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


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

あげてもた

>>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プラグインは色んな所の買ったわ、使ってないのも多いけど。

>>335
それはあるな
なんだかんだで知識が少しずつ身に付いてくる

Stacksもいいけどプラグインを増やして欲しいわ

iweb2.04を使っててちょっと質問なんですが、
HTMLスニペットでgoogleのメールフォームやカレンダーとかのソースを張り付けて適用を押しても何も表示されません、
safariの開発メニューのスペニットエディタに張り付けても同様に真っ白です、

ちなみにFC2の無料メールフォームはあっさり出てきます、
なぜgoogleのサービスは何も表示されないのでしょうか、、

答えになってないがiWebから他のアプリに移行した方がいいと思う。

rapidweaverでも使えば？

iwebだけでなくsafariのスニペッドエディタでも表示されなかったので
iweb以外の問題か何か根本的なミスかなと思うのですが、

iwebからの乗り換えはやはりrapidweaverが一番人気なんでしょうか、
先日freeway Proを買ってみたんですが恐ろしくワケが分からなくて使いづらくて（というか自分が素人過ぎて）iWebの使いやすさは神だなあと思うこの頃です、
dreamweaverにも興味あるんですがやはり素人には難しいですかね、


あとiWebでもう一つ困ってまして、
作成したhtmlをwindows環境のIE8とIE9から見た場合のみ、
文字のボックスが下に2.3行ずれてしまうのですが、原因・対策ご存知の天才いませんか？

↑のずれる件自己解決しました！
どうやらボックス内の文章の上下幅を中央揃えにしてしまうと
発生するようですね、

他にwinのIE8.9から見た場合に発生するバグを知ってる範囲で書くと
・ボックス内の画像がダブって下に表示される、
ボックス内に埋め込まずに画像を被せる事で回避、ただし長い文章中で複数箇所画像を被せるとズレる事があるので、文章ボックスは適当に区切る、

箇条書きしようとしたけどこれくらいだった、、

Freewayが使い辛いとなると…難しいなw
iWebのWYSIWYGに馴れてると他のものは使い辛く感じるだろうね。
WYSIWYGは一見便利そうだけどWebサイト制作の知識は身に付き辛い気がする。

iWebからdreamweaverはその書き込みの感じだと死ねると思う。
RWで十分、何でも出来るよ
分かんない事有ったらネットで調べるかここで聞いたらなんとかなるんじゃないかな

iWebのソースはシャレにならんくらいカオスだし、IE8より前でバグを取るのはめんどくさいよ。
CSSで直接IE用にハックかけれるスキルが無いなら諦めた方がいい。

rapid weaverを買ってみたんですが、
自由度低いですよね、、、orz
好きな位置にアイテムを配置すら出来なくて困ってます、
サイドメニューを大きくしたりも出来ない、メールフォームも左に寄っちゃって直せない、
メニューに表示されない（文中でのリンクでしか行けない）ページを作りたくても出来ないし、
困ってます、、こういうのはアドオンで解決出来るのでしょうか？
上の方にiWebっぽくも出来るとありましたがお勧めのアドオンご存知の方いましたら教えてください、、m(｡_｡)m

Rapidweaverだったら、プラグインのiTeuchiがお勧め
自由度が半端ない

>>346
CSS触れなきゃ何使っても駄目だよ。
ああいうのは馬鹿でも大体のクオリティに仕上がるってレベル。

>>347
タイプミスだよね？

>>346

>サイドメニューを大きくしたりも出来ない、メールフォームも左に寄っちゃって直せない、

テーマによる。


>メニューに表示されない（文中でのリンクでしか行けない）ページを作りたくても出来ないし、

これは出来る。


レイアウトを自由にしたかったら、俺の知る限りBlocksかStacksを使うといい。
厳密なレイアウトをしたかったらBlocks。でもStacksの方がおすすめ。試用版を使ってみるといい。
最低限のCSSは覚えておくとぐっと自由度が増す。

CCSEdit単体販売が終わってしまったのが本当に悔やまれるな。

>>347
ぜひそのプラグイン入れてみたいんですがタイプミスですか？w　見つかりません、、
本当はなんというアドオンなんでしょうか

やはりSCCを覚えなきゃいけないんでしょうかねえ

>>349
Stacksお試し版落としてみましたー
色々試してみます、ありがとうございました

iTeuchi、つまり自分で手打ち入力しろってことだろ…ｗ

Stacksに、後は適当なテーマがあれば普通にページは仕上がるよ。
モバイルでバイスとかタブレットの表示幅に自動に対応出来るようなresponsiveなデザインし易い。
Blocksはページのレイアウトをがっちり固定出来るけど、多様なデバイスに対応出来ないし表現方法として前時代的だと思う。
cssはコピーして貼付けるやり方でも覚えたら随分違うよ、そしたらそのうち必要なことは何となくでも覚えていくと思う。

>352
ユーザーCSSはWeb広告フィルタリングにも応用出来るからまずはWebブラウザのユーザーCSSに「特定URL・外部URLからリンクされた画像非表示」するところから覚え出すと分かりやすいかも。

たとえばOpera公式ヘルプ「広告などに一般的に使われるサイズの画像や、フラッシュなどの埋め込みコンテンツをマッチさせて非表示にする手法」
ttp://ja.opera-wiki.com/browser.css

>>353
ほんとだw
気がつかなかったわ