質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.59%

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

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 1,034

score 41

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

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

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

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

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

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2019/01/01 14:03

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

    キャンセル

  • yukiko

    2019/01/01 22:44 編集

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

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

    キャンセル

  • m.ts10806

    2019/01/02 00:52

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

    キャンセル

  • yukiko

    2019/01/02 09:04

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

    キャンセル

回答 3

checkベストアンサー

+2

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/01/02 00:00

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

    キャンセル

  • 2019/01/02 00:06

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

    キャンセル

  • 2019/01/02 09:17

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

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

    ありがとうございます。

    キャンセル

+2

HTMLやCCSなら、
Bluegriffon,Brackets,Bluefishあたりで・・・マルチプラットホームなので大抵は大丈夫d^^
「追記」Bluegriffonの編集画面
イメージ説明
ソース⇔ページ・・・どちらを修正しても反映されますd^^

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/01/01 22:56 編集

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

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

    キャンセル

  • 2019/01/01 23:28 編集

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

    キャンセル

  • 2019/01/02 09:07

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

    キャンセル

+1

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/01/01 22:34 編集

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る