メイプル思考

いままで、Seesaaブログではトップページのページング機能が無くてほんとに心苦しかったのですが、ついにトップページでもページングができるように実装されました。

詳しい方法は、seesaaカスタマイズ-カスタマイズしたHTMLに「記事のページング機能追加」する方法をご覧ください。

ページング機能の実装によって当ブログのナビゲーションの操作性がすこしは向上したと思います。また、今回のページングよる不具合があればコメントにて指摘していただけるとうれしいです。

更新できるときはできるだけ更新しますよ。

ってことで、Google Video Search Controlを使ってみました。

このVideo Search ControlのはGoogle AJAX Search APIの一つで自分のブログやWebサイトに動画検索やビデオなどを貼り付けられるという物です。

今話題のAjaxを使用して非同期通信を行っているようです。

あれこれ説明するより実際に使ってみたほうが良くわかると思います。

嬉しいことに、ちゃんとしたウィザードが用意されてます。

Video Search Wizard

ウィザードの使い方は

まず、一番上のCustomize itのフォームのところにすきな検索ワードを入力します。複数ある場合は,でくぎります。

次に、Tell us about your web siteのフォームにVideo Search Controlを設置するURLを入力します。

二つのフォームに入力したらGenerate Codeをクリックします。

コードが表じれると思うのでそれを Ajax Search Api and Stylesheetから--End Video Search Control Wizard Generated Code--までコピーしてhead内に貼り付けます。

最後にVideo Search Controlを表示したいとこに

<div id="videoControl">
<span style="color:#676767;font-size:11px;
margin:10px;padding:4px;">
Loading...
</span>
</div>

を貼り付ければ終わりです。

あと、貼りつけるページはなるべく文字コードがUTF-8のほうがいいです。たとえばの話なのですが、Shift_JISですと韓国語などが入力されると文字化けしてしまいます。


次回はもっと詳しい設定について書いていきたいと思います。

コメント返信

＞基地外様

その理論を言われちゃうとほんとに反論できませんね。

生きていることが無意味というのは、昔から哲学で言われていることですしね・・・

---

2007年12月23日現在、Omidriveでアップロードのエラーがあるようです。

アップロードはできないことはないのですが、ファイル名だけ表示され、内容が無くなり、ファイルサイズが0.0Bytesになってしまうようです。

http://forum.omnidrive.com/topic/370

上記のURLを見ていただければわかると思いますが、有料プランに申し込んだ方々はかなりお怒りのようで、Omidriveのフォーラムでほかのオンラインストレージの話がされる始末・・・

いつエラーが直るのかも不明のようでして、払い戻しもされるかもわからないようです。

とりあえず、早く復旧してくれるとうれしいんですがね・・・

Omidriveの質問などはこちらへ
Omnidrive Forums

またまた、久しぶりの記事ですね。

毎日書いていきたいと思うのですが、ネタがないんですよね・・・

今回はWeb制作に関する記事なので、関係ない方にはつまらないかもしれません。

まずは、実際に見ていただいたほうがいいと思います。

stu nicholls | CSS PLaY | cross browser multi page photo gallery

いやー、JavaScriptを使わずにCSSだけでここまでできるのはすごいですね。

最初見たとき自分は「あれ、なんで?」という感じでした。


詳しい説明はこちらのブログにありました。
興味ある方は覗いてみるといいかもしれません。

SEO業者ですら感動する驚異のCSSテクニック

ajax時代に逆行していますが、JavaScriptをoffにしている方もいないわけでもないので、こういったCSSテクニックがあってもいいのではないかと思って紹介してみました。

またまた、久しぶりの記事ですね。

今回はGIMPです。

自分は、画像の編集にはGIMPを使用しているのですが、トリミングや、画像の縮小などの簡単なことならまだしも、それ以外のことは複雑すぎてなかなか難しかったのですが、ちゃんと解説している動画がありました。

(やはり、動画のほうがわかりやすいですね)

GIMPの使い方動画はいろいろあってのですが、個人的はこれがわかりやすかったですね。

厨房的GIMPの使い方00


厨房的GIMPの使い方01


厨房的GIMPの使い方02

またまた、久しぶりの記事です。

今回の記事は、タイトルどうりの「無料WebオーサリングソフトorHTMLエディタまとめ」みたいのを書いていきたいと思います。

今現在、自分が使用しているWebオーサリングソフトはMicrosoft Expression Webの試用版なのですが、試用版はあくまで試用版なので、フリーソフトのHTMLエディタなどを調べてみると結構な数があるもんですね。

とりあえず、全部のソフト使ってみたわけではないので、主観的に見て良さそうだと思うソフトを紹介したいと思います。

以下、無料のWebオーサリングソフトorHTMLエディタまとめ

KompoZer Nvuの非公式アップデート版。使い心地は割合と高い評価を得ていも模様。KompoZer用試製JLPで日本語化も可能

Aptana EclipseベースのWebオーサリングツール。JavaScriptに強いらしい･･･

alphaEDIT 日本語のWebオーサリングソフト。FTPアップローダー、WYSIWYG、プレビュー等の一通りことはできるようです。

Selida 完全に英語のWebオーサリングソフト。とりあえず上記のソフトと同じように一通りことはできるようですが、日本語入力で難があるようです。

Bluefish Unix系で動作するHTMLエディタ。Windowsでも動作するようですが、Cygwinなどのインストールが必要。

Quanta Plus Unix系で動作するHTMLエディタ。一通りのことはできるようです。

CoffeeCup Free HTML Editor 完全に英語のWebオーサリングソフト。有料版もあるみたいです。正直よくわからない･･･

ez-HTML 手打ち派のためのHTMLエディタ。ftp、Perl/CGIなどを備えているようです。

Xinha Here! Firefoxの拡張プラグインです。動的にページ編集ができるようです。他にもScribeFireや、Codetchなどがあります。

Google Page Creator Web上でWebサイトを構築できるサービス。かなりいろいろなことができるようですが、まだベータ版であり問題点も多いようです。

FCKeditor サーバ型のWebオーサリングソフト。WYSIWYGなどを備えているようですが、かなり重いようです。

HTML Playground Web上でHTMLの修正が可能。面白いサービスなので一応紹介。

Microsoft Expression Webを使ってみました。

もちろん購入ではなく、60日間の評価版です。

使ってみた感想なんですが…

メモ帳一本でやってきた(Homepage Managerや、Nvuを一時期使ってたこともありますが)自分には、かなり新鮮に感じました。

タグの入力支援はもちろんのこと、CSSサポートや、XHTMLにも完全に対応しているみたいです。

自分的にはどうでもいい機能なのですが.NETもサポートしているようです。

ほかにも、独自のテンプレート機能や、文字の置き換えなどが便利に感じました。

また、XMLに対応しているとのことなのでRSSなどのこともできるでしょう。

ftpなども使いやすかったですし、自分の使ってみた限りバグもなかったので、ケチのつけようがありませんね。

まだ使用されてない方も、興味がある方も、60日間と日数も長いのでとりあえず使ってみたらいかがでしょうか。
(購入となると話は別ですが･･･)

一週間ぐらいの間ブログ放置しててほんとにすいません。

今日は、Omnidriveの使い方(ダウンロード編)を紹介していきたいと思います。

ダウンロードに関しては、ファイルはそのままダウンロードできるのですが、フォルダーではzip形式でダウンロードすることになります。


ファイルをダウンロードする場合



上の画像のようにダウンロードしたいファイルの上で右クリック→Action→Downloadをクリックします。

これでダウンロード画面が表示されます。


フォルダーをダウンロードする場合



上の画像のようにダウンロードしたいフォルダーの上で右クリック→Zip→Download as Zipをクリックします。

これでZip形式になったフォルダーがダウンロードできます。



また、Windowsで解凍するとき上の画像のようなメッセージ「コンピューターを保護するためこれらのファイルのアクセスはブロックされました。」が表示される場合があります。

あんまり解凍のためにセキュリティをさげるのもお勧めできないので、解凍レンジ等の解凍ソフトの使用をお勧めします。

コメント返信

＞基地外様

言われてみれば、ディズニーシーのような気もしますね。
(妹はディズニーランドだと言い張ってますが･･･)

---

久しぶりにOmnidriveの記事ですね･･･

今回はJAVAのアップローダーでのファイルのアップロードについて説明したいと思います。



前回に説明したアップロード画面から、Abvanced Uploaderをクリックします。



途中、JAVAのセキュリティーに関するメッセージが表示されるかもしれませんが、実行を選択します。



Browseをクリックして、アップロードするファイルを選択します。



説明するより上記の写真を見ていただいたほうが早いと思うのですが、一応説明しときますと･･･

Remove Allは全部削除。Remove Selectedは選択したファイルのみを削除。Overwriteは上書きするときにチェックを入れてください。

アップロードするファイルが決まったら、Uploadを押してアップロードしましょう。





徐々にファイルがアップロードされていきます。

「アップロード中にStopを押すとアップロードが停止します。」



無事、ファイルをアップロードできました。

さらに、ファイルをアップロードする場合は、また、ファイルを選択し、Uploadを押します。


次回は、ファイルのダウンロードについて書きたいと思います。

コメント返信

＞きちがい様

Omnidriveはオンラインストレージの中でもかなり重いですね･･･

重い意外は割合と性能がいいので割り切って使うことにしてます･･･

---

前回記事:Omnidriveの使い方(登録編)

前回は登録するとこまでやりましたが、今回は実際にファイルをアップロードしてみたいとおもいます。


登録した後始めてログインしたときDownloadsという、フォルダーがありますがこれは、Omnidrive専用のアプリケーションのインストーラーが入っています。


自分のパソコンにインストールして使うかは閲覧者様次第です。
(ちなみに、自分はインストールしたことありません･･･)

まず、アップロードするためにはアップロード先のフォルダーを作りましょう(直接アップロードしてもかまわないのですが、ファイルを整理するとき面倒になります)



上の画像のように右側の何もないところで右クリックをするとメニューが表示されるので、右クリック→New→Folderを選択すれば新規フォルダーが作成されます。

なお、新規フォルダーの名前や、アップロードするファイルの名前には日本語が含まれると文字化けします。

今回はフォルダー名を「test」と、しました。


各フォルダーには「Ome Leve UP」というのがありますが、これは上位フォルダーに戻るためのものです。

フォルダーが出来たら、アップロードしてみましょう。
アップロードの仕方は二種類あるのですが、今回は簡単なほうのやり方を紹介します。

まず、アップロードしたいフォルダーにアクセスしときます。
(Omnidriveのアップロードは現在表示されている場所にアップロードされます)


今回はtestというフォルダーにアップロードするので、testというフォルダーにアクセスしておきます。

そして、左側のUpload File(s)をクリックするとアップロードに関するメニューが表示されます。

左側のAdd a fileの隣にある＋マークをクリックするとアップロードするファイルを選択する画面が表示されますので、そこでアップロードするファイルを選択します。

今回はtest.aviというファイルをアップロードして見ます。

ことばで説明するより以下の画像をクリックしてみていただいたほうが早いもしれません。


実際にアップロードが始まると左側に何%アップロードしたかが表示されます。


無事アップロードされれば、フォルダー内にアップロードされたファイルが表示されます。


あと、注意しておきたいことなんですが、ファイルのアップロードが終わった後、実際にフォルダーの中にファイルの表示が反映するまで結構時間がかかります。

小さいサイズの画像ファイルぐらいならすぐに反映されるのですが、今回アップロードしたtest.aviは70MBほどあり、反映されるまで五分ほどかかりました。

ですので、アップロードしたのになかなか反映されないからといって、再アップロードするより、すこし、時間をおいたほうがいいかもしれません。

次回はJAVAを利用したアップローダーの使い方について書きたいとおもいます。