WEBサイトを作成するツールについて

Question

WEBサイトを作成するツールで、良いものがないか探しています。

(下記追記：質問内容がわかりづらいとのご指摘をいただき、この段落を追記)
エディタではなく、もう一歩簡単に、パーツ（ヘッダのパーツとかフッタのパーツとか）を置いていくだけで、サイト作成ができるようなツール（アプリケーション）について、お尋ねしたいです。静的サイトの作成です。

BLOCSというのがありますが、MACオンリーのようなので、Windowsでも使える、あるいはブラウザ上でできるものがあればいいなと思い、ググっている最中なのですが、今のところはFroala Design Blocks、STUDIOくらいしか探せていないところです。

Wixとかjimdo、Ameba Owndなどのサーバに縛りのあるものではなくて、ツールで作成されたHTML・CSS・JAVASCRIPTのソースを微調整したり、あるいはWORDPRESS化するための素材として手元で使えたり…そういうことができるツールがあればいいなと思っています。

BLOCSはアニメーションの作成もサクッとできるっぽいので、これがWindowsでも動けば一番いいのですが…。Froala Design Blocksは、わたしの調べ方が足りないのかもしれませんが、アニメーション系については、自分で実装する必要がありそうです。
STUDIOは、毎月課金が発生するようなので、うーん、どうしよう…と悩み中です。

コンテンツの構成やコピーライティングになるべく注力するために、サイト作成をする時間を少しでも短縮できる方法はないか、何か良い知恵をお持ちの方がいらっしゃれば、よろしくお願いいたします。

Comments

[m.ts10806]

WordPressのようなCMSを求めているのか、静的サイト自作なのか動的サイト自作なのかで言うとどの方向性でしょうか。「Webサイト制作」と言っても種類やカテゴリーなど無限に選択肢がある状態での質問では的確な回答は得られにくいと思います。
要件を具体的にしてください。

[yukiko]

ご指摘ありがとうございます。
静的サイト自作です。静的サイト自作がサクッとできれば、それをWordpress化するところは自力でできそうなのですが、元になる静的サイトを作るのに、一からコーディングしていくと、なかなか時間がかかってしまうので、パーツ（ヘッダのパーツとかフッタのパーツとか）をぽいぽいとドラッグ＆ドロップで置いていくようなイメージで、レスポンシブな静的サイトができるツールやアプリがあればいいなあと、お尋ねしたところでした。

たまたまMAC使いの知り合いがBLOCSを使っていると聞いて、BLOCSのサイトを見たら、静的サイト作成（paddingやmarginなどもwysiwygで指定可能・JSによるアニメーションの設定も値を指定するだけで実装可能っぽい）が、手早くできそうだなと思ったので、Windowsでも使える類似のものはないかなと思ってのお尋ねでした。

[m.ts10806]

質問は編集できるので適宜追記してください。

[yukiko]

ありがとうございます。
追記いたしました。

Answer 1

「Bootstrap ビルダー」で検索してみてください。（下記サイトは例です）
CSSフレームワークはいくつもあるので、「（フレームワーク名） ビルダー」で調べてみても良いと思います。

【Bootstrapビルダーが便利！ – web屋の備忘録】
https://blog.d-craft.net/tools-1486.html

【Bootstrap Page Builder - Bootstrapを使った画面設計ツール MOONGIFT】
https://www.moongift.jp/2018/03/bootstrap-page-builder-bootstrapを使った画面設計ツール/

---

アニメーションについてはどの程度のものを考えているかがわかりませんが、クラスを付与するだけでアニメーションを付与できるAnimate.cssのようなライブラリを組み合わせれば、簡単な物であればできます。（当然 他のライブラリもあります）

【CSSアニメーションを簡単に実装できるライブラリ 10＋ | NxWorld】
https://www.nxworld.net/services-resource/css-animation-libraries.html

Comments

[退会済みユーザー]

この質問って、多分色んな人が探して試して挫折してるヤツでしょうねぇ＾＾；
CSS フレームワークで縛れば、多少使い物になるものが有るんですかね？

[kei344]

To: te2jiさん
さぁ、どうですかね。レイアウトを設計する骨組みとしてCSS フレームワークが作られているので、こういった構築ツールには比較的向いていますが、結局細かいスタイルを毎回調整することになる気はします。

[yukiko]

情報いただき、ありがとうございます。
リンク先を見た感じでは、わたしの想像しているものに近い感じがします。
検索ワードとして「Bootstrap ビルダー」を思いつかなければいけなかったのですね。
実際に使って、試してみます。

te2jiさんとkei344さんのやりとりを拝見して、あら、こういうツールで作っていくのは難しいものなのかしら…と思ったのですが、まずは、触ってみないことには…なので、がんばります。

ありがとうございます。

Answer 2

HTMLやCCSなら、
Bluegriffon,Brackets,Bluefishあたりで・・・マルチプラットホームなので大抵は大丈夫ｄ＾＾
「追記」Bluegriffonの編集画面

ソース⇔ページ・・・どちらを修正しても反映されますｄ＾＾

Comments

[yukiko]

ご回答ありがとうございます。上げていただいた３つのツールは全く知りませんでした。あ、Bracketsは聞いたことはあったかな…。
まだ、ぱっと調べてみただけですが、エディタ…という感じでしょうか。
ちゃんと使ったことはないので、ちょっと調べてみようと思います。

すみません、わたしの質問の仕方が適切ではなかったのですが、エディタではなく、もう一歩簡単に、パーツ（ヘッダのパーツとかフッタのパーツとか）を置いていくだけで、サイト作成ができるようなツールをご存知でいらしたら、お知らせください。

[cateye]

Bluegriffonの画像追加しときますね。多機能とは言いづらいですが（表とか）パーツも結構あります。

[yukiko]

画像追加、ありがとうございます。
使い勝手がどんな感じか、実際に試してみます。情報いただき、助かりました。

Answer 3

Webサイト作成はWindows標準ソフトの「メモ帳」だけでも作成できますが、有料から無料までいろんなツールがあります。

その中で必用とする機能に合わせてソフトを選んだほうがいいと思います。

私がオススメするツールは「Atom Editor」です。
プラグインで必用な機能を追加していけます。

Comments

[yukiko]

ご回答ありがとうございます。わたしの質問の仕方が適切ではありませんでした。申し訳ありません。
エディタではなく、もう一歩簡単に、パーツ（ヘッダのパーツとかフッタのパーツとか）を置いていくだけで、サイト作成ができるようなツール（アプリケーション）について、お尋ねしたかったのでした。
一からゴリゴリ作成する場合は、2年ほど前ですが、Atom Editor、使ったことがあります。その頃は、どうにも動きがもっさりしていて、Sublime textのほうがいいかなあと思ったりしていたのですが、今は結構使えるのかもしれませんね。（というか、わたしのPCがスペック不足だったのかもしれません）。