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を上
CSS Flexboxでスクロールさせようとしたら縮んでしまうのがflex-shrinkで直った。 | Ginpen.com
先にまとめ flex-shrink: 0 を Flexbox の子要素に書く親要素は普通に display: flex と overflow: auto ここまでのあらすじ 単純に overflow: auto しとけばスクロールするじゃろ～とやってみたら Flexbox の子要素が軒並みスクロール不要な大きさにまで縮んでしまった。そういえばそうだった。 過去に同じ問題に直面したときはたしか min-width なんか付けたんだけど今回やってるのは大きさがまちまちで決められないし、そもそも min-width もなんか違う感じあるしってんで調べたところ、flex-shrink というプロパティがあることを知った。 flex-shrink 子要素の縮小係数 (shrink factor) を指定します。0 以上の数値。初期値は 1 。 flex-shrink – CSS: カスケーディングス
href=”mailto:”のリンクをクリックした際に選択式にするスクリプト・「mailgo」
mailgoは<a href="mailto:***">のようなmailtoリンクを、メーラw－立ち上げずにモーダルウィンドウを開いて選択式にするスクリプトです。少し前にMailtoUIというスクリプトの記事を書きましたが概ね同じ目的、挙動となっています。 こちらも動作サンプルを作ってみました。 動作サンプル アニメーションのエフェクトの有無や見た目だけで基本的にはMailtoUIと大差ありませんが違いはオプションとファイルサイズでしょうか。 まぁファイルサイズは極端に大きな差ではありませんが、性能は少し異なっていて、mailgoはスパム対策が施されています。上がmailtoリンクで下がスパム対策版になります。 対してMailtoUIはスパム対策こそされていないものの、モーダルウィンドウ内のボタンテキストの変更等がオプションで行えるようになっています。 需要があればいずれどちらもないものを
【スライス不要】Photoshop画像アセット生成の基本とつまずきがちな5つのコト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） スライスせずに書き出せるPhotoshopの「画像アセット生成」って？ 画像アセット生成とは、ファイルのレイヤーやレイヤーグループのコンテンツからJPEGやPNG等の画像アセットを生成するという、スライス作業を不要とする機能です。PhotoshopCCから実装されている機能で、CC2014以降は画像に加えてSVGの書き出しも可能となりました。 普段からコーディングもしているデザイナーさんは効率化のために早くから使ってい
無料でPC内を監視しているスパイウェアを誰でもすぐ簡単に発見できる「DETEKT」
By Creative Heroes 2013年はNSA監視システムの暴露問題が話題となりましたが、「いつの間にかPCがスパイウェアで監視されている」ということは人ごとではなくなってきています。監視用スパイウェアはメールを盗み読んだり、Skypeの通話の傍聴、ウェブカメラの遠隔操作などを可能にしてしまうわけですが、スパイウェアがPCに仕込まれていないかどうかを一瞬でスキャンしてくれる無料ツールが「DETEKT」です。 Resist Surveillance https://resistsurveillance.org/ 日本を含む世界各国の政府が国民監視用スパイウェアを利用していると言われており、巧妙に仕掛けられた監視用スパイウェアを発見するのは素人には至難の業。 「DETEKT」を利用するには、ウェブサイト最下部の「Download Detekt」をクリック。 GitHubページが開いた
JSON Online Validator and Formatter - JSON Lint
To format and validate your JSON, just copy + paste it below: About the JSONLint EditorJSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Is JSON?JSON (pronounced as Jason), stands for "JavaScript Object Notation," is a human-readable
SVGMagic - Great jQuery SVG fallback plugin
SVGMagic: the fully automated SVG fallback SVGMagic is a simple jQuery plugin that searches for SVG images (including background- and inline dataimages) on your website and creates PNG versions if the browser doesn't support SVG. Wondering why you should use SVG images? SVG images are vector based! Meaning that they will be as sharp as hell no matter how big they are. In other words: one file for
文字コードの解析、変換（エンコード、デコード） / SEO、セキュリティ、調査ツール
文字コードの変換や解析を行います。 文字化けを起こしたメッセージを読みたいときなどに効果があります。 文字種によってはHTMLで表記できない場合や、このページソースで取得しないといけない場合など、正しく変換できない場合があります。 デコードの場合、変換前文字種を指定し、変換後文字種は通常「sjis」を指定する。 エンコードの場合、変換前文字種「なし」で変換後文字種を指定する。 正しく変換されない場合のみ、変換前文字種を変更する。 デコードの場合、最大入力文字数は 1000 字です。 ただしエンコードの場合の最大入力文字数は 80 字です。 よく使われる文字コードの特徴を説明しておきます。 【デコード時の設定方法】 jisコード→「�$B$"$$$&$($*�(B」 →変換前文字種：「jis」 →変換後文字種：「sjis」 eucコード→「､｢､､､ｦ､ｨ､ｪ」 →変換前文字種：「euc-j
有料だったが無料化した自動的にメモリ不足を解消するソフト「MemOptimizer」
作業中にメモリが増えフリーズするようなときに、ロックされたメモリを自動的に解放して、作業を効率化してくれるフリーソフトが「MemOptimizer」です。有料(19.95ドル)から無料になったソフトで、Windows XP、Vista、7、8上で起動可能となっています。 インストール、効果などについては以下から。 MemOptimizer http://www.pointstone.com/products/MemOptimizer/ 上記サイトの「Download Now!」をクリック。 ダウンロードしたインストーラーを実行。 「Next」をクリック 「I Agree」をクリック 「Next」をクリック 「Install」をクリック 「Next」をクリック 「Finish」をクリック 設定画面が表示されます。この「Overview」タブからビジュアル的にわかりやすくCPUとメモリの状態の
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer - かちびと.net
HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
USBメモリのオートランによるウイルス感染を予防するフリーソフト「Bitdefender USB Immunizer」
PCにUSBメモリを接続した際に、オートラン（自動起動）によって感染するウイルスを防ぐフリーソフトが「Bitdefender USB Immunizer」です。USBメモリにダミーのautorun.infファイルを作成し、オートラン（自動起動）とautorun.infの作成を予防します。Windows XP、Vista、7上で起動可能。 ダウンロード、操作方法については以下から。 Your essential free software toolbox http://www.bitdefender.com/toolbox/freeapps/desktop/ 上記サイトの「DOWNLOAD」をクリック。 ダウンロードしたインストーラーを実行 「I Accept」をクリック 操作画面が表示されます。 USBメモリをPCに接続すると、操作画面に接続したUSBメモリが表示されます。オートランによる
メールアドレスをスパム業者に回収されないように表示できるネットサービス「Email Obfuscator」
by WebIconSet.com サイトにメールアドレスを公開していると、スパム（迷惑メール）業者がボットを使いHTMLソースからメールアドレスの収集をします。その対策として、メールアドレスのアットマークを全角にする簡単な方法はありますが、ネットサービスの「Email Obfuscator」を使えば、手軽にスパム業者の対策を強化しつつ、サイトを利用する人が簡単に宛先を間違えることなくメールを使えるようになります。使用方法は以下から。 Email Obfuscation via ROT13 Cipher http://rot13.florianbersier.com/ ◆使用方法 上記サイトにアクセスすると以下のページが表示されます。 使い方は、まず「Email Address（メールアドレス）」・「Anchor text（サイトに表示する文字）」・「Email Subject（メールの題
WP-PageNavi （ページナビゲーション作成用WordPressプラグイン）の導入方法と使い方
WordPressで作成したサイトにページナビゲーションを設置するプラグイン『WP-PageNavi』をご紹介します。ページナビゲーションは、ページ数が多いサイトには必須の機能です。 WP-PageNavi の概要 サイトのページ数が増えてくると、特にWordPressのようなブログツールで作成したサイトは古い記事ほど訪問者が見つけにくくなってしまいます。その問題を解決するための機能の1つに、『ページナビゲーション』があります。 ページナビゲーションで最も馴染み深いのが、GoogleやYahoo！などでの検索結果ではないでしょうか？ あと、大きな通販サイトでの検索結果でもよく目にしますね。このように、ページナビゲーションは目的の情報を掲載しているページへのリンクが表示されます。 このページナビゲーションを簡単に設置できるプラグインが、『WP-PageNavi』です。 WP-PageNavi
[AS3] ifと静的メソッドとコメント ー [自動フォーマット] vol.4
久しぶりの[自動フォーマット]ネタです(図001)。Flash Professional CS5で確かめています。 図001■ifステートメント内の静的メソッド呼出しにコメントを加える すると、ifステートメントブロックの閉じ括弧}を、ひとつ余分に加えてくれます(図002)。 図002■ifステートメントステートメントブロックの閉じ括弧}が余分に加わる もちろん、括弧の対応が合わなくなります。もう一度[自動フォーマット]を行えば、シンタックスエラーを告げる警告が表れます(図003)。このパターンは、以前にもありました。ほとんど因縁をつけられているようなものです。 図003■警告のダイアログボックスがシンタックスエラーを告げる この記事にコメントを書く 記事に対するテクニカルな質問はご遠慮ください（利用規約）。 名前（必須）： メールアドレス： URL： この情報を登録しますか? コメント:
![[AS3] ifと静的メソッドとコメント ー [自動フォーマット] vol.4](https://cdn-ak-scissors.b.st-hatena.com/image/square/a092edc21fa668dd8fd9d4117d5f1ea7812f16d6/height=288;version=1;width=512/http%3A%2F%2Ff-site.org%2Fogp_2013.jpg)
無料アンチウイルスソフト「G Data CloudSecurity」、アップデート不要かつ他のソフトと同時導入もOK
G Dataのアンチウイルスソフトは有効期限つきの無料版ソフト以外はすべて有償の物となっていましたが、今回完全に無料で使い続けることのできる「G Data CloudSecurity」が登場しました。 どのアンチウイルスソフトとも競合せず併用可能で、その名の通りクラウドを利用しているため、一度インストールしたらアップデートは不要というお手軽な仕様となっています。 「G Data CloudSecurity」のダウンロードとインストール方法、実際の使い方などは以下から。G Data CloudSecurity - G Data CloudSecurity 「G Data CloudSecurity」が対応しているのはInternet ExplorerとFirefoxの2種類、ブラウザに常駐してフィッシングサイトやマルウェアなどの脅威を検知してくれます。 まずはサイト上部にある「Free Do
ブログのサーバー移転をするときはTwitterへの自動投稿プログラムを止めましょうね・・・ - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
McAnswers
CSSの「word-break: break-all;」と「word-wrap: break-word;」で改行したときの違い - キーワードノート