Claude 3とGPT-4のコーディング性能を比較！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Technology部のジョシュです。 今日は、最近バズっている生成AIモデル「Claude 3」と「GPT-4」を比べてみましょう！ 生成AIが絶え間なく進化し続けるなかで、2024年3月に登場したAnthropic社の大規模言語モデルClaude 3。OpenAI社のGPT-4と比較され、多くの議論を呼び起こしています。 この記事ではこれら2つのモデルを深掘りし、それぞれの特徴、能力、そして生成したコードの結果を比較しながらご紹介します。生成AIのトレンドを知りたい方やAI開発に関心を持つ方々のご参考になれば幸いです。 GPT-4とClaude 3の概要 OpenAI社が開発した言語モデルGPT-4は生成AIを広めたモデルとして非常に有名で、様々なタスクをこなす能力があります。そんな中で3月に登場したAnthropic社のClaude 3は、いくつかの分野ではGPT-4を上
エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
続いてそれぞれのユースケースについて、具体的な使い方を解説します。 Figmaの使い方・操作方法 デザインをもとにコーディングする場合 ‐ Dev mode Dev modeの利用がおすすめです。現在ベータ版で公開されており、2024年中に有料プランのみ使用可能となります。 主な機能として、作成したデザインをもとにコードを自動で生成させることができます。CSS、iOSのSwiftUI、AndroidのXMLなどに対応しています。 具体的な使い方は次のとおりです。今回はログイン画面を例にしています。 画面をセクションで囲む セクション名の右横のコードアイコンをクリック Open in Dev modeでDev modeに切り替える コード化したいコンポーネントを選択すると、右側のInspectでコードを参照できる ワイヤーフレームを作成する場合 ‐ コンポーネント機能 コンポーネント機能を利
【無料・有料】文章校正ツールおすすめ6選の機能比較！AIでのカスタマイズ校閲時代がやってきた
「冷たい印象になるから」と、若い人はメッセージのやりとりで句読点をつけたがらない。そんな話を聞いて「俺、もしかして冷たい人間と思われているかも？」とショックを受けました…。 どうも✋おじさん構文マイスターことエディター✍のヒロです(^_^)💦💦🍺 10年以上の紙媒体編集者歴を経てWeb編集者に転身した自分ですが、いまだに戸惑うことがあります。それは、Web編集ならではのスピード感です。 なかでもスピード不足を自覚しているのが、原稿の校正校閲業務。紙媒体編集者の宿命ともいえるのですが、「ミスは絶対に許されない」の気迫で校正校閲に臨むため、どうしても時間がかかります。「ミスっても気づいたら後で直せばよくね？」なWebのチャラいノリに賛同できないわけですね。（句読点の抜け漏れもやっぱり許せません！） 「Webのスピード感で校正したい」「でも紙媒体クオリティは死守したい」、この狭間で葛藤し、
WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
canvasで大量の円がランダムに動くパーティクルを実装してみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのぜんちゃんです。 最近はアニメーション表現を増やすために、canvasの勉強を始めました。そこで、今回はcanvasやJavaScriptの基本技術を使って、円がランダムに動くパーティクルアニメーションを実装したいと思います。 今回作るアニメーションはこちらです。 円を作成・描画する canvas要素を作成し、そのcanvas内に円を作っていきます。 まずは一つだけ作りたいと思います。 <canvas id="canvas"></canvas> // キャンバス要素を取得 const canvas = document.getElementById('canvas'); // キャンパスに描画するコンテキストを取得 const ctx = canvas.getContext('2d'); // キャンバスサイズをwindowサイズに canvas.wi
AdobeXDにGoogleスプレッドシートからテキスト情報を流し込むプラグインが便利すぎる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGでWebディレクターをしているなべちゃんです。 Webサイトを制作する際に、クライアントや外部のライターさんにサイトに入れるテキストを依頼をする、というシーンは多いのではないでしょうか？ LIGでもまだテキストが確定していないときは「テキストテキスト……」「ダミーダミー……」と、領域を確保してクライアントやライターさんに依頼をしています。 今回はAdobeXDでワイヤーフレームやデザイン制作をしたあと、Googleスプレッドシートと連携し、Googleスプレッドシート上で書いたテキストがXDに流し込まれるという画期的なプラグインを紹介していきたいと思います！ 実はこのプラグインは、ちゃんれみさんが週に1回開催されているディレクターミーティングで紹介して、「神」「画期的だ」「もっと早くに知りたかった」と歓喜の声が上がっていました👏 私もこのプラグインを知ってからはかなりお
オウンドメディア撤退の話。引き際を見極めるための数値設定等はどのようにするべき？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エディターのあやまんです。 日々オウンドメディアを運営しているみなさん、お疲れさまです。オウンドメディア相談室のお時間がやってまいりました。 オウンドメディア相談室とは？ LIGのコンテンツ制作チームが、巷にあふれるオウンドメディアに関するお悩みに答えていく連載。ときに楽しく、ときに真剣に、編集者、マーケター、広報など、LIGの個性的なメンバーがさまざまな視点からお答えしていきます！ 現在お悩み内容絶賛大募集中です！ なんと、なんと、なんと！ おたよりいただきました～～～～！ おたよりって、素晴らしいですよね……。いやね、LIGブログにはこの連載のほかにもおたよりを募集する系の企画ってたくさんあるのですが、実際なかなかいただけないものなんですよね……。オウンドメディアの悲しいあるあるな気がします。おたよりが一通もこないと、「マジこの記事誰も読んでないんじゃないか」って悲しい気持ちになります
新卒未経験Webディレクター向けに作ったマニュアルをチラ見せします | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
と、声をかけていただけることがしばしばありました。 はて？ 何の資料だろう？ と不思議に思っていたのですが、実は休職前に新卒ディレクターに教えるためにまとめていた資料が脈々と受け継がれていたのでした。 なんとも嬉しい声！ 正直、頑張って作った甲斐あった！ 今回は、新卒・新人ディレクターに向けて作ったマニュアルの一部を抜粋して、チラ見せしたいと思います。 ※ 以下の内容はOJTをしていきながら「わからない」と返答されたものを基準にまとめておりますので偏りがあります。一例としてお考えください。 マニュアルの構成 マニュアルの構成は大きく4つに分類されており、それぞれに関係した知識をつけることが大事だと考えています。そのため、マニュアルを作り始めるときには以下の扉ページを作るところから始めました。 資料の扉ページ ディレクション デザイン コーディング システム 1. ディレクションで必要な知識
50万円は誰の手に…？さくらのレンタルサーバ15周年の新しいロゴがついに決定！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LIGからも数点、応募させてもらったのですが結果はどうだったのでしょうか。そして優勝賞金50万円は誰の手に… 応募数はなんと1,398点！大盛況のロゴコンテスト ちなみに今回はオンラインにて取材させていただきました。 さくらインターネット カスタマーエンゲージメント部 尾崎さん。 数ヶ月にわたって新ロゴの決定にイチから携わり、今回のプロジェクトを引っ張ってきた一人。ステイホーム中は自宅で「しいたけ栽培」にハマっていた。 さくらインターネット 営業部 小松さん。 「さくら的な存在感を放っている」という理由で今回の取材にアサインされた。なお今回のプロジェクトには特に関わっていない。自宅での楽しみ方は美味しい味玉の研究とバイオハザードのゲーム。
今後LIGが制作するWebサイトは、Internet Explorerの対応をやめます。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGでフロントエンドエンジニアをしているライダーです。 IE対応、やめます。 2007年の創業以来Web制作に携わってきたLIGは、これまで長らく、Internet Explorerを動作環境に含んだWebサイトの制作を提案してまいりましたが、 今後、LIGが制作するWebサイトは、 Internet Explorerの対応を行いません！ ただしInternet Explorerに特別な配慮が必要な場合は、お申し付けください。これまでのノウハウを活かし、Internet Explorer上でも動作するよう制作させていただきます！ もちろんMicrosoft Edgeに関しては、これまで同様に対応を続けますよ！ 今日は、その背景を簡単にお話しさせてください。 IE対応によってできなくなることがある できる・できないに関しては、さまざまな考え方がありますが、ここでは予算やスケジュ
なぜ「お疲れさま」はOKなのに「ご苦労さま」は失礼なの？ことばの語源とその変化
こんにちは！ ライターのトギー（@tototogy）です。 日々の生活の中で、ふしぎな言葉や文化に出合うことがあります。 例えば、「お疲れさま（お疲れ様）」と「ご苦労さま（ご苦労様）」。 目上の人に対するあいさつとして、「ご苦労さまです」を使うのは失礼だと言われることがあります。無難なあいさつして使われているのは「お疲れさまです」。 これ、ふしぎだと思いませんか？ 「お疲れ」も「ご苦労」もニュアンスは似ているのに、どうして「ご苦労」という表現だけが失礼にあたるのでしょうか？ その真相を知るべく、「お疲れさま」の方が適しているとされる理由や、正しい使い方、その歴史的背景をひもといていきましょう。 もともと「ご苦労さま」は、立場が低い者が目上の人をねぎらう言葉だった 「ご苦労さま」のあいさつは目上の者が使うべきとする理由としてよく挙げられるのは、“武家社会において主君が家来の奉公を労う言葉とし
Chromeでタブをたくさん開きがちな人に届け！作業効率を上げまくる拡張機能4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 広報室のたびちん（@takiyoro）です〜。 今回はこれがないと暮らしていけない！ とまでなったChrome拡張機能を４つ厳選してお伝えします。 ▼以前ご紹介した、タスク管理に便利な拡張機能＋アプリの使い方はこちら 開けているタブをリスト化！ 「GetTabInfo」 ダウンロードURL あらゆるオフィスワーカーに知ってほしい！ タブで出したページのURLやタイトルなどの情報がリストになって出てきます。表示方法はテンプレート化が可能です。URLだけのリスト、タイトルとURLで間にタブを入れる、タイトルを＜＞などで囲むなど、柔軟に設定できます。 こういう感じで、同じウインドウ内で開いている複数タブをリスト化できます。 「ちょっとこの業界のURL調べてリスト化しといて」なんて命が下ったときに何度か救われた拡張機能です。複数タブを開けておき、これでリストにするだけなので、個人的な
「え？それそんなかかるの？」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ
『ドラゴンボール』を読んだことのない僕が、先輩に反論するために全巻読了した結果 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、アシスタントエディターの栄藤八（@hachi_jejeje）です。他社オウンドメディアの記事コンテンツ制作代行を行う「外部メディアコンテンツ制作チーム」で見習いとして働いています。 突然ですが、みなさんは『ドラゴンボール』という作品をご存知でしょうか。「週刊少年ジャンプ」にて1984年から約10年にわたって連載された長編漫画です。1985年からは単行本も発売され、テレビアニメ化までされている、いわゆる大ヒット作品です。 1992年に生まれた私は、これまでドラゴンボールを読むことなく生きてきました。もちろん作品の存在自体は知っていましたし、アニメの主題歌もどこかで聞いたことはありました。しかし、私にとってのドラゴンボールとは「昔流行った漫画」でしかなかったのです。 そんな私が、今更ドラゴンボールを全巻読むことになったのは、ある出来事がきっかけでした……。 ドラゴンボールハラスメン
【プロゲーマーインタビュー第1回】プロゲーマーはいくら稼いでるの？日本のe-sportsを牽引するチョコ＆ももちに聞いてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、しょご（@shogo_drumer）です。 突然ですが、プロゲーマーってめちゃくちゃ夢がある職業だと思うんです。 毎日ゲームをやって、大会賞金を稼いで。しかも、いまは “e-sports” としてゲームがスポーツとして認知されはじめており、プロ野球選手を目指すのと同じくらい、プロゲーマーを目指すのが一般的になる時代が今後やってくる……！ とはいえ、もちろんプロゲーマーもラクな仕事ではないはず。 そこで今回、プロゲーマー夫婦として注目を集めるももちさんとチョコさんに、実際どれくらい稼いでいるのか、またどうやってプロゲーマーになったのか、今後の展望など、根堀り葉掘り聞いてきました！ 人物紹介：百地（ももち） 世界最大級の北米プロゲーム団体『Evil Geniuses』(Team EG)所属のプロ格ゲーマー。2014年ウルトラストリートファイターⅣ公式世界大会で優勝し、世界王者の称号
【大事】2015年お正月休みのお知らせ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さまこんにちは、広報担当のヨシキです。 いよいよ2014年も残すところあとわずか。今年もLIGブログの読者の皆さまには大変お世話になりました。 さて本日は、年末年始の休日についてお知らせさせていただきます。 2014年12月27日（土）〜2015年1月4日（日）までの9日間、株式会社LIGは年末年始のお休みを頂戴します。 来年もどうぞLIGを宜しくお願い申し上げます。 なぜ、年末年始は長く休むのか 今回、9日間という長期に渡ってLIGはお休みを頂戴しますが、ここではなぜ年末年始は長く休むのか、ということについて考えていきたいと思います。 まず期間についてですが、一般的には官公庁が12月29日から1月3日までを休日としていることに準じる企業が多いようです。そこに土日が加わることで、カレンダー次第では9連休などの長期休暇となります。 ただし、就業規則で年末年始の休日についてどのように設定され
感嘆符・疑問符の後に全角空白（スペース）が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木（@amanojerk）です。 さて、これからみなさんに、下記のそれぞれの文章を見比べていただきたいのですが、 A. ヒャッハー！汚物は消毒だ〜 B. ヒャッハー！ 汚物は消毒だ〜 A. 何してますか？忙しいですか？手伝ってもらってもいいですか？ B. 何してますか？ 忙しいですか？ 手伝ってもらってもいいですか？ どちらがしっくりくる、あるいは、どちらに違和感がある、と思ったでしょうか。 A.とB.の文章の違いは、文末の「感嘆符（！）」「疑問符（？）」の後に全角空白（スペース）があるかないかです。 ほとんどの人はあまり注意して見てはいないと思うのですが、じつはこの表記ルールはメディアによってさまざまです。絶対に全角スペースを空けているメディアもあれば、そうでないメディアもあります。 では、一体どちらが正式なのでしょうか。そもそも、明確な基準はあるのでし
部下の部屋を200万円かけて超オシャレに改造したら、とても喜んでくれました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGの副社長のゴウです。 俺の部下に「そめひこ」って奴がいるんですが、いま俺は彼の自宅に来ています。 見てください。この殺風景な部屋。 シンプルですが、あまりにも殺風景な部屋ですね。 今回、「そめひこの家で撮影をしたいから使わせて」と許可を取った上で、この部屋を200万円ほどかけて勝手に改造してみようと思っています。 とりあえず15分ほどでめっちゃ部屋がスッキリしました。荷物なさ過ぎ。 さぁ、こんな殺風景な部屋とも今日でサヨナラ。いつも頑張って仕事をしてくれている可愛い部下を喜ばせたいと思います。 インテリアのプロにお願いしてみた さて、実は今回の撮影をするにあたり、インテリアのプロに協力を仰いでおりました。 それがこちらのショールームを構えるインテリアショップのリグナさんです。 ショールームが東京駅からタクシーでワンメーターの所にあるのですが、なんでしょうねこの空間。 ヤ
SVGとjQueryで絵を描いているようなアニメーションを実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもお久しぶりです。 フロントエンドエンジニアのはやちです( ˘ω˘)✌ 最近『天空のクラフトフリート』というソーシャルゲームにハマっております。 もともとは弊社のエンジニアの何人かに誘われてDLしたのですが、みなさん最近ログインしている様子がなく、もくもくとひとりでミッションをこなし、練り上げております( ∵ ) まけないひとりたのしい、強くなる✌(´ʘ‿ʘ｀)✌ さて、今回はSVGで絵を描いているようにアニメーションを生成してくれるサイト、LAZY LINE PAINTERの使用方法をご紹介します。 SVGとは Scallable Vecter Graphocs（スケーラブル・ベクター・グラフィックス）の略で、XMLをベースとした二次元ベクターイメージの画像形式のことです( ˘ω˘)☝ SVGはjpgの様にimg要素で扱ったり、cssで色を変えたり背景画像として扱ったりできます( ˘
【2014年】LIGブログの5月度アクセス解析と広告収入の結果|株式会社LIG | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！広報担当ひろゆきです。 盛りだくさんだった4月が終わり、5月はあまり大きなトピックがありませんでした。強いて言えば、朽木がパンを咥えて走ったくらいでしょうか。 さて、たくさんのビジネスパーソンが待ちに待っていたであろうGW連休の影響で、LIGブログはちょっと伸び悩み気味の結果に。 6月から再スタート、猛ダッシュを決めるために、振り返りを兼ねて解析していきます。 5月度月間訪問者数とPV PV 訪問者数 平均PV 過去最高のPVを記録した4月から、約13万PVダウン。約265万PVとなりました。 連続PV上昇記録が一度ストップしてしまいましたが、訪問者数は約124万人と微増傾向にあります。 原因ははっきりしており、GWでした。Web制作やビジネスのお役立ち記事を中心に月〜金のみ更新するLIGブログでは、もともと休日のPVが伸びにくいのですが、連休によりPV・UUがともに低下したと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
