画像よりもムービーの方が説明しやすい、デスクトップ操作を動画キャプチャーで記録できる「カムタジア スタジオ」 - GIGAZINE
ソフトの使い方や操作方法、あるいは相手に何か説明をするとき、文字をただ並べるよりも画像を加えた方が理解しやすいのは自明の理です。そして、画像よりも映像のほうがより理解しやすいというのもまた当然の話ですが、実際にムービーを作成しようと思うと一気にハードルが上がってしまいます。 そこで使えるのがこの「カムタジア スタジオ（Camtasia Studio）」、動画マニュアルや動画コンテンツなどを非常に簡単かつ強力に作成できます。 単純にデスクトップでの動きを記録するだけであれば他にもいろいろとあるのですが、このCamtasia Studioは単純に録画するだけでなく、その強力な編集機能の豊富さと簡単さがウリ。通常のムービーとは一線を画するクオリティの動画を少ない手間と時間で作成できます。 中でも特に強力なのが「SmartFocus」という機能。全自動で見せたい部分にズームインしてくれるため、デス
入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ
メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ！」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ！」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ！」などと思うこともしばしば。 というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
YouTubeを劣化なしで各種形式にオンライン変換する「FLV Online Converter」
YouTubeで使われているFLV形式のムービーを劣化なしのロスレス変換によってDivX＋MP3のAVIファイルなどにしてダウンロード可能な無料オンラインサービスです。 ほかにもMPEG4＋MP3のMOV形式とか、MPEG4＋AACのMP4形式（iPodやPSPで利用可能）、携帯電話で利用できる3GP形式、あるいは音声のみをMP3で抽出などができます。これらの作業がすべてブラウザだけで利用可能。しかも変換の過程において劣化なし、変換速度も極めて高速です。 使い方やロスレス変換の仕組みは以下の通り。 vixy.net : Online FLV Converter : Download online videos direct to PC / iPod / PSP. It's free! http://vixy.net/ ※2011/02/18 21:01時点でドメインが失効して乗っ取られたの
GIFアニメを自動生成してくれるサイト「Gickr.com」 - GIGAZINE
手持ちのファイルをアップロードするだけで簡単にGIFアニメを作ることができます。 詳細は以下の通り。Gickr.com | Create animated Gifs online in seconds | Upload files or get pictures from Flickr 最大10枚までの画像をGIFアニメにすることができるようです。アップロードできるのは一枚あたり1MBで、対応しているフォーマットはPNG、GIF、JPEG、BMPファイルのようです。 まずは「Upload images」を選択。 以下のような画面になるので、「参照」ボタンを押して写真を選択。 「Size」と「Speed」を選択。Speedを上げるとアニメGIFの再生速度が上がります。選択後右下の「next」をクリック。 できあがり。 これができたGIFアニメです。左上に透かしが入る模様。
CSSデザイン格付けサイトいろいろ - GIGAZINE
CSSでデザインされたサイトを集めた「csstux」は、CSSを使ってかっこよくデザインされたサイトがいろいろノミネートされており、それぞれにトラックバックを送ったり、コメントを付けたりすることが可能です。また、各サイトはレートによる格付けがされているので、人気の高いデザインがどれなのかもすぐにわかるようになっています。 これ以外にも同様のサイトはいろいろあるので、知る限りのCSSデザイン格付けサイトをまとめてみました。ウェブデザインの際の参考になるのではないかと。 今回最初に紹介する「csstux」はこれらのCSSデザイン格付けサイトの中ではかなり新参の部類なので、知らない人も多いのではないかと。 以下のフォームから自分のサイトをノミネートさせることも可能です。 csstux - Submit your site 2つめは「CSSElite」 ノミネートするには以下のページに書いてあるメ
あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE
使い方は簡単、変換したいファイルをドラッグ＆ドロップして、コンテナ形式（iPod用とかPSP用とかAVIファイル用とかが用意されている）を選び、ビデオ形式とオーディオ形式を選ぶだけ。 変換できるビデオ形式は3gp/3g2、asf、avi(DivX・H263・H263+・H264・XviD・MPEG4・MSmpeg4など)、dat、fli/flc/flv(Flash)、mkv、mpg(MPEG1・MPEG2)、mov(H263・H263+・H264・MPEG4など)、mp4(H263・H263+・H264・MPEG4)、ogg、qt、rm/ram/rmvb（RealPlayer）、str(PlayStation)、swf(Flash)、ts(HDTV)、viv、vob、wmv。おまけでGIFアニメーション形式も可能。 また、変換できるオーディオ形式はac3、amr、mp2、mp3、mp4、m
「Google Webmaster Central」でGooglebotのテストができる - GIGAZINE
GoogleがWebサイト管理者のために「Google Webmaster Central」というのを新しく開設したわけですが、中でも興味深いのがrobots.txtのための機能としてあの「Googlebot」のテストができるという点。通常のGooglebotだけでなく、AdWordsページのクオリティを審査するためのボットである「Adsbot-Google」のテストもできます。 というわけで、実際に使ってみました。 これがトップページ まずは「サイト ステータス ウィザード」というのを使ってみます。 最初にドメインを入力 こんな感じでインデックス登録の概要などが表示されます。このままGoogleサイトマップへ引き継ぐことも可能です そしていよいよ本題、「ウェブマスターのツール」というのを使ってみることにしました。既にGoogleサイトマップを利用しているので、そのアカウントを利用してログ
PHPとデータベースに関する5つの問題、とその解決法 - GIGAZINE
IBMのサイトに、PHPから操作するデータベースに関してよく見られる5つの問題点とその解決方法が掲載されています。 データベースのデザインをする際、一般的に発生する問題点についての解説です。 で、肝心の5つの問題が何かというと、以下の通り。 Five common PHP database problems 1つめは古いPHPのコードでは直接、データベースにアクセスしているということ。コレに代わる手段としては、PEARのDBモジュールを使うか、あるいはPHPデータオブジェクト、PDOのクラスを使え、とあります。 2つめは、オートインクリメントを使わないということ。MySQLは基本的にレコード1つについてユニークなIDをオートインクリメントしているわけですが、これを活用していないというパターン。オートインクリメントを有効に使っていない場合、非効率的であるだけでなく、負荷も高くなるそうです。解
高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE
通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
とろけるように柔らかい「豚の角煮」を手抜きで作る - GIGAZINE
上記写真が完成品です。赤身の部分は箸で触れると崩れるほどやわらか、脂身は余計な脂がほとんど無く、それでいてジューシーです。 かなり簡単にできるので、やり方を解説しておきます。通常の角煮レシピと違って、この手抜き方法だと好みの味、そして好みの香りに調整することも可能です。ものすごく詳細な手順なので何が手抜きなのか分からないかも知れませんが、おそろしく手抜きです。必要なのは時間だけ。 まず事の発端。食べ物関連の記事が多いためか、GIGAZINE読者多数からタレコミとして以下のような記事があると教えてもらいました。 とろけるように柔らかい！ 純和風豚の角煮 - ［和食づくりのコツ・レシピ］All About 料理はかなりできると自負しているのですが、今まで豚の角煮はまともに成功したことがありません。いつもなぜか「角切り豚汁しょうゆ味」になってしまうわけで。 しかし、上記記事を読んでやわらかくする
無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE
オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個＋35個＋11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi
Flickr開発者が語るネットサービスの高速化方法
Web2.0としてくくられるタイプの各種ネットサービス、いわゆるウェブアプリは以前とは比較にならないほど動的生成されるものが多く、結果としてものすごい負荷をシステムにかけるわけです。 というわけで、海外におけるデジカメ画像共有サービスの代表的なものである「Flickr」の開発者がJavaScriptを高速化する手法について解説しています。 Vitamin Features >> Serving JavaScript Fast 手順を分割して簡単にしてみたり、キャッシュを使ったり、転送量を圧縮して帯域を節約したりいろいろあるようです。なお、GIGAZINEはキャッシュシステムを採用して有効活用することで負荷を現在、当初の12分の1に抑えています。 また、こっちはリバースプロキシによる高速化手法。 ViSolve.com - Squid Support Service Apacheのモジュール
自分のページのリンクされ具合を調べる無料サービス「Who links to me」- GIGAZINE
フォームに自分のサイトのアドレスを入れるだけで、Googleのページランク、Googleでの検索結果から類推されるリンクしているサイトの数、同じくYahoo！とMSNからのリンク数、さらにはAlexaのトラフィックグラフへのリンクなどをまとめて表示してくれます。 Who links to me http://www.wholinks2me.com/ ほかにもそれぞれのリンク元一覧がずらっとこのサイト下部に並ぶので、自サイトのメジャー具合を調べるのに都合がいいかもしれません。また、SEO業者に頼んでからその成果を見る場合に役立つかも。 なお、この「Who links to me」はRefererを見ているらしく、自サイトからリンクすればそのリンク元サイトの結果で自動的に表示してくれます。そこで自サイトからリンクする用のタグもページ最下部に提供されています。
ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あらゆるマルチメディアファイルを相互変換するフリーソフト「MediaCoder」
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」