タグ

ブックマーク / ascii.jp (12)

  • Web素材の利用とクリエイティブコモンズ

    Webサイトの制作で使用するあらゆる素材には、著作権を始めとするさまざまな権利が関係しています。写真やイラストなどの画像素材は、権利関係をクリアし、一定の条件下で利用できる「ストックフォト」や「ライブラリー」といったサービス、またはCD-ROMなどでパッケージ販売されている「素材集」を使うのが基です。 最近では、コストをかけずに必要な素材を調達するため、ネット上のフリー素材を使うケースもありますが、商業利用が制限されていたり、処理処理がされていない場合もあり、使用にはリスクがあると考えるべきでしょう。 権利関係の種類と許諾範囲 権利関係をクリアして販売されている素材でも、利用できる範囲にはルールがあります。 素材集などのパッケージに多い「ロイヤリティフリー」の場合、一度購入した素材は追加料金を支払わずに複数の用途に何度でも使用できます。一方、ストックフォトやライブラリー系の素材に多い「ラ

    Web素材の利用とクリエイティブコモンズ
  • Google Analyticsで知ったかぶるための10の方法 (1/3)

    Google Analyticsの使い方を格的に勉強しようとすると時間がかかる。そんな暇はない!という人向けに、Google Analyticsを使いこなしているふりをするための10のTIPSを用意した。原稿を書き始めてから、これってイギリスのOval Booksから刊行されている「Bluffer's Guide」に似ているよなと思い、「Bluffer's Guide to Google Analytics」というタイトルのつもりで書いてみた。 1.時間帯別のセッション数を見ると、ユーザーの性別がわかる 会社でPCをいじっているのはほぼ男性。したがって、セッション数が昼休みの時間帯に増えたり減ったりするサイトのユーザーは男性が多い。昼休みにセッション数が増えるサイトは暇つぶし型、減るサイトは仕事の情報源として使われている。一方、主婦向けサイトの場合、昼下がりからアクセスが増え始め、小学生

    Google Analyticsで知ったかぶるための10の方法 (1/3)
  • ASCII.jp:Googleも採用!CSS3実践テクニック

    CSS3をWebページに実装する」というと意見は真っ二つに分かれる。「完全肯定派」と「完全否定派」だ。しかし、Internet Explorer(IE)を除く主要なWebブラウザー(Safari/Firefox/ Opera/Google Chrome)は現実にCSS3への対応を進めており、少しずつだが、CSS3を利用するWebサイトも現れ始めた。代表例が、おなじみの「Google」だ。 Googleの検索ボタンに注目する 「Google?」と意外に思った方も少なくないかもしれない。次の画面は、Google検索のトップページをSafari 4で開いたところだ。実はこの検索ボタンにCSS3が隠れている。

    ASCII.jp:Googleも採用!CSS3実践テクニック
    shimael
    shimael 2009/11/26
  • IEにも対応!10分でできるWebフォント実装法 (1/3)

    「Webフォント」(Web Fonts)という技術をご存じだろうか? Webフォントは、クライアントにインストールされていないフォントをWebページで自由に使えるようにする技術だ。従来、好みのフォントを使った文字をWebページで表示するには、あらかじめ文字を画像化しておくしかなかったが、Webフォントなら使用したいフォントファイルをサーバーにアップロードし、CSSで読み込ませるだけで利用できる。 Webフォントのメリットは、画像を利用する場合と比較すると分かりやすい。 Webフォントの場合 画像の場合

    IEにも対応!10分でできるWebフォント実装法 (1/3)
  • ロックバンドからニコ動にシフトした、キャプミラPの生き様 (1/4)

    ボーカロイドを使ったアーティストには「そそそP」として活動する津久井箇人氏など「プロ」が参加している例も多い。今回取材したキャプミラPも、かつてインディーズバンドのメンバーとして活動していた。画像はキャプミラP人が、画像を共有するコミュニティーサイト「pixiv」に掲載しているもの。フューチャーナウ! いわゆる「ボーカロイド職人」にはマルチタレントが揃っている。活動の舞台が動画サイトということで、音、映像、コンピュータと、メディア操作のスキルがそのまま表現力の幅につながるからだ。 中でも「キャプテンミライ」こと映像作家の丹治まさみさんは、飛びぬけてマルチな人だと思う。昨年「幻想論」シリーズでニコニコ動画に登場し、ボーカロイド職人の中にもファンが多い。しかし彼の作品の魅力は、独自の世界を展開する歌詞にある。 その彼のバックグラウンドを如実に示しているのが、今年6月にアップロードされたリン&

    ロックバンドからニコ動にシフトした、キャプミラPの生き様 (1/4)
  • ASCII.jp:大人が聞くべき「初音ミク」最強20曲

    天使でも美少女でもない、ただひたすら「音源」なのだ ニコニコ動画の音楽ジャンルを独占しつづける「初音ミク」。人気曲を収録したCDも次々リリースされ、オリコンチャートにランクインしても驚かなくなってきた。だが、オリコンチャートでもそうだが、ランキング上位のヒット曲だけを聴いていると「ポップなキャラクターソングしか存在しないのでは」という先入観を抱いてしまいがちだ。 そのとき「いい年した大人が聴くものじゃないでしょ?」とすまし顔で済ませてしまうのは簡単だが、それはそのつど流行のものを聞き流しているという残念な事実を証明しただけだ。実際にニコニコ動画の中を探してみれば、初音ミクを「美少女」や「歌姫」ではなく、1つの「音源」としてとらえ、面白い音楽を作っている作家が山ほどいる。 そこで今回はASCII.jp編集部が独断と偏見により、「いい大人」が聞くべきと思われる初音ミクサウンド20曲を選んできた

    ASCII.jp:大人が聞くべき「初音ミク」最強20曲
  • これは便利だ!Excel→Table化するjQueryプラグイン

    Webページに掲載する面倒な表(テーブル)の作成を楽にしたい――。以前、サイトではExcelファイルを簡単にHTML(Tableタグ)に変換するExcelアドイン「XLS2HTMLTable」を紹介した(関連記事)。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.

    これは便利だ!Excel→Table化するjQueryプラグイン
  • ASCII.jp:Web制作会社が作った!超使えるJavaScriptライブラリ

    「Webサイトを作るときに当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library)」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規

    ASCII.jp:Web制作会社が作った!超使えるJavaScriptライブラリ
  • マックの新サイトも導入した「LPO」対策とは?

    Webサイトのページビューがなかなか伸びない。アクセス解析をすると、せっかくサイトに来てくれた訪問客の多くが、ページを開いてはすぐに帰ってしまっているようだ――。 「直帰率」や「離脱率」の問題を解決し、サイト内の滞在時間を伸ばしたり、最終的なコンバージョンを高める方法として注目されているのが「LPO(Landing Page Optimization)」だ。LPOとは、検索エンジンなどの外部サイトから訪れる人が最初に開く“着地ページ”を最適化すること。もう少し具体的にいえば、検索キーワードによってページの内容を一部を書き換えたり、関連性の高いページへ誘導する方法だ。 このLPOの仕組みを新たに取り入れたのが、9月25日にリニューアルされた日マクドナルドのWebサイト(http://www.mcdonalds.co.jp/)だ。以前の白を基調としたポップなイメージから、ブラウンをベースにし

    マックの新サイトも導入した「LPO」対策とは?
  • コレは便利!ブログに「目次」が付けられる

    これだけブログが広まっても、まだまだ解決されていない問題がある。それがブログのUIだ。ある程度はユーザーがカスタマイズできるとはいえ、当に自由に見た目を変更するためには、それ相応のスキルが要求される。 UIで特に困るのが、過去記事の参照だが、それを一気に解決してくれるサービスが登場した。それがムロドーの提供するサービス「Mokuji」だ。

    コレは便利!ブログに「目次」が付けられる
  • たった6行でWebサイトのUIをガラッと変える

    「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、や雑誌をめくるような感覚で、Webページの文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、

    たった6行でWebサイトのUIをガラッと変える
  • 薄型テレビ、10の疑問と5つの地雷

    買ってから悔やんでも遅いんです 薄型テレビは欲しいデジタルアイテムの筆頭だが、難しい用語も多く、スペック表記もまぎらわしい。値段が値段なので、購入してから「なんか違うんじゃないか?」では遅すぎる。そうなる前に、今回はテレビにつきものの10の疑問を解消したい。また、購入経験者から聞いた、テレビ購入後の落とし穴(いわゆる地雷)についても紹介する。自分にぴったりなモデル選びの参考にしていただきたい。 Q1 液晶とプラズマって実際どう違うの? A1 プラズマはRGBの画素(ドット)の集まりでできており、画素のひとつひとつが自己発光して映像を映し出す仕組み。一方、液晶は背面にあるバックライトの光がパネルを制御。RGBのカラーフィルターを通して映像を映す仕組みだ。 プラズマは画素ひとつひとつが発光するので、動きの速い映像でも、映像の制御が早く、ブレが少ないのが特徴。コントラスト比も液晶より高いので、奥

    薄型テレビ、10の疑問と5つの地雷
  • 1