圧倒的な人気を誇るJavaScriptのライブラリー「jQuery」。サイトに効果をあたえるプラグインが多数あることが魅力ですが、そのプラグインを探すことがWeb制作者の手間になっています。本連載では、「こうめ」さんこと大竹孔明さんがおすすめのプラグインと実装方法、実装例を紹介します。
こうめの“これから使える”jQueryプラグイン
圧倒的な人気を誇るJavaScriptのライブラリー「jQuery」。サイトに効果をあたえるプラグインが多数あることが魅力ですが、そのプラグインを探すことがWeb制作者の手間になっています。本連載では、「こうめ」さんこと大竹孔明さんがおすすめのプラグインと実装方法、実装例を紹介します。
4Kはレンダリングが大変──わかむらPが語るボカロ映像制作 (1/4)
わかむらPのBlu-ray／DVD購入者向けイベントでは、4Kサイズで投影できる200インチの巨大なリアプロシステムにて、HDのMMD映像が投影された。さらに「Baby Maniacs」のみ、この日のために作られた4Kサイズ版が流れた 10日、東京銀座のソニービルにて、映像クリエイター「わかむらP」のトークライブが開催された。2月6日にBlu-ray／DVDで発売した作品集「at first sight - Best Selection of わかむらP feat.初音ミク」の購入者向けイベントで、200インチの巨大ディスプレーで作品集の映像を見ながら制作秘話が聞けるという内容だ。 わかむらPといえば、古くからのniconico（ニコ動）ファンにはおなじみのクリエイターだ。livetune feat.初音ミクによるGoogle ChromeのCM「Tell Your World」の映像を担
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
音楽ライフを楽しくする、高音質機「FOSTEX PA-2」 (2/4)
とはいえ本格的なアンプとスピーカーをつなぐのは大掛かりで面倒くさいし、スペースも取る。パソコンの周辺機器として売られている、アンプ内蔵のアクティブスピーカーは、たしかにコンパクトで設置スペースを取らない。 でも音のバランスで首を傾げてしまうものもあり、わざわざつないで使うのもどうかというものも多い。スピーカー設計は経験値とユニットの性能に負う部分が大きく、どうしても専業メーカーの作るものにはかなわないのかもしれない。 コンパクトで音のいいアクティブスピーカーと言えば、実はDTMに使うスタジオモニターが相当にいい線を行っている。レコーディング中にバランスを取ったり、ノイズやミスをチェックするための機材だが、音楽鑑賞用に使って悪い理由もない。 昔から自宅のオーディオセットに使う人もいて、その中でも銘機と呼ばれる物やベストセラーもいくつか存在する。スタジオ用途のシビアな要求をクリアするために、長
「オタクはUKパンク」？ 英国記者が見た、日本の音楽文化 (1/5)
ヒカシュー、佐久間正英、初音ミク――。英字新聞「The Japan Times」で、日本の音楽シーンやサブカルチャー関連の話題を書きつづけている、イアン・マーティン(Ian Martin)という記者がいる。 彼は1978年ブリストル生まれの32歳。2001年に来日し、2005年からJapan Timesに寄稿を開始した。同時に、ポストパンク／ニューウェーブ系レーベル「Call And Response Records」（レーベル公式サイト）を始め、彼自身もパフォーマーとして参加している。 彼と我々は興味を持っている対象が近いらしく、取材でも何度か顔を合わせていた（関連記事）。彼が日本のシーンをどう見ているのか、なぜ日本のシーンに注目しているのかを、ぜひ一度聞いてみたかったのだ。 ところが待ち合わせの場所で改めて顔をあわせ、大変なことに気づいた。うっかりしたことに我々は通訳の手配を忘れていた
jQuery＋CSSによるカルーセルパネルの作り方 (1/3)
「カルーセルパネル」は、画像などのコンテンツを並べたパネルを左右にスライドさせて切り替えるUIです。Amazonの「この商品を買った人はこんな商品も買っています」で利用されているので、名前は知らなくてもご存じの方は多いでしょう。カルーセル（Carousel：回転木馬）は、メリーゴーラウンド（merry-go-round）のことで、パネルをスライドしていくと一周して元のスライドに戻ることから「カルーセルパネル」と呼ばれています。今回はjQueryでカルーセルパネルを作成する方法を解説します。 HTML/CSSでカルーセルのベースを作成する 今回作成するカルーセルパネルのHTML／XHTML（以下、HTML）は次のようになっています。カルーセル全体を囲むdiv要素を配置し、id属性に「carouselWrap」を設定します。div要素の内側にはパネルを左方向にスライドさせる「戻る」ボタン用のp
けいおん！人気で業界騒然、左利き用ベース2年分を追加発注 (1/4)
sponsored 生成AI「Box AI」を組み込んだBoxの将来像も披露、「BoxWorks Roadshow Osaka 2024」レポート 大阪ガス、豊中市も登壇 西日本に注力するBoxが大阪で大型イベント開催 sponsored MSIのNUC「Cubi NUC 1M」を徹底レビュー NUCはどれも同じではない！ちょっとした違いなのに大きく影響するポイントを見逃さずに選ぼう sponsored 浄土真宗親鸞会がネットギア「M4250」を導入、能登半島地震では「機動力の高さ」が生きる 大規模イベントの“ワンオペ映像業務”、実現したのはNDIとネットギアPro AVスイッチ sponsored JN-IPS238FHDR-C65W-HSPなら直販価格2万2980円 昇降式スタンドとUSB Type-C給電は後悔しないディスプレー選びの新要件！ 2万円台前半でも探せばある sponso
Twitterで使えるbot50徹底レビュー！ (1/6)
sponsored 生成AI「Box AI」を組み込んだBoxの将来像も披露、「BoxWorks Roadshow Osaka 2024」レポート 大阪ガス、豊中市も登壇 西日本に注力するBoxが大阪で大型イベント開催 sponsored MSIのNUC「Cubi NUC 1M」を徹底レビュー NUCはどれも同じではない！ちょっとした違いなのに大きく影響するポイントを見逃さずに選ぼう sponsored 浄土真宗親鸞会がネットギア「M4250」を導入、能登半島地震では「機動力の高さ」が生きる 大規模イベントの“ワンオペ映像業務”、実現したのはNDIとネットギアPro AVスイッチ sponsored JN-IPS238FHDR-C65W-HSPなら直販価格2万2980円 昇降式スタンドとUSB Type-C給電は後悔しないディスプレー選びの新要件！ 2万円台前半でも探せばある sponso
ついに上陸解禁！ 日本一有名な廃墟、軍艦島に行ってきた！【前編】 (1/3)
廃墟マニアもそうじゃない人も、軍艦島という名前を耳にしたことのある人は多いはずだ。ちなみに軍艦島と呼ばれる島は国内にいくつかあるのだが、一般的に軍艦島といわれて思い浮かべるのは、世界文化遺産の暫定リストに登録された、長崎半島の西4.5kmの沖合いに位置する端島(はしま）のことだろう。 この島は1810年に石炭が発見され、1870年（明治3年）に炭鉱として開発開始、三菱石炭鉱業が閉山する1974年（昭和49年）までの104年に渡り、炭鉱として日本経済の発展に貢献してきた。現在もその名をとどろかせているのは、炭鉱閉山後に無人島となり、数十年の時の流れに身を任せて巨大な廃墟島となったためだ。 そんな廃墟の島“軍艦島”だが、今年の4月末より一般観光客の上陸が許可されることになった。その情報をキャッチしたASCII.jpチームは、上陸解禁に先立ち長崎市の協力を得て、軍艦島に上陸してきた。 現在の軍艦
ASCII.jp：開発者が語る「KORG DS-10」の秘技 (1/5)｜つなげ！オンガク配電盤
コルグ開発部の金森与明氏。さまざまなエポックメイキングな製品に関わってきたKORG DS-10・影の功労者 「DS-10 EXPO in TOKYO 2008」から1ヵ月。あの時の出演者が披露してくれた演奏、そしてワザの数々は実に衝撃的だった。 しかし全国に散らばるDS-10フリークの中でも、あの場所にいられたのは一握りの人たちだけ。しかもワザの詳細はついては、いまだに良く分からない部分もある。 このまま放置しておいては、大きな知的財産の喪失だ。そう考えた筆者は、DS-10 EXPOで披露されたワザを確かめるべく、今回の企画を思い立った。まず今回はDS-10 EXPOの特別ゲストであったコルグ開発部の金森与明氏に取材し、あの衝撃の裏ワザのすべてを再現してもらった。 コルグ・金森与明氏とは？ コルグで設計されたDS-10のシンセサイザー部分。音の責任者が金森さんだ。DS-10のプリセット音や
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
ちょいワル育児サイト「3歳シリーズ」黒Flash職人の素顔 (1/5)
個人サイトやブログで人気のジャンルの1つに「育児系サイト」がある。マンガやテキストで子育ての悲喜こもごもを伝えて、共感を含むあたたかい笑いを誘う、いわばひなたのエンターテインメントだ。 ところが、このジャンルで金字塔を打ち立てたのは意外にも北朝鮮ネタ、不謹慎ネタなどがメインのいわゆる「黒Flash」を得意とするG-STYLE氏の「3歳シリーズ」だ。 3歳シリーズは、G-STYLE氏の子どもや家族の様子や出来事をシニカルな視点で描く、全て「1分26秒」のショートFlashサイト。08年11月現在、202編の作品が公開されている。 2003年から2004年にかけて人気が沸騰し、Flashが書籍化されたことがきっかけで大ブレイクした。その後も、キャラクターグッズ展開など多角的な発展を遂げている。しかし、サイトで得た収益はすべて特定の施設に寄付しているというのだ。 「真っ黒なFlash職人」と「ひ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
