ホームページ制作まん

ツールの最近のブログ記事

Javaスクリプト

user-pic

こんにちは!
今日はjavaスクリプトです。
Webページを作っていて見る人の立場に立っていろいろ考えていると
ここがこう動いたら面白いな~とかいろいろ考えます。
そこで助けてくれるのがJavaです。
何個かご紹介します。

ページがめくれる効果を出してくれるJava

かなり面白いです。
ページの一部分とかだったら尚面白し。

リンクに画像プレビューがつけられるJava

実際使いました。ページが切り替わったりしないので見る人にやさしいと考えます。

画像プレビューしてくれるJava

機会があれば使いたいです。

そのうちまたご紹介するので今日はこのへんでー
いまや僕のWeb制作に欠かせない存在になってしまったPSDデータのサムネイル化

サムネイル化はWindowsのファイルアイコンの所をプレビュー化させちゃうという超便利なことです。

このツールのインスコ後にはエクスプローラーの再起動をタスクマネージャ等から行うか、いったんOSを再起動すると有効になります。

MysticThumbs


32bit版も用意されています。

ただ、この手のツールの利用はあくまでも自己責任でお願いします。

透明部分の描画もバッチリです。

MacではPSDデータがプレビュー表示されて便利なのになんでWindowsでは表示されないんだろうと

思った事がこのツールを探すきっかけになりました。
web上ではあるが
20ものマルウェア検査エンジンによる、ファイルの集中検査ができるサイトをご紹介。

Jotti's malware scan

「 http://virusscan.jotti.org/en 」

viru1.png

同時に各エンジンが動き出すのは絵的にもかなり面白いものがありました。

webページの検査などに使えると思います。

比較ツール

user-pic

制作をしているときに、一つのページだけCSSがおかしくなってしまったり
JAVAスクリプトが上手く動いてくれなくなってしまったりすることはよくあることだと思います。


そんなとき便利なのが比較ツールです。
メジャーではありますがお勧めなソフト。

DF
http://www.vector.co.jp/soft/dl/win95/util/se113286.html

WS0009.JPG

とくにコードの比較に便利だと思います。
差異のある場所を色t期で表示してくれるのでわかりやすいです。



お手軽簡単なHTML&CSS診断ツール

user-pic

WEBサービスなどでも多様な診断サイトはありますが
ブックマークレットででき、クリックひとつで診断できるお手軽さから
使いやすいのでご紹介。

YAML Debug


上記のリンクをブックマークして、使いたいときに起動するだけです。

toi7.png

「Debag Options」ではページの概要、それに各要素についてハイライト表示したり、リンクURLを表示させたりといろいろなことが試せます。

「Stylesheets」ではスタイルシートを無効にしたり、専用ビューアでCSSファイルを開くことができます。



高性能 なオンライン画像編集ツール6

user-pic

Splashup
http://www.splashup.com/splashup/ 」

toi6.png

こちらも中々PhotoShopに近い使用感。

最大の特徴は特徴はFlickrなどの写真サイトと連携して、画像の読み込みなどがシームレスにできる所。


高性能なオンライン画像編集ツール5

user-pic

Free online photo editor with printing and slideshows
http://www.flauntr.com/

toi5.png


こちらは複数のタイプの画像編集ツールをそろえているサイト。

編集した画像を共有できたりと
様々な利用方法があるサイトです。

高機能なオンライン画像編集ツール4

user-pic

今回もオンライン上の画像編集ツールをご紹介。

PicMagick
http://www.picmagick.com/app 」

toi4.pngのサムネール画像

こちらはサイト自体、かなりシンプルなつくりになっており、
操作感もわかりやすく簡単です。

機能的に若干物足りなさは感じますが、
中々の使い心地です。




高性能なオンライン画像編集ツール3

user-pic

以前ご紹介したオンライン画像編集ツールのほかにも
面白いものがあったのでご紹介します。

Picnik
http://www.picnik.com/app#/edit
toi3.png


こちらは今までのPhotoShopのような感覚とは少しちがいます。

細かい設定などより、直感的で簡単に編集ができるツール。
コントラストを変更したい場合は
コントラストのつまみを動かせば!みたいな感じで
単純に反映させたいことを選んで試していけばいいと思います。

MT用のモバイルサイト作成ツール。

user-pic

Web サイト構築・プログラム開発を行う、Ctoss Wish(クロスウィッシュ)は、2009年10月16日、Movable Type から簡単に携帯サイトを作成できるツールの最新版「モバイルサイトmake2formovale Type」をリリースしたと発表した。

「モバイルサイト maker 2 for Movable Type」は、Movable Type で作成したサイトや Blog を簡単に携帯サイトに変換できるサーバーインストール型のアプリケーション。

Movable Type で携帯サイト用テンプレートを作る場合、文字コードやカタカナの半角変換、各キャリア毎の画像変換、絵文字対応など、携帯用のテンプレートを用意するだけでは対応が難しい部分があった。

モバイルサイト maker 2 for Movable Type を利用することで、Movable Type で作成したサイトや Blog を簡単に携帯サイトに変換できる。

今回のバージョンアップにより、要望が多かった「画像サイズを各機種毎に自動最適化」「SEO 機能の強化」「ページ送り機能」等の機能を追加、加えて「独自タグの大幅強化」などの改良が行われている。

なんだかすごいぞLunascape

user-pic

昨日10月14日、Lunascape株式会社より最新版の「Lunascape 6.0α版(開発コードネーム:ORION)」をリリースした。

この新しいブラウザは従来のアドオンに加え、なんと6,000を越えるアドオンが存在する「FireFox アドオン」に
対応している。
これにより、「Internet Explorer アドオン」、「Lunascape アドオン(Lunascape プラグイン)」、「Gecko 用アドオン(Firefox アドオン)」と、世界初のトリプルアドオンを実現した。

なお、Firefox3.5の利用者であれば、インストールの際に Firefox 3.5で使用している多数のアドオンをそのまま引き継ぐことができる。

さらに、Web の閲覧を妨げない新しいユーザーインターフェイス(ORION)を搭載したほか、最新 OS である Windows7にも対応した。

機能的にはFireFoxがすきなのだが起動に時間が掛かるのがどうしても気になってしまう。
かといってGoogle Chromeは起動や動作は格段にはやいが
PHPとかCGIがたまに動かないページがあったりするし・・・・

これはLunascapeへ乗換えか・・・

Google Docs

user-pic

GoogleDocsに共有フォルダ機能追加されました。

goooooogle.jpg



共有フォルダを介して複数ユーザでファイルを利用できるようになるほか、ファイルアップロード時の複数ファイルの一括選択が可能になっている。

共有フォルダは、複数ユーザで利用できるGoogle Docs上のワークスペースとして機能する。[新規作成]→[フォルダ]でフォルダを作成後、[共有]→[このフォルダを共有]で招待したいユーザを指 定、メッセージを送信することで共有開始となる。共有フォルダにファイルをアップロードする際は、[Shift]キーや[Ctrl]キーで複数ファイルを 一括選択できるように操作性が改善されている。なお、編集権限はユーザごとに設定することが可能です。

データのレスポンスはさておき、簡単に共有できるのはとても助かります。
仕事が休みでどうしても・・・というときとかものすごい助かりそうです。




高性能なオンライン画像編集ツール2

user-pic

Sumo Paint 2.0

http://www.sumo.fi/flash/sumopaint/index.php 」

toi2.png

前回に引き続き、オンライン画像編集ツールのご紹介。

こちらもかなりPhotoShopに近い使用感。
かなり多機能なWEBツールです。

フォトレタッチとベクター・ドローイングの両方が使用できます。

高性能なオンライン画像編集ツール1

user-pic

Pixlr
http://pixlr.com/editor/ 」

tol1.png


インターフェイスや機能なの殆ど同じではないかと思うぐらいです。
簡単なことならたいていの事ならこのツールでできてしまうでしょう。

PhotoShopでいうヒストリーウインドウが画面右に表示されているので
簡単にやり直しができるのが特徴のWEBツールです。


Google翻訳

user-pic

米Googleは9月30日(現地時間)、「Google Translate」(英語版)においてWebサイトの使用言語を訪問ユーザの言語に翻訳できる新たな翻訳ツールを公開した。

同ツールをサイトで使用する場合は、指定のタグを埋め込んでおく。その後は、訪問者の設定言語(Webブラウザの設定言語など)とサイトの使用言語が異な る場合に、ページ上部に翻訳ボタンが表示され、クリックすることで訪問者の言語に翻訳できるようになる(翻訳言語は指定可)。両者の使用言語が同じ場合 は、ツールは表示されない。

ln0l8l3l.gif
確かにいちいち翻訳ツールを開いてから翻訳のために
ページのURLを入れたりするのは面倒。

WEBの技術を利用したこういうサービス、
もっと増えていけばいいと思います。



http://widgetifyr.com/

ogo.gif


こちらのサイトは任意のPHPコードをWordpressに変換してくれるツールです。

使い方は、使用したいPHPコードを貼り付けてwp-contents/pluginに書き込み、プラグインを有効化してから
ウィジェットとしてはめ込むだけです。

実際、PHPを使用したくてもWordPressを深く勉強するのが面倒な方には最適だと思います。

Googleに対抗? Web版の"無料Office"公開

user-pic

マイクロソフトから米国時間で2009年9月17日、パソコンにインストールしなくてもWebブラウザー上で利用できる「Webアプリケーション版Office」のテクニカルプレビュー(ベータ版の前段階に当たる最初の評価版)が公開されました。

2010年前半にリリース予定のOfficeの次期バージョン「Office 2010」の一翼を担う製品で、個人向けには「Windows Live」サービスの一部として無料で提供されます。

通常版(リッチクライアント版)のOffice 2010については、既に7月から招待制で限定公開されていますが、その招待者などごく一部の開発者に対して公開を始めたそうです。

Webアプリケーション版 Officeの機能や使い勝手が具体的に明らかになるのは初めてのことで、「Google Docs」との比較が早くも話題となっているようです。

thumb_430_1_px430.jpg

Webアプリケーション版Officeでは、Word、Excel、PowerPoint、OneNoteの4製品がWebサービスとして利用可能とのことです。

同社が提供しているMicrosoft Office向けのストレージサービス「Office Live Workspace」では、これまでもWordやExcel、PowerPointのファイルをプレビューできました。

しかし今回のWebアプリケーション版 Officeでは、ファイルの編集まで可能になるそうです。

名称は「Office Web Apps」。

個別の製品は「Word Web App」「Excel Web App」「PowerPoint Web App」「OneNote Web App」と名付けらているそうです。

今回テクニカルプレビューで公開されたのは、Excel Web AppとPowerPoint Web Appの2つ。

Word Web Appについては、ビューワーとしての機能だけが公開されています。

「Google Docs」との違いや使い勝手についてはこれから徐々に分かっていくと思いますが、マイクロソフトにシフトする日が来るのか来ないのかは未定。

楽しみでもあります。

ロゴジェネレーター

user-pic

同じようなサイトは何度か紹介していますが、
Web2.0スタイルのロゴ等を作成できるサイトをご紹介。

http://www.kingstyles.com/

rogog.png

こちらのサイトのおもしろいところは、Fontとシェイプを自由に配置できるところです。

若干Fontの数は少ないですが、その分シェイプの数が多く、種類ごとに分けられているので
中々使いやすいです。

またPhotoShopのようにレイヤースタイルを編集でき、オブジェクトをドラッグ&ドロップで
移動することが出来るのも中々新鮮です。

WEB上を探せば、手間はかかりますがWEBツールサービスで
そこそこのWEBページがつくれそうですね。

URL短縮サービス。

user-pic

以前同じようなサービスをご紹介いたしましたが、
マルチバイト文字で一文字でURLを表示させてしまうというサービスを見つけたのでご紹介。

http://縮.jp/

syuku.png


実用性はさておきURLに漢字が含まれている違和感が面白い。

ホームページ制作まんはこうなります↓

http://縮.jp/示

ソースコード共有ツール

user-pic

WEB制作の場面で、よくコードの確認を複数人で行うことはよくあると思います。

増してや、SEOなどが絡んでくると尚更だと思います。

そんなときはこちら


http://www.textsnip.com/

txx.png


text snipはテキスト等を入力すると、WEB上で観覧する為のリンクコードを生成してくれるサイトです。


面倒な設定もなく、すぐに使用できるレスポンスがよかったのでご紹介。

ただ、日本語は文字化けしてしまうので、文章などのチェックには使用できません。

・・・惜しい。


また、行番号もついてくるので、問題のコードの行数を伝えられるなど、細かな点がうれしいです。
* *
* *


ホームページ制作まん

ホームページ制作会社


栃木県パソコン修理/パソコンのお医者さん
ホームページ制作 栃木
 

ホームページ制作LINK2

このアーカイブについて

このページには、過去に書かれたブログ記事のうちツールカテゴリに属しているものが含まれています。

前のカテゴリはSEO対策です。

次のカテゴリはデザインです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。