これは嬉しい ChatGPTプロンプト書き方のコツ、OpenAIが公開
OpenAIは、大規模言語モデル（GPT-4）でよりよい結果を出すためのプロンプトエンジニアリング（プロンプトのノウハウ）入門テキストを同社のウェブサイトで公開している。 同テキストでは、現在同社で最高の性能を持つ大規模言語モデルGPT-4を対象に、よりよい結果を導くための6つの戦略と、それぞれを実行する際の具体的な戦術（コツ）が掲載されている。 また、「Prompt examples」のページでは、上記で紹介したものを含む多数のプロンプト例が紹介されており、すぐに利用できるようになっている。 では紹介された6つの戦略を見ていこう。 明確な指示を書く LLMは利用者の心を読むことができないので、回答が長すぎる場合は「簡潔に」、単純すぎる場合は「専門家レベルで」と明示的に依頼する必要がある。 具体的な戦術としては下記が提案されている。 ・より関連性の高い回答を得られるよう、質問は詳細に ・モ
リスニング能力をひたすら鍛え上げられるサイト「ELLLO 」
PCやスマホを使って、英語学習を時短にする便利なサービスやツールなどを紹介する連載。今回は、初心者から上級者まで、幅広くリスニング能力を向上できる「ELLLO」をご紹介します。 ELLLOは、「English Listening Lesson Library Online」の略で、読んで字のごとく、英語のリスニング学習に特化したオンライン学習サイト。3000以上という多くの無料のレッスンが用意されており、幅広いレベルの学習者が利用できる。もともと、日本で英語教師だったTodd Beuckens氏が創設したサイトで、2004年にスタートしたサイトだ。 メインの学習コンテンツは、ひたすら英語の音声を聞くというもの。スクリプトも用意されているため、聞き取れなかった場合も内容は把握できる。理想的なのは、スクリプトを見なくても聞き取れるようになることだ。 メインコンテンツとなるリスニングレッスンは、
たった数行のCSSでパララックス風表現ができる「position: sticky」の使い方
短いCSSを書くだけで要素を特定の位置に固定できるCSSの「position: sticky」。ちょっとした工夫で実現できるおもしろい使い方をデモで解説します。 スクロールに応じてページ要素を固定表示できるposition: stickyが便利で面白い使い方ができそうなので実験してみました。仕様がまだ草案（Working Draft）の段階で、将来、細かい部分に変更がないとは言い切れませんが、Edgeを含めた最新のブラウザで、ほぼサポートされています。 position: stickyの仕様 ブラウザ・サポート状況（Can I use…） フィーチャー・クエリ（@supports） と一緒に使えば、position: stickyに対応していないブラウザにも考慮した実装が可能なので、注意は必要ですがちょっとしたエンハンスメントとして使うのに良さそうです。 まずは「こんなのが簡単にできちゃい
これ知ってる？ Web屋が押さえておきたい海外の便利ツール25選
Webデザイナーや開発者など、Webプロフェッショナルの仕事を支援してくれるWebツール＆サービスを厳選して紹介します。 pCloud、xFive、Themifyなど、選出したツールやサービスの大半は高い評価を得たソリューションで、さらに改良が進められています。Goodie、Codesterなど一部は登場したばかりのものですが、すでにすばらしい仕事ぶりです。 1. pCloud 4年前にローンチされた「pCloud」は、さまざまな機能を持つ安全で優れたストレージプラットホームとしての評価を確立しています。コカコーラ、ペプシ、イケア、LinkedIn、Uberなどの大企業を含む、人・企業が利用しています。pCloudはユーザー数が700万人、管理されている情報は7ペタバイト、ファイル数は13億個と、数字を見てもすばらしいツールです。 pCloudは、すべてのファイルとフォルダーを安全かつ確実
これからスマートウォッチデビューするなら「Apple Watch」がオススメ (1/2)
学生時代は部活動に明け暮れる毎日で、自然と身体が鍛えられたものです。それが社会人になると運動とは疎遠になり、気がつけばお腹まわりもふくよかに。慌ててランニングや筋トレなんかしようものなら、次の日は動けず最終的には三日坊主でまた元の生活に戻ってしまうのはよくある話です。 「ウェアラブル」というフレーズが一般的に広まり始めたのはいつ頃からでしょうか。僕が初めて購入したウェアラブルデバイスは、ナイキの「FuelBand」という、いわゆる活動量計です。およそ1年間、毎日欠かさず身に着けていたものの、残念ながらライフスタイルを変えるほどの効果はありませんでした。その後、Jawboneの「UP」というリストバンド型のウェアラブルデバイスを試してみましたが、こちらも結果は変わらず。すぐに壊れてしまい、一度もランニングをすることはありませんでした。 そして2015年4月、ついにアップルから「Apple W
Webデザインの可能性が飛躍的に広がる！SVGパターンを活用しよう
SVGによる背景パターンを解説します。まだ広まっていませんが、優れたデザインが多く、選択肢が増えます。SVGパターンの仕組みを解説し、活かすための6つのツールを紹介します。 ツールが持つ機能と、パターンを知識と組み合わせれば、新しいデザインの扉が開けるはずです。 SVGパターンの仕組みとは 時代を問わず、Webデザインではパターン（模様）を使ってきました。CSSの知識が少なくても、背景に好みの画像をタイル状で並べる方法を知っていると思います。 div { background-image: url("sitepoint-tile.svg"); } 背景にはJPGやPNGなどWeb用の画像フォーマットが使えますが、SVGは効率が良く鮮明で、劣化せずに拡縮できるため、CSSの背景画像にも適しています。 SVG本来のやり方（SVGパターン）で、同じ画像を繰り返し並べて背景画像に設定する方法を詳し
さらばjQuery！アニメーションをサクサク処理できるVelocity.jsの使い方
「jQueryのアニメーションが遅い」「CSSアニメーションは使いにくい」。そこでアニメーション処理の定番ライブラリー「Velocity.js」の出番です。基本的な使い方を一通り紹介しましょう。 本記事ではJulian Shapiroにより開発された高速かつ強力なJavaScriptアニメーションエンジン、Velocity.js（以降、Velocity）を紹介します。記事のコードやデモすべてに目を通せば、Velocityを使って自分のアニメーションが作れるようになり、サイトはさらにインタラクティブで使いやすいものになるでしょう。jQueryには頼らず、すべて素のJavaScriptだけで作ります。 この記事は『CSSライクでデザイナーに優しい！anime.jsはDOMアニメーションの新定番だ！』『HTMLもSVGもテキストも自在！DOMアニメーションの決定版「KUTE.js」が登場』の続編
デザイン上級者になるために身につけたい、バーティカルリズムの正しい使い方
バーティカルリズム（Vertical Rhythm）はタイポグラフィにおける重要な概念ですが、絶対的なルールではありません。 Webのレイアウトをするとき、デザイナーやフロントエンドコーダーは縦方向より横方向のレイアウトに時間をかけるのが普通です。 これはそれほど不思議なことではありません。たいていのデバイスは縦にスクロールするように設計されているので、ページの横幅は高さに比べて制限があります。ですから、最初に水平方向のスペースを分割して考えていくのはごく自然なことです。 ベースラインのリズム ベースラインのリズム – 「バーティカルメジャー」と呼ばれることもあります – は水平ラインのグリッドで、文字を揃えるのに使います。学校で使ったノートに印刷されていたライトブルーの罫線のようなものです。 リチャード・ルターは次のように表現しています。 見出し、小見出し、引用、脚注、挿絵、キャプション
「SEOの死」は本当か？ 競合サイトが実はやっているリンク構築の全手法
2016年話題になったキュレーションサイト問題は、いまだSEOによって順位を上げることが可能だと証明してしまいました。ブラックハットな手法や過度なSEOは迷惑そのものですが、コンテンツをユーザーに届ける手段としてのSEOもまったく必要ないのでしょうか？ リンク構築はまだ重要か？ Googleオリジナルのランキングアルゴリズムにおいて、被リンクは常にランキングを決める重要な指標になってきました。リンクで信頼やオーソリティを獲得するやり方はGoogle最大の強みで、ほかの競合検索エンジンをしのいできました。 しかし2012年のペンギンアップデート以降、SEOのためにリンク構築する時代は終わったと言われています。これにはいくつか理由があります。 スパムリンクは悪質と評価されるので、リンク構築で評価を上げにくくなった リンク構築を誤るとペナルティを受けるので、リンク構築のリスクがさらに大きくなった
オウンドメディア運営に絶対必要な「エバーグリーンコンテンツ」とは？
コンテンツを作るだけがオウンドメディア運営ではありません。更新してしっかりメンテナンスしていくことも大事なのです。 近頃は、Webサイトで公開されるコンテンツで、できることが非常に多くなってきました。もっとも重要かつ有益なコンテンツのひとつにエバーグリーンコンテンツがあります。規模、業種、目標コンバージョンに関わらず、あらゆるビジネスのWebサイトに必要なものです。本記事では、エバーグリーンコンテンツの定義、作成法、そしてビジネスにどのような利益をもたらすか取り上げます。 エバーグリーンコンテンツとは？ 「エバーグリーン」という名前から思い浮かぶとおり、エバーグリーンコンテンツは維持費がほぼかからず、長期（業種によりますが、およそ数年間）にわたり適切かつ有用に継続できます。読者にとって常に価値あるものとして、ほかのコンテンツの参照元にできます。では、エバーグリーンコンテンツの特徴をみていき
SketchとAdobe XDを使っていたデザイナーの私がFigmaに心底惚れたワケ
SitePointのデザイナーであり、デザイン＆UX分野の編集者でもあるAlexが振り返る、2016年のデザインツール事情。たくさんのツールが登場した中でもFigmaは特にお気に入りのようです。 2016年ももう終わりですので（日本版編注：この記事のオリジナルは昨年12月に執筆された）、この1年でワークフローがどう変わったかを振り返るのはおもしろいと思います。この1年で多くのツールや手法が大きく変わったのは驚くべきことです。 個人的には、2016年のデザインおよびUXで注目のテーマは、Chromeアプリが本格的なWebデザインツールの候補になったことだと思います。実際に、2016年はこれに関する記事を3本執筆しました。 振り返ると、4月にはJarek Foksaの優れたツールでありSVGエディタのBoxySVGについて執筆しました（『シンプル・爆速・超便利な無料SVGエディター「Boxy
UIデザイナーの私が4年間で学んだ、ダッシュボードのデザインで大切な26のこと
モバイルアプリ相互送客ツール「Tapdaq」のメインデザイナーであり、Dashboard UI Kitの作者として知られるJan Losertさん。4年間のダッシュボードデザインの経験からまとめた26のステップは、UI/UXデザイナー必読です。 過去4年間にわたってダッシュボードとアプリケーションのデザインを続ける中、プロダクトをさらに良く効率的なものにするために、いろいろな部署と付き合っていくこと、そしてそうした部署の人たちの知識を活用することを学びました。 この記事では、私が学び、日常のルーティンに取り込んだすべてのステップを紹介しようと思います。こうしたステップがあったからこそデザイナーとして大きく成長できたと思うので、読者のみなさんに役立つことを願っています。 事前準備をする Step 1. 集められるだけの情報を集める（例示は3パターンでお願いする） 私にとって、実際に稼働してい
さくらインターネット、超高速WordPress環境「KUSANAGI」を「さくらのVPS」で実行可能に
さくらインターネットは10月31日、プライム・ストラテジーが開発した超高速WordPress仮想マシン「KUSANAGI（くさなぎ）」を「さくらのVPS」で実行できる「KUSANAGI for さくらのVPS」の提供を開始した。 KUSANAGIは、WordPressを高速に動作させるための仮想マシンおよびそのイメージ。WordPressの実行時間3ミリ秒台、秒間1000リクエストをページキャッシュ非使用で実現するという。 KUSANAGI for さくらのVPSでは、さくらのVPSのコントロールパネルから、「CentOS 7（64bit）」上に「KUSANAGI」がインストールされたサーバーを簡単に作成可能だとしている。追加料金不要で導入可能なため、企業のウェブサイトはもちろんのこと、個人のブログにおいても、より快適にWordPress環境を利用できるという。
超簡単LINEスタンプ自作 写真もオーケー 儲かるかも！ (1/2)
LINEスタンプを作ろうと思って挫折した人にも今ならとても簡単になりました。興味はあったけれど40個もスタンプを用意するのは手間、そもそも絵心がない。そんな人でも大丈夫！ 10月6日からLINEスタンプが最低8個でも作れるようになりました LINEのスタンプを自作販売できるのはご存知ですよね。「LINEクリエイターズスタンプ」とは、クリエイターに登録した個人・団体が自作したスタンプ。「LINE Creators Market」は職業年齢プロアマ問わずクリエイター登録が可能です。 スタンプ登録や販売の手数料は無料。売上げの35％が自分の分配額となります。実作業以外のコストはゼロでスタンプを販売できるので、分配金がガバガバ入ったらたちまちスタンプ長者に。 ……なんてことを夢見た人は少なくないはず。ですが、けっこういるんですよね。スタンプを作ろうとしたけど断念した人。実は私もその1人。子供の時に
ノンデザイナーがもっと知りたい！センスより大切なデザイン心理学のルール＋3つ
「購入ボタンは緑色がいいって専門家が言っている」「いや、Amazonのオレンジだ」なんて不毛な議論をしていませんか？ ディレクターやエンジニアにも役立つ、Webデザインで使える心理学のルールを3つ紹介します。 『ノンデザイナーこそ知っておきたい！デザインでセンスより大切な心理学のルール』では、Webサイトの成果を大幅に改善してくれる4つの有名な心理学ルールについて説明しました。今回は、色や人間の注意力持続時間、反応を研究したさらに3つの心理学ルールを紹介します。そして、ルールに沿ってWebサイトを改善し、より大きな成功を得る方法について説明します。 では、始めます。 ルール1：人間が注意力を持続できる時間は、毎年短くなっている 2015年、Microsoftは2000人の被験者を対象とする調査を実行し（調査結果PDF）、脳波記録装置を使って112人以上の人びとの脳活用をモニタリングしました
MVNOのパイオニア日本通信が撤退 業界再編、淘汰が始まるか？ by 石野純也
格安スマホの先駆けともいえる日本通信が、コンシューマー向け事業でU-NEXT社と“協業”することを発表した。 U-NEXTへ事業を譲渡する日本通信 U-NEXTによると、まだ協議を開始した段階で、「(日本通信の)既存事業をどう継承するかもこれから検討する」(U-NEXT広報担当)という。着地点がどのようになるかは不透明だが、設備を持たないU-NEXTにとっては、「MVNE(MVNO支援事業者)の選択肢をひとつ増やすことになる」(U-NEXT広報担当)。また、日本通信ぶんのユーザー数も上乗せでき、規模の拡大も狙える。交渉次第では、既存のユーザーも含め、将来的にはU-mobileブランドに一本化する可能性もありそうだ。 日本通信は事業戦略の転換を行なうことを発表しており、コンシューマー向けサービスからの脱却を目指していた。同社はMVNOのパイオニアとして、96年に設立。古くはPHSの回線を借り
3000円の安物イヤフォン「Piston Classic」の音は1万円クラスに匹敵 (1/3)
1MOREからカナル型イヤフォン「1MORE Piston Classic E1003（以下、Piston Classic）」が発売されました。かつて小米（シャオミ）から「Mi」ブランドで販売された「Piston 2」の復刻版ということです。そのオリジナルは偽物が出まわるほどの人気で、2015年3月までにシリーズ累計で450万台以上を出荷したのだとか。 すでにe☆イヤホンで先行販売中で、価格は2980円。ダイナミック型ドライバー1発のシンプルな仕様ながら、その価格レンジを逸脱した性能には、かなり驚かされました。 ただ、世の中には完璧なイヤフォンは存在しません。同じ1MOREのダイナミック型ドライバー搭載イヤフォン「1M301」と比べながら試してみました。 細部の作りやパッケージにも高級感が まずドライバーは、振動板にPET樹脂と航空機用チタンを使い、広帯域特性を狙った独自開発のダイナミック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグル、高クオリティかつ高速なテキスト画像生成モデル「Muse」を発表
バルミューダがスピーカー発表「クレイジーと言われる自信がある」 (1/4)
この葬儀会社がヤバい
