タグ

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

  • jQueryでエクスプローラ風メニューに! (1/2)

    ネットショップや情報サイトなど、複雑な階層構造のWebサイトでは、なるべく分かりやすくて見栄えのいいナビゲーションを設置したい、というニーズがあります。今回は、jQueryプラグインのひとつ、「Treeview」を使って、リストをツリー風に格好よく表示する方法を紹介しましょう。 ui/li要素をツリー表示する「Treeview」 Treeviewプラグインは、HTMLのul/li要素でマークアップしたリストをツリー風に表示するJavaScriptです。要素をクリックで開閉したり、Windowsのエクスプローラのようなフォルダ/ファイルアイコンを表示したりと、いろいろカスタマイズできるのが特徴です。開発者はJorn Zaefferer氏(Jornの「o」の上に点が2つ付きます)で、MITライセンスで公開されています。 Treeviewプラグインは、以下のページで配布されています。ページの先頭

    jQueryでエクスプローラ風メニューに! (1/2)
  • Flashを脱いで生まれ変わったユニクロ.COM

    FlashでもAjaxでもない。シンプルで機能的なWebサイトへ――。ユニクロの公式サイト「UNIQLO.COM」(http://www.uniqlo.com/jp/)が3月26日にリニューアルした。従来のキャンペーン情報中心から、商品紹介とECを中心としたサイトへ転換。商品購入ページへダイレクトに飛べるようになった新しいトップページは、それまでの派手なFlashアニメーションが姿を消し、画像とHTMLのみで表現されたシンプルかつインパクトのあるデザインに一新された。 旬の商品がすぐ見られる・買える「シンプルで超合理的なデザイン」へ 新しい「UNIQLO.COM」のコンセプトは、「シンプルで超合理的なデザイン」(ユニクロ)。ユニクロの商品そのものにも通じるこのコンセプトは、「最新のトピックが一目で変わり、欲しい商品がすぐに買える」サイトデザインによって、具現化されている。 以前のUNIQL

    Flashを脱いで生まれ変わったユニクロ.COM
  • ソニーグループ、FlashやめてAjaxでリニューアル

    画像がダイナミックに切り替わり、マウスオーバーに合わせてナビゲーションバーが変化する――そんな“動きのあるサイト”を作るのに、あなたなら今、何を使うだろうか? 4~5年前ならほぼ間違いなく「Flashで決まり!」だったかもしれないが、2005年以降、Ajax/JavaScriptを使うサイトが増えている。最近では手軽に実装できるライブラリの充実とともに、ますますその傾向にあるようだ。 9月9日にリニューアルされたソニーグループのコーポレートサイト(www.sony.co.jp)もその一つ。旧サイトに比べてトップページのレイアウト領域が広くなり、文字も大きく、スッキリとしたナビゲーションバー……と、注目したいところはいろいろあるが、最初に目を奪われるのは中央にある大きなメインビジュアル部分のはずだ。実はここにJavaScriptが使われている。

    ソニーグループ、FlashやめてAjaxでリニューアル
  • ASCII.jp:これぞ完璧企画書――「1枚企画書」パターン実例3題 |パワポで極める「ビジネス極意」

    連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 「1枚企画書」の最終回として、書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。 ※記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プレ企画書1――飽和市場の「新商品企画書」 ■

    ASCII.jp:これぞ完璧企画書――「1枚企画書」パターン実例3題 |パワポで極める「ビジネス極意」
  • ミスチルを目指して終わるな──坂本龍一かく語りき (1/4)

    8日、アップル直営店の「Apple Store Ginza」にて、著名人を講師に招く学生向けのトークイベント「Dream Classroom」がスタートした(関連記事)。第1回のゲストとして招かれたのは、日を代表するアーティスト坂龍一氏だ。 無料ということもあってか、会場となった3階のシアターには、設置された84席というイスの数を大きく上回る150人以上の観客が押し寄せた。入場は学生優先で、残念ながら会場に入れなかった人も出たほど人気だった。Apple Storeによれば、開店以前の9時からすでに店舗前に人が並んでいたという。 1時間を超えるトークにおいて、坂氏は「アジ演説」をしていた学生時代のこと、モーリス・ラベルやアンドレ・ブルトン、マルセル・デュシャン、ジャン=リュック・ゴダール、ナムジュン・パイクといった影響を受けた人物、特に取り組んでいる環境問題への活動、学生へのメッセージ

    ミスチルを目指して終わるな──坂本龍一かく語りき (1/4)
  • ASCII.jp:もう配色には困らない!「Adobe Kuler」

    「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。

    ASCII.jp:もう配色には困らない!「Adobe Kuler」
  • 今年最後のサプライズ iPhone用「TV&バッテリー」が発売 (1/2)

    「今年はiPhoneの話題ばかりだったなぁ……」とランキングで1年を振り返ったばかりの筆者だったが、2008年の最後の最後になってまたiPhoneがらみのビッグニュースが飛び込んだ。 なんとソフトバンクモバイルがiPhone用のワンセグチューナー付きバッテリー「TV&バッテリー」を発売したというのだ。確かに12月中旬以降の発売と言っていたが、まさか31日とは! 早速、ソフトバンクショップにひた走り、実機を入手してみた。 一部のソフトバンク直営店でのみ販売 現状、「TV&バッテリー」が購入できるのはソフトバンクショップの一部だけ。都内では表参道や渋谷、六木、八重洲などで取り扱っている(原稿執筆時、八重洲店では売り切れとのこと)。ちなみにソフトバンクショップ店員の話では、都内だけでなく全国各地で発売しているという。価格は9840円だ。

    今年最後のサプライズ iPhone用「TV&バッテリー」が発売 (1/2)
  • これは便利だ!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:驚きのExcel 超早技ベスト15 これは便利!|Excel達人の新定番テク60 知らないあなたは損してる!

    マンネリ化した方法でExcelを使っていないでしょうか。実はもっと簡単で手早くできる技があるのです。使わないなんてもったいない。アナタの知らない「新」Excel技大特集! 第1回は、手間を省いて操作をすばやく! 今すぐ役立つ厳選早技15を紹介します。面倒な入力や編集作業をどんどん片づく! 驚きのExcel 超早業ベスト15――インデックス 技1――表の早技 表の見出しを除いて列幅を自動調整 技2――入力の早技 支店名をいつも決まった順番でオートフィル入力 技3――入力の早技 「=」の代わりに「+」キーで式を入力 技4――入力の早技 セルを組み合わせて思いどおりに連続データを入力 技5――入力の早技 ながーい連番を一発入力 技6――編集の早技 ツールバーの[下線]ボタンで二重下線を引く 技7――表の早技 基の行列入れ替えはボタンで 技8――表の早技 多様な罫線を使った複雑な表は「罫線なし」

    ASCII.jp:驚きのExcel 超早技ベスト15 これは便利!|Excel達人の新定番テク60 知らないあなたは損してる!
  • 「小室哲哉」逮捕で露呈した、著作権の難しさ (1/4)

    4日、音楽プロデューサーの小室哲哉容疑者が、詐欺の疑いで大阪地検特捜部に逮捕された(関連記事)。90年代の音楽シーンを盛り上げてきた立役者が逮捕されたことに衝撃を受けている人も少なくないだろう。 自作曲の著作権を譲渡すると投資家に持ちかけて、5億円をだまし取ったという容疑だが、なぜ投資家は小室氏の話を信じてしまったのだろうか? 著作権に詳しいジャーナリストの津田大介氏に話を聞くと、音楽業界の慣例や著作権法に「落とし穴」があることが分かった。 「財産」と「人格」というふたつの著作権 ── なぜ、投資家はだまされてしまったのでしょうか? 津田 原因のひとつに、誰が著作権を持っているのかが分かりにくいということが挙げられると思います。 同じようなシンプルな詐欺事件を、例えば土地で起こそうと思ったら無理です。登記簿を見れば、その土地の所有者が分かりますから。特許も同じで、特許庁への登録が必要です。

    「小室哲哉」逮捕で露呈した、著作権の難しさ (1/4)
  • 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」対策とは?
  • ものを考えない、中国のインターネット世代「憤青」 (1/3)

    中国語がある程度読めて、中国に片足を突っ込んでいて、ASCII.jpの記事を読んでいるような日人なら、ときどきは中国のにぎわう掲示板を訪れ、中国人の考え方に触れる機会があるだろう。多くの人たちは中国掲示板を読んで「幼稚な内容や非論理的な書き込みが多い」と分析する。筆者もそう感じる。 +αを加える日のブロガー 日のインターネットにおいては、単に記事を読むだけでなく「誰もが感心するような数行の感想を、時に瞬時に書く」ことが評価されてきた。2ちゃんねるのまとめサイトで、面白いコメントが太字で強調されたり、はてなブックマークのスターなどはその典型だろう。 おそらく書き手の数倍はいる読み手も、当を得たツッコミをする。単に読むだけだけでも、そういった練習を知らず知らずのうちにしていると思う。筆者の知人で「自分も瞬時にうまい言葉で切り返すようになりたい」と話す人がいるが、そういう人も少なくないだ

    ものを考えない、中国のインターネット世代「憤青」 (1/3)
  • ブレード&仮想化 稼動編「ソフト代まで考えてなかった」 (1/5)

    稼動を開始できるようになったブレードサーバ。それにしても省スペースで、冗長性もリーズナブルに確保できた。次はいよいよシステムのインストール、そして仮想化だ! イジって分かったブレードの、スゴイところをレポート。 先回の5時間の死闘により、ようやくブレードサーバが使えるようになった。ストレージ・モジュールに差し込んだSATAのHDDは1ブレードに2台づつSASゾーニングで割り付けられ、ブレードサーバ内に差し込んだSAS拡張カードによりRAID1(ミラーリング)を構成し、ブレードからはSASのHDDとして見える状態になっている。 ここまでくれば、普通に10台のPCサーバがあるのと同じだ。今回導入したブレードのCPUは4コアのXeon Quad Core E5405だ。このブレードに仮想化して格納しようとしている古い世代の1CPU1コアので考えれば、10枚のブレードで48コア(計算が合わないのは

    ブレード&仮想化 稼動編「ソフト代まで考えてなかった」 (1/5)
  • ガラパゴス化が進む日本のウェブ - 池田信夫の「サイバーリバタリアン」

    先週の月曜の朝(日時間の夜)、リーマン・ブラザーズ破産のニュースが世界を揺るがした。この日ウォールストリート・ジャーナル(WSJ)のウェブサイトにアクセスした世界のビジネスマンは、もう一つの事件に気付いただろう。それまで有料だったWSJのサイトが、一部無料になっていたのだ。 主なニュースはほとんど無料で読めるが、金融業界のテクニカルな情報などに限って有料購読者のみが読めることを示す、鍵のマークがついている。これは昨年、WSJの親会社ダウ・ジョーンズを買収したニューズ・コーポレーションのCEO(最高経営責任者)ルパート・マードックの、アクセスを増やしてニューヨーク・タイムズ(NYT)に追いつくための戦略だ。有料サイトでは、検索エンジンからリンクされないからだ。 そのNYTも昨年、一部有料だった過去の記事やコラムを全面無料化し、ブログを設けるなど刷新した。最近できたTimes Topics

    ガラパゴス化が進む日本のウェブ - 池田信夫の「サイバーリバタリアン」
  • 夏の50連発!! これが定番iPhoneアプリだ(前編) (1/5)

    iPhoneの発売と一緒にオープンしたiTunes Storeの「App Store」。さまざまなサードパーティー製アプリを組み込んで、iPhoneを自分好みにカスタマイズできるとあって、あれこれ試してみた人も多いだろう。 今回はヘビーにiPhoneを使い込んでいるライター/編集者にアンケートを取り、実際に使っていたアプリの中から魅力あふれる50を厳選。「ネット」「音楽・画像」「情報管理」「ゲーム」「その他」の5ジャンルに分けて紹介していく。前編では、以下にズラリと並んだ27個を取り上げよう(アイコンのクリックでソフト紹介に飛びます)。ソフトのインストール方法などを紹介したこちらの記事と合わせて、ぜひiPhoneをフル活用してほしい。 ※初心者向けのiPhone記事をこちらで連載しています。 ネット

    夏の50連発!! これが定番iPhoneアプリだ(前編) (1/5)
  • 林信行が語る「日本メーカーがiPhoneを超えるには?」 (1/4)

    iPhoneが発売された7月11日から、もうすぐ1ヵ月が経とうとしている。5日にはソフトバンクが2009年3月期第1四半期の決算説明会を行ない、iPhoneについて月額利用料金の値下げが発表された(関連記事)。 発売前後であれこれと話題を振りまいてきたソフトバンクモバイルとiPhoneだが、その評価はどうだろうか? アップルとケータイ業界に詳しいジャーナリストの林信行氏に話を聞いた。前編では、ソフトバンクモバイルと日のケータイ業界についての話題をまとめていこう。 過去のiPhone記事 ・iPhoneは大きな森を生み出す「最初の木」(前編、中編、後編) ・なぜiPhoneは人々を熱狂させるのか?(前編、中編、後編) ・林信行に聞く、iPhone発売はいつ?(前編、後編) ・林信行に聞く「ソフトバンク、iPhone発売」(記事) ・WWDC 2008総括(その1、その2、その3、その4

    林信行が語る「日本メーカーがiPhoneを超えるには?」 (1/4)
  • 日本のITは20年間進化していない──野口悠紀雄が語る (1/6)

    の電子政府は北朝鮮以下──そんな衝撃的な調査を米ブラウン大学がまとめた。1980年代に世界を席巻した日が、なぜ停滞しているのか。 経済学者の野口悠紀雄は「ITは日にとって不利な技術変化だ」と断言する。下克上を生むITは、質的に日の社会構造にそぐわないのだろうか? ここでは近著「ジェネラルパーパス・テクノロジー」(アスキー新書)で同氏が展開している議論を紹介しながら、さまよう日政府や企業の行く末について考える。 野口 日経済の状況は、かなり深刻です。昨年の夏から、株価も大きく下落しています。長期的にみても、1990年代以降、日の経済はまったく状況が良くない。その原因としてさまざまなことが言われていますが、技術の問題、とくにITの問題が大変重要だと思います。簡単にいえば、ITという新しい技術体系に日の社会全体が対応していないということです。そうしたことを以前から考えていまし

    日本のITは20年間進化していない──野口悠紀雄が語る (1/6)
  • ASCII.jp:

    アクセスランキング トピックス LINE新機能「スタンプアレンジ」の使い方 ヤバい組み合わせができて楽しい トピックス グーグルChrome」に重大なゼロデイ脆弱性 すぐ更新を iPhone アップル「iOS 18」ホーム画面のアイコンを自由に配置できるように? iPhone アップル「iPhone 17 Slim」2024年発売か トピックス 自動車税支払いで最大30%還元!? 驚愕のキャンペーン、わかりやすく解説します iPhone アップル新型「iPad Pro」実物を見たら欲しくてたまらなくなった AI まるで“いけない話ができるChatGPT” ローカルAI「Command R+」の爆発的な可能性 デジタル 家で使っているルーターが乗っ取られて「ゾンビ」になる!? 気をつけることは トピックス LINE、複数のスタンプを組み合わせて送れる新機能 iPhone 「iOS 17.5

    ASCII.jp:
  • 本邦初公開! これがiPhone 3Gだ(前編)

    明日11日、いよいよ日iPhoneが発売される。6月9日に米国で開催されたアップル開発者会議でiPhone 3Gが発表されて以来、連日のようにiPhone関連のニュースがメディアをにぎわせた。買おうかどうか迷っている人も多いだろう。 一体、iPhoneのどこがすごいのか。他の携帯電話と何が違うのか。発売前に、iPhone 3Gの実機を手に入れることができたので、実際に使ってみた使用感をレポートしよう。 通話 iPhoneの通話スタイルは3通り まずは最も基となる、電話としての使い勝手を見てみよう。iPhoneの通話スタイルは、耳に当てる、付属のマイク付きヘッドホンを使う、iPhone内蔵スピーカーを使う──の3通り。普通の携帯電話とデザインが明らかに異なるが、実際に耳に当ててみるとそれほど違和感はない。通話時に声を拾うマイクは、iPhone下部および付属のヘッドホンのケーブル途中にあ

    本邦初公開! これがiPhone 3Gだ(前編)