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を上
使いこなして効率アップ！ ChromeのデベロッパーツールでCSSを検証する方法 - ICS MEDIA
ウェブ制作をする上でCSSでのスタイルの記述は必須ですが、意外とデバッグが難しくデザイン通りに実装するには手間がかかります。 そんなときに活躍するのがGoogle Chromeの「デベロッパーツール」です。視覚的にCSSのスタイルが確認、変更できるので、うまく活用することでCSSのデバッグを迅速に行うことができます。 この記事ではデベロッパーツールでCSSをデバッグする方法や便利な機能などを紹介します。記事で使用しているデモは以下のリンクから確認できるので、実際にデベロッパーツールで操作しながら読み進めてみてください。 サンプルを別ウインドウで開く ソースコードを確認する 1. DOMのスタイルを確認 / 変更する デベロッパーツールでは、画面上でスタイルの確認、変更ができます。 (1)デベロッパーツールを開く まずはGoogle Chromeを開きます。 確認したい箇所を右クリックし、［
デベロッパツールの新機能が便利！ そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる
デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携わる人なら、この機能をオンにしておいて損はないでしょう。 display: flex;ではないのにFlexboxのプロパティを設定 ほかにも、widthを設定したのに効かないときは、それインライン要素ですよ、と教えてくれます。 インライン要素にwidthを設定 デベロッパーツールのこの新機能は「Find inactive styles」と呼ばれるもので、要素に適用されている非アクティブなスタイルを見つけることができます。 Find inactive styles -Ca
覚えれば一生もの！ ウェブエンジニアのための正規表現活用入門 - ICS MEDIA
正規表現は文字列の検索や置換を行うための強力で便利なツールです。基本をマスターすれば開発から日常の事務作業までさまざまな場面でラクをできる魔法の道具ですが、見た目がちょっと分かりづらいので、避けている方もいるのではないでしょうか？ 筆者の個人的観測ですが、とりわけフロントエンドのエンジニアには正規表現に苦手意識を感じている方が多いようです。 この記事では正規表現の基本と、正規表現がどこで使えてどれだけ便利になるのかを紹介します。 正規表現の基本：正規表現ってそもそも何？ 正規表現（regular expression）は、ごく簡単にいえば「さまざまな文字列のバリエーションをひとつの文字列で表現したもの」です。たとえば、郵便番号の7桁の数字には（実際に使われていないものも含めれば）一千万通りのバリエーションがありますが、正規表現を使えば次のようにひとつの文字列で表現できます。 ▼「7桁の数字
head内でパフォーマンスの問題がある箇所、Webページのレンダリングを妨げる要因を明らかにするCSS
Webページのレンダリングを妨げる要因、<head>タグ内でレンダリングをブロックしているCSSやJavaScript、サードパーティーのリソースなどを表示して、どこを修正すればよいか教えてくれるCSSのスニペットを紹介します。 ちなみに下記のグリーンは問題なし、レッドはエラーで対応が必要、オレンジは特定のシナリオで問題が発生する、です。 ct.css ct.css -GitHub ct.cssの特徴 ct.cssのデモ ct.cssの使い方 ct.cssの特徴 <head>内にあるタグは、ページのレンダリングを妨げる要因となる最大の箇所で、正しい形式であることは非常に重要です。ct.cssは、Webページの<head>タグ内に潜在するパフォーマンス上の問題を明らかにするCSSのスニペットです。 ct.css ct.cssの使用にあたっての制限事項は、下記の通りです。 一致しないmedia
GitHubのサービスを駆使してウェブサイトの死活監視が無料で行える「Upptime」
ウェブサイトの死活監視サービスは数多く存在しますが、自分でサーバーを用意する必要があったり、監視対象が一定数を超えると有料になったりと、導入に障壁を感じる場合もあります。無料の死活監視ソフトウェア「Upptime」は、GitHub ActionsやGitHub PagesといったGitHubのサービスを使って、簡単にウェブサイトの死活監視を行うことができます。 Upptime https://upptime.js.org/ GitHub - upptime/upptime: ⬆️ Uptime monitor and status page powered by GitHub https://github.com/upptime/upptime UpptimeはGitHub Actionsで5分ごとにウェブサイトの死活監視を行い、ウェブサイトがダウンした場合はGitHubのIssuesに報
Windowsのパスワードを「chntpw」で強制リセットしてログインできなくなったPCを使えるようにする方法
コンピューターにパスワードを設定することは、セキュリティの観点から非常に大切なことですが、そのパスワードを失念してしまったり、前の持ち主からパスワードを聞きそびれてしまったりした場合、コンピューター内のデータにアクセスできなくなってしまう事態に陥ってしまいます。「chntpw」はWindowsのパスワードを強制リセットし、そうした事態を回避することができるコマンドです。 chntpw | Remove, bypass, unlock and reset forgotten Windows password http://www.chntpw.com/ Windowsのパスワードを忘れてしまい、誤ったパスワードを入力すると、画像のように「パスワードが正しくありません。入力し直してください。」と表示され、ログインができなくなってしまいます。 chntpwはLinux上で動作するコマンド。今回は
EmoDan - 緊急事態発生！ネットワークを即時遮断せよ！ MOONGIFT
ウィルスへの感染や、ハッキングなどによって社内のコンピュータが危険な状態に陥った際、まずはそのコンピュータをネットワークから隔離しなければなりません。最近では無線LANを使うのも当たり前になり、LANケーブルを引っこ抜けばいいという訳ではありません。 そこで使ってみたいのがEmoDanです。すべてのネットワークを強制的に無効にしてくれるユーティリティです。 EmoDanの使い方 緊急事態発生！ 処理完了です。 ネットワーク接続がなくなっています。 EmoDanは有線LAN、無線LANに関係なくネットワーク設定をオフにしてくれます。ベースはPowerShellなので、最初のダイアログすら不要であれば、そのようにすればいいでしょう。なお、実行には管理者権限が必要です。 EmoDanはPowerShell製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 t
mp4fpsmod - MPEG4のタイムエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 動画フォーマットとしてMPEG4はデファクトになっていると言えます。スマートフォンでも動画撮影する機会が増え、動画コンテンツが爆発的に増えています。そんな中、動画を編集するツールはあまり多くありません。 例えば動画が音ずれしていた時にどうすれば良いでしょうか。使ってみたいのがmp4fpsmodです。 mp4fpsmodの使い方 コマンドの実行例です。動画の速度を遅くしたり、音声を数秒ずらして実行したりできます。 生成された動画の質は元の動画と見た限りは変わりません。 mp4fpsmodは動画編集の中でも時間に関するものだけに限定して実行できます。流れを遅くしたり、音声をずらしたりできるのが特徴です。動画編集ソフトウェアを使えばできるのはもちろんですが、高価だったり操作が面倒なものが
iPhoneのボイスメモを大音量で聴く方法
iPhoneのボイスメモを大音量で聴く方法を紹介します。 １．問題点 iPhoneのボイスメモで録音した内容を大きい音量で聴きたいのですが、音量を最大にしてもiPhoneに耳を近づけないと聴こえません。 仲間同士でボイスメモを聞きたいときなど、これでは使い物になりません。 ということで、iPhoneのボイスメモを大音量で聴く方法を紹介します。 ２．ボイスメモの録音を大音量で聴く ボイスメモの録音を大音量で聴くには、保存したボイスメモをタップ。 左のアイコンをタップ。 「メモに追加」をタップ。 保存画面が表示されるので、追加するテキストもなく、保存先のメモを選択しないのであれば、そのまま「保存」をタップ。 ホーム画面に戻って「メモ」をタップ。 追加した録音が「1本のオーディオ録音」というサブタイトルで保存されているのでタップ。 再生ボタンをタップすれば、ボイスメモより大きい音量で再生されます
意図しないシャットダウンや再起動を未然に防いでくれるソフトウェア「shutdownBlocker」
By Tom Woodward 誤操作や自動再起動などで進行中の作業内容を失ってしまったという経験は、少なからず誰でもあるはず。そんな意図しないシャットダウンや再起動を未然に防いでくれるソフトウェアが「shutdownBlocker」で、複雑な設定なしでも簡単に使えるとのことなので、実際に使用してみました。 cresstone.com - Apps - shutdownBlocker https://cresstone.com/apps/shutdownBlocker/ shutdownBlockerを使うには、上記URLを開いて「shutdownBlocker v1.2.1.zip」をクリックし、ZIPファイルをダウンロードします。 ダウンロードしたZIPファイルに入っている「shutdownBlocker.exe」を起動。 コレがshutdownBlockerのメイン画面。起動時は「A
WinSCPで文字化けしたときの対処
WinSCPで文字化けしたときの対処方法を紹介します。 １．問題点 WinSCPでサーバに接続したとき、サーバ側のディレクトリやファイル名が文字化けしました。 正常にダウンロードできないため文字化けを直したいのですが、方法が分かりません。 ということで、WinSCPで文字化けしたときの対処方法を紹介します。 なおWinSCPでは、サーバの文字コードがEUCの場合は解消することができないようですので予めご了承ください（2016年9月現在）。 ２．文字化けしたときの対処 WinSCPを再起動し、文字化けするサーバを選択して「編集」をクリック。 （クリックで拡大、以下同様） 「設定」をクリック。 「環境」→「ファイル名をUTF-8でエンコード」が「自動」になっていると思います。 これを「オン」に変更して「OK」をクリック。 「保存」をクリックして設定を保存します。 これでログインすれば文字化けが
WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処
WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処について紹介します。 １．問題点 WinMergeでPowerPointの比較を行ってみたのですが、比較実施時に「エンコーディングエラーにより情報が失われています。」というエラーのダイアログが表示されます。 またそのまま処理を続行すると、文字化けした状態で結果が表示されます。 （クリックで拡大） ということで、WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処について紹介します。 ２．原因 原因はOfficeファイルを比較するための「xdocdiff WinMerge Plugin」の設定がきちんとできていないためです。 ３．対処方法 メニューバーの「プラグイン」→「プラグインの設定」を選択。 「プラグインを有効にする」と「amb_xdocdiffPlu
なくしたスマホを見つけるGoogleの新機能「スマートフォンを探す」を使ってみた
スマートフォンやタブレットなどの紛失時にやるべきことをリスト形式で表示してくれる新機能「スマートフォンを探す」がGoogleのアカウント情報ページに追加されました。 スマートフォンを探す https://security.google.com/settings/security/find-your-phone Google Japan Blog: Google アカウント情報に新しい機能を追加しました http://googlejapan.blogspot.jp/2016/06/myaccount.html 「スマートフォンを探す」のページにアクセスしたら「ログインして開始」をクリック 探したいスマートフォンで使っているGoogleアカウント名(Gmailのメールアドレス)を入力し、「次へ」をクリック パスワードを入力し、「ログイン」をクリック 所持している端末が一覧で表示されるので、なく
PingMenu - 常駐してpingを打ち続けるユーティリティ
無線LANなどは時として調子が悪くなってインターネットに接続できなくなることがあります。アクセスポイントにはつながっているので障害に気付きづらく、とてもストレスを感じます。そんな時、ネットワークの状態確認にpingを打つ人は多いのではないでしょうか。 そこで使ってみたいのがPingMenuです。メニューバーに常駐し、pingを打ち続けるソフトウェアです。 PingMenuの使い方 PingMenuを実行しているところです。 ネットワークがなくなると no routeという表示になります。 PingMenuは設定もあるのですが、特に動かないようです。対象となるサーバはGoogle限定となっています。自分のサーバにしたい時にはソースを修正する必要があるようです。ネットワークがちゃんと生きているか確認したい時に使ってみると便利です。 PingMenuはMac OSX用、Microsoft Rec
Facebookデバッガーとは？ページの内容とシェアされる内容が違う場合の対処法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 やっとのことでリリースしたメディアサイト。 早速投稿した記事をFacebookでシェアしようとしたら、シェアされる画像や内容がなんかちょっと違うなんてことありませんか？ そんなときは、連日のリリース作業で疲れ果てて泥のように眠るエンジニアを叩き起こす前に、まずはどういう状況か把握しましょう。 はじめに まず、Facebookでシェアされる内容については、サイトのOGP（Open Graph Protocol）というものでコントロールされています。 例えば、あるサイトのURLをFacebookでシェアしようとしたとき、Facebook側はそのページの情報を持っていなければ直接そのページにアクセスし、情報を取得・解析したうえで、そのデータをFacebook側が保持します。（スクレイピングといいます） そして、すでにFacebook側が保持しているデータが
Pingo - Find iPhoneをターミナルから実行
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました iOSで使えるiCloudには紛失したiOSデバイスを見つける機能があります。落としたレベルでなくとも家の中で見つからない場合も含め、使ったことがある人は多いのではないでしょうか。 しかしiCloudにログインしたり、地図から連絡したりするのは面倒だったりします。そこで使ってみたいのがPingoです。 Pingoの使い方 PingoはRubygemsでインストールできます。 $ gem install pingo 後はpingoコマンドと見つけたいデバイス名を入れます。iPhone 5sだったらpingo 5s、iPhone 6ならpingo 6になります。今回はiPhone 6plusを見つけます。 $ pingo 6.Plus Trying 17.143.176.37... C
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome to nginx!
Browser Bug Searcher
スマホで動画が視聴できないときは － 動画の視聴確認サイト －