ChatGPTのライバル「Claude 3」の使い方 良い点、悪い点まとめ (1/5)
3月4日の公開以来、「Claudeやばくない？」「GPT-4を越えた」と、界隈で話題の「Claude 3」は、OpenAIの元メンバーによって設立されたAIベンチャー「Anthropic」が開発する最新の大規模言語モデル（LLM）だ。今回はChatGPTのライバルClaude 3の有料版を2週間ほどヘビーに使ってみて感じたことを、良い点と悪い点どちらも書いていきたいと思う。 Claude 3とは？ 既報の通り、Claude 3はAnthropicが開発する大規模言語モデルの名称だ。 パラメーターのサイズなどが異なる3つのモデルがラインアップされている。 「Claude 3 Opus」は最も知能が高く、複雑なタスクでも最高のパフォーマンスを発揮する強力なモデル。APIやデータベースを介した複雑なアクションの計画や実行、インタラクティブコーディングなどの高度な活用が想定されている。 「Clau
これは嬉しい ChatGPTプロンプト書き方のコツ、OpenAIが公開
OpenAIは、大規模言語モデル（GPT-4）でよりよい結果を出すためのプロンプトエンジニアリング（プロンプトのノウハウ）入門テキストを同社のウェブサイトで公開している。 同テキストでは、現在同社で最高の性能を持つ大規模言語モデルGPT-4を対象に、よりよい結果を導くための6つの戦略と、それぞれを実行する際の具体的な戦術（コツ）が掲載されている。 また、「Prompt examples」のページでは、上記で紹介したものを含む多数のプロンプト例が紹介されており、すぐに利用できるようになっている。 では紹介された6つの戦略を見ていこう。 明確な指示を書く LLMは利用者の心を読むことができないので、回答が長すぎる場合は「簡潔に」、単純すぎる場合は「専門家レベルで」と明示的に依頼する必要がある。 具体的な戦術としては下記が提案されている。 ・より関連性の高い回答を得られるよう、質問は詳細に ・モ
Webデザインが3倍速くなる！Photoshop神速テク4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
いまさら聞けない「Twitter Bootstrap」とは？ (1/2)
スマートフォンやタブレットの普及によって、いつでもどこでもインターネットにつながるようになり、さまざまなWebサービスをたくさんの人に提供できる環境が整ってきました。それに伴い、中小企業や個人のスタートアップが活発になり、新しいWebサービスが次々と生まれています。 そこでエンジニアの間で関心が高まっているのが、「いかに効率よく開発・制作」し、「アイデアをいかに早く形にして世の中にローンチする」か、ということです。 この連載では、特にスタートアップで注目を浴びているフロントエンドツール「Twitter Bootstrap」について、基本的な使い方から実際のWebアプリ開発での導入方法までを紹介します。まずはTwitter Bootstrapが何なのか、どのような場面で使われているのか、確認しましょう。 Twitter Bootstrapの特徴 Twitter Bootstrapは、米ツイッ
ASCII.jp：たった4行で電話が作れるAPI「Twilio」とは？ (1/2)｜Twilioではじめるクラウド電話開発
Twilioは簡単に言うと、「Webから電話を簡単に操作できるAPI」です。ほとんどの連絡をメールやSNSで済ませるようになった昨今、「いまさら電話？」と思った方もいるかもしれません。しかし、エンジニアの視点から、またサービス企画の視点から見て、Twilioは実に多くの可能性を秘めたAPIなのです（筆者もまた、その可能性に注目している1人です）。 Twilioを使うと何ができるのか？ どんな可能性があるのか？ その魅力を、連載を通じて紹介しましょう。 まずはTwilioを体験してみよう Twilioとはどんなものなのか？ まずは手元の携帯電話などから以下の番号に電話をかけてみてください（通話料がかかります）。 電話につながると、ややぎこちない女性の声でメッセージが流れたと思います。実はこの自動応答システム、Twilioを使って、たった4行のコードだけで実現されています。 <?xml ver
PCスピーカーに“革命”起こした、元ソニーのピュアオーディオ屋 (1/5)
オーディオブランド「Olasonic」に小型の新型スピーカー USBバスパワーでも10W＋10Wの大音量が味わえる 日本のオーディオブランド「Olasonic」が、新しいPC用スピーカー「TW-S5」を発表した。USBポートにつなぐだけで音が鳴る、お値段8800円の小さくてお手頃なスピーカーだ。しかし、だからといってなめてはイカンのである。 Olasonicと言えば2010年4月発売の「TW-S7」が、ネットを中心に口コミで評判となった。曰く「安くて、小さくて、音がものすごくいい」と。TW-S5は、そのヒット作に続いて開発されたもの。スピーカーの口径を6cmから5センチに落とし、エンクロージャーの容積を半分にして、設置性に加えて携帯性も持たせた。それ以外はほぼ同じ内容。 小さい方が「TW-S5」、大きい方が「TW-S7」。大きさの他に「足」の部分が異なる。TW-S5は台座が固定。TW-S7
【情報更新】iPhone 5は機種変、MNP、結局どれが得なの？ (1/3)
9月19日にソフトバンクモバイルから発表された、テザリング機能やキャンペーンの情報を追加し、記事自体も大きく更新しました。 9月14日の16時にスタートしたiPhone 5予約。16時ちょうどにソフトバンク／KDDIから料金が発表されたうえに、両社のウェブサイトが重かったために、なにがなんだかよくわからないまま予約してしまったという人も多いだろう。 そこで、これからiPhone 5の予約・購入を検討している人向けにあらためて料金や端末価格の情報をおさらいする。記事の後半では、ソフトバンク／auのiPhoneユーザーが、同じキャリアで機種変更した場合／MNPでキャリアを変えた場合の料金も比較しているので、ぜひ参考にしていただきたい。 新規契約時はソフトバンク／KDDIで料金に大差なし テザリングの有無は大きな判断材料？ まずはベースとなる新規契約時の料金と、サービス内容について比較する。 ソ
レスポンシブWebデザインとは (1/5)
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）
一目で分かるWebサイト制作の流れ
一般的なWeb制作のプロジェクトについて、大まかな流れとポイントを4つのフェーズで説明します。Webディレクターは、各フェーズのポイントを把握し、的確なディレクションをしていく必要があります。 打ち合わせから提案まで Web制作は、クライアントからの問い合わせや、営業が制作案件を取ってくるところから始まります。この時点で見積りの提出が必要な場合もありますが、大抵は最初にヒアリングのために初回打ち合わせ（オリエンテーション）をセッティングします。なお、案件を受ける際には、コンペか否かも必ず確認しましょう。 初回の打ち合わせで、クライアントの要望やサイト制作の目的などを把握したら、次に企画提案書を作成します。要望や案件規模にもよりますが、初期段階の提案ではプロジェクトの全体像やコンセプトに沿った企画案を盛り込みます。クライアントから要望があれば、この段階でデザインのラフ案を制作することもありま
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
一眼レフで撮った写真を無線で飛ばしてiPad 2で即確認する技 (1/3)
デジカメで撮影した写真を背面の液晶画面で表示しても、構図や大体のイメージしかわからない。結局、細かい部分はパソコンにつないで大きく表示させてから確認することになる。しかし、「iPad 2」と「Eye-Fi Mobile X2」があれば、その場でiPad 2の大画面に表示できる。仕事での撮影時だけでなく、パーティーや旅行の時にも大活躍する技を紹介しよう。 撮影した写真をその場でiPad 2に表示する “Eye-Fi”は、アイファイジャパンが販売する無線LAN機能を搭載したSDメモリーカード。デジカメで撮影した写真を無線LANでアップロードできるのが特徴だ。5月18日に発売されたばかりのEye-Fi Mobile X2は、無線LAN（IEEE 802.11n）のアクセスポイントになる機能を搭載して、モバイル端末とダイレクト接続できるようになった。 デジカメに装着するSDHCメモリーカードが無線
日本生まれのクラウドノート「KYBER」がすごい理由 (1/3)
オーリッドという日本のIT企業が注目を集めている。売上高は40億円規模。法人向けWebサービスを提供していたが、昨年から個人向けサービス「KYBER」を開始した。16日に発売した「KYBER Smartnote」（写真、3冊1500円）は、そのサービスの目玉だ。 見た目はごく普通のノート。メモをしたり、議事録をとったり、普通のノートとして使える。ノートをiPhone付属のカメラで撮影し、KYBERのWebサイトにアップロードすると、画像のデータがクラウドサーバー上で管理される（Androidには10月対応予定）。そこまではこれまでのクラウドサービスにもあったもの。「Evernote」を思い浮かべる人もいるだろう。 だが、話はここからだ。 しばらくすると、手書きのメモが文字データになって送られてくる。いわゆるOCR（画像からの文字起こし）だが、その精度は異様に高い。ほぼ完璧だ。納品までも最速
iPadを飲食店のデジタルサイネージとして活用 (1/2)
デジタルサイネージ（Digital Signage）とは、電子看板のこと。映画館やホテル、空港などで、液晶やプロジェクターで広告を写しているあれだ。コンビニのレジに付いているディスプレイは誰でも見たことがあるだろう。本格的なデジタルサイネージは非常に高価なので、小規模な店舗では手を出しにくい。そこで、iPadを活用してみよう（連載目次はこちら）。 iPadは優れたデジタルサイネージ端末 iPadの画面は9.7型なので、ショーウィンドウに置いて通行人に見せるような使い方は難しい。そもそも盗難防止の機構がなく、サードパーティのアイテムも揃っていないので、店員が目の届くところでしか運用できない。しかし、中小規模の店舗や使ってもらうスペースを限定するなら、優れたデジタルサイネージ端末として活用できる。 スタンドに立てかけて、静止画のスライドショーや動画を再生すれば注目を集められる。すでに多数のスタ
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
実は重要！ よくわかる電子書籍フォーマット規格!! (1/4)
一口に「電子書籍」といっても、実はそのフォーマット（データ形式）によってさまざまな種類が存在する。そのため、気に入った電子書籍を読む前に、その本がどのフォーマットのものなのか把握して、サポートしている閲覧用ソフト（あるいはハードウェア）を手に入れなければならない。いわば、VHS対ベータ、Blu-ray対HD DVDのような規格争いが電子書籍においても繰り返されており、主流となりそうなフォーマットはどれか、ある程度気に留めておく必要があるのだ。 ユーザーとしては悩ましいところだが、閲覧用端末を数多く売りたいメーカーの思惑、不正コピーは避けたいがより多く流通させたい出版社の本音、場所や時間を気にせず紙同様に楽しみたい消費者の心情、その狭間で落とし所を見つけようという努力の結果が、フォーマットとしての電子書籍だといえる。 電子書籍フォーマットは、いくつかの基準により分類できる。その分類を把握した
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
ScanSnap＋iPadが最強！ 本気で始める紙のデジタル化 (1/3)
ドキュメントスキャナーとiPadを持っている人は、何に便利さを感じていて、実際にどうやって使っているのか。PFUの「ScanSnap」シリーズを使い込んでいる成蹊大学法学部教授、塩澤一洋氏にお願いして、その秘訣を教えてもらった 今、パソコン周辺機器において、脚光を浴びている製品ジャンルのひとつにドキュメントスキャナーがある。iPadの出現によって、書類や書籍をデジタル化するニーズがにわかに高まっているからだ。 ドキュメントスキャナーの使い方がiPadで変わる。両者を連携することで、紙に記録した情報が生かされる。そんな使い方をご紹介しよう。 ScanSnapは「救世主」だった ScanSnapシリーズは、ドキュメントスキャナーの第一人者として知られている存在だ。紙の束をドサッとのせて本体の「Scan」ボタンを押すだけで、書類を両面同時にカラーで読み取って全自動でPDFファイルにしてくれるとい
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
これで完璧！ Chromeエクステンション決定版 (1/5)
特集第1回では、人気ブラウザー「Firefox」ユーザー向けの拡張機能「アドオン」の中から上級者向けのアドオンを紹介した。第2回として紹介するのは、まさにその対抗勢力となる「Google Chrome」の拡張機能「エクステンション」だ。 こちらも以前、エクステンション機能のベータ版が登場して間もないころ、初めに入れておくべき入門的なエクステンションを紹介している。紹介した当時はエクステンションもまだ500本ほどだったが、正式版として提供を開始した現在、アドオンの種類は2000本を超えている。 そこで今回は前回紹介したものに加える形で新たに入れておきたい「上級エクステンション」を取り上げる。自社開発ならではの強み「Google活用」をはじめ、サイト閲覧に便利なもの、ネットサービスの使いこなしに使えるものなどを決定版として集めてみた。 もっとChromeを便利にしたい はじめに紹介するのは、ブ
上級者向け！ 一歩進んだFirefoxアドオン徹底ガイド (1/7)
使い始めると手放せなくなる、本気の使いこなし系アドオン Firefoxの魅力は軽快な動作速度と豊富なアドオンにある。特にアドオンはFirefoxでしか使えない便利機能も多く、ユーザーが他のブラウザに乗り換えるのをためらう大きな理由になっている。ASCII.jpでは前回の最強アドオン50選で、初心者にも安心してお勧めできる定番アドオンを紹介した。今回は、少々取っつきにくいが、使い始めれば手放せなくなる、やや「上級者向け」の便利なアドオンを集めてきた。 作業環境を快適にしたい まずはじめに紹介するのは、便利な小技系のアドオン。解説が英語だけだったり、使うのに必要なボタンをツールバーのカスタマイズ機能を使って取り出す必要があったり……といった少々の面倒さはあるものの、分かってしまえば手離せなくなるアドオンを紹介していこう。まずはブラウザー自体の高速化や印刷補助など、ユーティリティー系のアドオンか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
