ホーム > コンピュータ > サイト作成 > webツール

ベクトルドロー・レベルゼロ+

各種webツール[Web]

最終更新日

おしらせ

独自ドメインの移行に伴い、カテゴリーごとに順次内容を移動させています。お気に入りやブックマークの更新をお願い致します。

エディタ

Htmlエディタ

Htmlエディタ色々です。
アプリケーション名 WISIWYG ハイライト 入力補助 摘要
Expresson Web 4 html5,css3でビューに不備があります。
Aptana × 日本語の操作方法の説明がほとんどありません。
KompZer × × html5,css3でビューに不備があります。
Seamonkey Composer × × ブラウザ部分には、こまめに更新があります。
BlueGriffon cssエディタは有料です。
Chrome Dev Editor × 入力補助は動きが少し他のアプリケーションと違います。 ブラウザで表示させるためのボタンがあります。
StyleNote 未検証です
間違っているかもしれないのでご自身で使い心地を確認してください。 この記事作成時点では、使用するエディタを「Aptana」、「BlueGriffon」、「Chrme Dev Editor」の中から選ぼうと考えています。 もちろん、他のエディタも探していくつもりです。

汎用エディタ

秀丸エディタ

サクラエディタ(外部サイト)

フリーウェアです。

ホームページ作成サイト

サーバプロバイダが提供するCMS上でホームページを作成します。豊富なテンプレートが用意されていますので、簡単にホームページを作成することができます。

Jimdo (外部サイト)

WIX (外部サイト)

CMS(コンテンツ管理システム)

WordPressやJoomla! やEC Cubeなど、 サーバ側にアプリケーションを配置し、動的にページを作成するソ フトウェア・パッケージを指すようです。

大量のページを作成するサイト作成したり、プログや掲示板など動的な仕組みを導入する際は、こちらを利用すると、管理が圧倒的に楽になるようです。

対応サーバが必要なこと、サーバ負荷が大きいので、アクセスが増えると高性能なサーバを使う必要があることに注意が必要です。

ページの検証

自分で作成したサイトは、自分で品質を維持していく必要があります。目視で、確認していくのはほぼ不可能ですので、検証するためのツールを使用します。

FTPツール

FTPアップロードに対応したサイトでは、FTPツールを使用すると便利です。webツールに機能として用意されていることもあります。

Vectorの「ホームページ更新」カテゴリ (外部サイト)

  • FFFTP (外部サイト)  (外部サイト)Windows版のみ提供されています。
  • WinSCP (外部サイト) Windows版のみ提供されています。
  • Cyberduck (外部サイト) Windowas版、MacOSX版が提供されています。
  • FileZilla (外部サイト)  (外部サイト)Windowas版、MacOSX版が提供されています。

レスポンシブル・デザイン

異なるディスプレイ解像度に対応したwebページに対応しようとする思想です。

FireMobileSimulator 

携帯キャリアが、パソコンで携帯のホームページを確認するソフトの提供を止めてしまったので、携帯電話向けサイトを作成するときに使います。 ブラウザのアンドインです。携帯画面でどのように表示されるか確認できます。

レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」(外部サイト)

Firefoxでレスポンスデザインの表示確認に利用できる、「レスポンシブデザインビュー」の使い方が紹介されています。

正規表現ツール

サイトの管理は、フォルダ内に作成された、ローカルサイトに格納された、Html形式のテキストファイルを扱うことになります。 共通する内容をすべて変更するためには、フォルダ内のファイルに対して、検索と置換を繰り返すことになります。 機能的には、「Htmlエディタ」でも可能なので、はじめのうちはそれで対処可能ですが、頻度が上がるとやってられなくなります。
そうなると仕方が無いので、正規表現を含む文字列操作が行いやすい開発言語を学んでいくことになります。
正規表現の検証は、プログラムを作成して確認するより、正規表現ツールを使たほうが便利です。

サイトマップ

サイトマップ作成の情報やツールへのリンクです。
私は、2番目の「sitemap.xml Editer」を使っています。サイトマップを登録すると検索エンジンで検索される頻度が向上します。

HTML5動画の作成

Google Web Designer (外部サイト)

Google Web Designer ヘルプセンター (外部サイト)

Webサイトの作成とは、直接関係がないツールのようです。HTML5を利用した動画、バナーなどの作成ツールのようです。

Androidのエミュレータ

Get the Android SDK (外部サイト)

FirefoxのAdd-on開発

ページトップへ
Copyright (C) 2011-2016 kukekko All Rights Reserved.
kukekko@gmail.com
ご連絡の際はアドレスの@は半角にしてください。 また、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません 」。
inserted by FC2 system