ChatGPT AIとペアプログラミング
OpenCVを使用して画像から複数のオブジェクトを認識し、切り出すための一般的な手順は以下のようになります： 前処理: 画像を読み込みます。必要に応じて画像をリサイズします。グレースケールに変換するか、あるいは必要に応じて色空間を変更します。オブジェクトの検出: エッジ検出、閾値処理、または色に基づくフィルタリングなどを使用してオブジェクトを検出します。輪郭検出を行い、オブジェクトの境界を見つけます。輪郭の処理: 検出された輪郭をフィルタリングして、ノイズや小さなオブジェクトを除去します。必要に応じて輪郭を近似します。オブジェクトの切り出し: 各オブジェクトの境界ボックスを使用して画像からオブジェクトを切り出します。オブジェクトごとに個別の画像として保存するか、表示します。後処理 (オプション): 切り出されたオブジェクトをさらに処理するためのステップを行います。例えば、オブジェクトのサイ
CSSの新しいプロパティ「field-sizing: content;」が便利！ フォームのサイズを入力された文字量に合わせて自動変更
今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは
シームレスな画面遷移アニメーションの Vue Router を使った実装パターン - Katashin .info
2023年9月19日アニメーション,Vue,Vue Router以下のようにシームレスな（繋ぎ目のない）画面遷移を実装するとしたら、どのように実装しますか？それぞれのカードをクリックするとカードが拡大され、そのコンテンツ全体が見れるようになります。 この実装はカード一覧ページと、コンテンツ全体が見れるページの2ページで構成されていて、画面遷移の処理を工夫することで、シームレスな見せ方をしています。 シームレスな画面遷移は、要素同士の関連性を強調したり、アプリへの没入感を高めるなどのメリットがありますが、実装難易度が高く、コードのメンテナビリティが下がりやすいというデメリットもあります。 本記事では、このようなシームレスな画面遷移を実装する難しさを説明してから、Vue.js を使った実際のコードを交えながらその実装方法について解説します。 シームレスな画面遷移アニメーションの難しさ #シーム
"レガシー"と言われないためのJavaScript再入門
追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現
ChatGPTの精度を上げる、あらゆる質問の最後に置く「命令」 優秀な壁打ち相手を作る、「チャットAI力」の高め方
クリエイターに出会ったり、もっとファンになったり、noteで創作をつづけたくなるようなイベントを開催する「noteイベント」。今回は「チャットAI使いこなし最前線」をテーマに、黎明期からチャットAIを活用しているnote CXOの深津貴之氏が登壇しました。こちらの記事では、ChatGPTユーザーの悩みを解決するプロンプトなどが語られました。 ChatGPTユーザーの悩みを解決するプロンプト 徳力基彦氏（以下、徳力）：まず今日はChatGPTの使い方をしっかり覚えていただきたいと思います。ここで「深津式汎用プロンプト」。 深津貴之氏（以下、深津）：僕は1個1個、個別の例を出すのはあんまり好きではないです。さっき言ったように原理原則を1個理解すれば、全部その原理原則から引っ張れる方向が好きですね。 なので今日も、細かいプロンプトを出すよりは、だいたいあなたの悩みのすべてを解決するプロンプトを1
舌の筋肉が衰えたら『二重アゴ』に！ 写真映えするための鍛え方とは
鏡や写真を見た時、気になる身体の部位の１つが顔の輪郭。 特に、ノドとアゴのくびれがなくなる『二重アゴ』は、顔が丸く見えて嫌に思う人が多いといいます。 漫画家の、いしかわひろこ（@kumainunews）さんは、気になる二重アゴを改善する方法について、Twitterに投稿しました。 二重アゴになる原因として、舌が関係しているといいます。 『たぷたぷ二重アゴすっきり！舌トレ』 【たぷたぷ二重アゴがスッキリ✨舌トレ】 アゴの下のお肉が気になる‼️体重が減ってもたぷつきが全然変わらないのはなぜー😭⁉️ 実はアゴのラインは舌の位置が重要なんです☝️舌を動かすゆるトレでスッキリしたフェイスラインを目指そ✨✨ pic.twitter.com/8GUbksgzWQ — いしかわひろこ@筋肉ゼロでもできるズボラゆるトレ💪重版感謝！ (@kumainunews) March 7, 2023 舌の筋肉が衰え
CSSのsvh・dvhが全ブラウザ対応。iOS・Androidの画面いっぱいに要素を広げる最適解
iOS SafariやAndroid Chromeの画面の高さいっぱいにヒーローイメージを表示するという表現は、よく見かけます。 高さをいっぱいに広げるのに100vhを使うと、不要なスクロールが発生し、意図通りに表示されません。 この問題を解決するために、特殊なCSSを使ったりJSを使ったりと、開発の現場では多くの苦労がありました。 本日（2022/11/30）リリースされたGoogle Chrome 108で対応したsvhを使えば、手軽に画面いっぱいのヒーローイメージを作れます。 Safari・Firefoxでは対応済み、Chromeと中身が同じEdgeは12/1週リリースの108で対応するので、全ブラウザで使える時代が来ます。もちろん、iOS・Androidも対応です。 本記事では、svhの使い方、同様に使えるようになったdvhやsvmaxなどの違い、従来の手法のデメリットをデモを交え
非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個｜苦しんでプログラミングを学んだ柴犬（くるしば）
※こちらの記事がはてブの総合人気エントリに入りました！ こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬（くるしば） (@shiba_program) September 13, 2022 僕は普段はいわゆるPMやエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え
【無料】PCで使える画像生成AIおすすめ3選：精度の高い画像を作るコツ – ワードプレステーマTCD
2022年頃から人工知能「AI」の進化が盛んになっており、私たちが実際に使えるAIサービスも増えてきました。 素晴らしい進化なのは間違いないものの、巷では以下のような声も聞こえます。 AIに仕事が奪われる AIアートなんて価値がない AIが作った画像なんて偽物だ まるで、かつてスマホにGPSが搭載されていると知り「プライバシーの侵害」と騒いだあの頃と同じ、ワクワク感と不安感が新しい時代の到来を感じさせます。 本記事は、PCブラウザで動作し、なおかつ無料から使える画像生成AIを厳選して3つ紹介します。 画像生成AIの仕組みや精度の高い画像を作るコツも解説しているので、ぜひ実際に使いながら新時代の技術を満喫してみてください。 >> 社内マニュアルを作成するならWordPressテーマ「QUADRA」 画像生成AIとは？ 画像生成AIとは入力したテキスト情報を元に、AIが画像を作成する仕組みです
ゲームさんぽの次に見るべきYouTubeの教養コンテンツ
ゲームさんぽが終わってしまった。いや正確にはまだ終わったわけじゃないけど、自分がYouTubeに齧り付くきっかけとなったチャンネルなので、どこか名残惜しい。 ゲームさんぽを知って、こんな「教養のお裾分け」をしてくれるものが転がっているという事に驚き、それからYouTubeで似たようなチャンネルを探し回っていた。しかし素直に「教育」とか「教養」のジャンルを検索しても、出てくるのは中田のあっちゃんかDaiGoか、あるいはアフィリエイトのにおいのするチャンネルで、ちょっと違うなぁという感じ。とりあえず興味のあるものを片っ端から再生して、関連動画にサジェストされるものを集めて回った。 良い機会だと思って、その中から特に気に入ったものをリストアップしてみた。選出の目安は次のとおり。 ・その道の専門家またはマニアが関わっていること ・参考文献が明示されていること ・どちらかというと、素人でも取っ付きや
Chat GPTの完全な上位互換！Bing AIの面白い使い方まとめ｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
テレビ番組で特集されるなどChatGPTへの注目が高まっていますが、その上位互換となるBing AIはもう使われましたでしょうか？ ChatGPTで使われてるGPT3.5というモデルの発展版を開発元のOpenAIがマイクロソフトに提供する形で作られたBing AIは、過去の学習範囲内で回答するChatGPTと異なり、事前学習データ+対話ごとに関連する検索結果を都度読みにいくことで、非常に精度の高く正確な解答をすることが可能になっています。 このnoteではそんなBingAIを時間を忘れて使い倒してみた自分が特に面白いなと思った使い方をジャンル別に紹介します。 仕事SpotifyとApple MusicのARPUを聞いたらWeb上の開示情報から比較数字を提示してくれ、さらにSpotifyの方が低い理由も仮説を提示してくれました。 Bing+GPTが凄すぎて深夜3時に興奮が止まらなくなってる。
Webシステム開発で関わる技術のまとめ(2022年に知った物) - Qiita
はじめに Webシステムの開発に携わりたくて転職して9か月，知らない事ばかりで日々勉強しております。 自分の勉強用メモとして知っておくべき技術をまとめようと思いました。 (こちらの記事にインスパイアされたものです) 技術用語について，なるべく2～3行で概要を説明できる事を目指しています。 情報が多過ぎるので，主流な技術は見出しを赤字にしています。(主観強め) また，今後需要が増えそうな技術は青字にしています。(かなり主観強め) とはいえ，新しい技術が登場すれば，数年でトレンドが変わってしまう事も多々あると思います。 ほとんどはあくまでも初心者がネットで情報をかき集めた程度のものです。 誤りがあればご指摘，ご意見など頂きたいです。 ※2023/2/6追記 不正確・不十分だと思った記載はひっそりと随時修正しています。 また，「そういえばこんなんあったな」という項目も追記しています。 あと，自分
【総数6285件】BANNER LIBRARY | デザインの参考に！おしゃれなバナーだけを集めたギャラリーサイト
ポカリスエットが史上初の月面到達飲料を目指す「LUNAR DREAM CAPSULE PROJECT」のロケットが、明日打ち上がります。 イベント・メディアかっこいいシンプル高級感・きれいめ
『SpreadSheet』が使える人のための『ChatGPT』仕事術『＝GPT関数』（神田敏晶） - エキスパート - Yahoo!ニュース
KNNポール神田です！ 昨年、2022年11月30日にデビューした非営利法人『OpenAI（サム・アルトマンCEO）』のAIチャットサービスの『ChatGPT』が話題になっている…とよく言われるようになった…。 出典:GoogleTrends …とはいえ、どのくらいかといえば『ガーシー議員』と比較するとまだまだ大したことはない…。現在は話題の落ち着いた『ガーシー』を抜いた程度というのが現状だ。 知っている人と知らない人の差が大きいサービスとも言える。 出典:GoogleTrend それでも、日夜、いや、毎秒ごとに、進化しつづける、ChatGPTだが、Chromeのプラグインとしての活用は検索をしながら、GPTにも確認ができるようになった。 ■『ChatGPT for Google』という機能拡張が便利！ 出典:Chromeウェブストア GoogleのChromeなどにこのプラグインを入れる
Twitterの力を借りて“神がかってる短編集”を集めてみた!! - 俺だってヒーローになりてえよ
はいどうも、読書中毒ブロガーのひろたつです。 今回は短編集にスポットを当てた企画である。 好物。それは短編集 私は短編集が好きだ。 もちろん長編も好きなのだが、短編集の面白さには独特のものがあると思っている。 短編というのは短いからこそ、そこに作者の「力量」や「アイデア」が色濃く反映される。 これはちょっと伝わるか微妙なのだが、短い文量だからこそ作者が普段見ている「視野」を強く感じる。脳の中身が出てる感じする。それが、たまらなく好きなのだ。 短編集は報われない とにかく短編集は売れない。それなのに作家の負担は大きい（アイデアを出す総量が増える）。 売れなかったとしても、せめて文壇に評価されれば…と思うが、大きな文学賞を穫ることもめったにない。本屋大賞にギリギリでノミネートされるぐらいだ。本屋大賞は文壇じゃないか。 そんな「一生懸命で可愛いけど報われない」という、いじらしさの同義語みたいなも
便利なのが登場！ 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi
【保存版】Perfect Pixelを使ってピクセルパーフェクトを実現する手順＆デザインとの“ズレあるある6つ”の解決法
個人的には「あくまで手段の1つ。1pxのずれもなくコーディングすることが目的ではなく、デザインのルールに則った実装ができているかのチェック手段」という位置付けで良いと思っています。 そのため本記事では、まずPerfect Pixelを使用して“ズレをチェックし解決する方法”を解説しますが、記事の最後ではどこまでデザインに合わせるべきかの考え方もお話ししています。 ゴールとして、自分なりのピクセルパーフェクトへの向き合い方を持ってもらえればOKです！ ピクセルパーフェクトとは「デザインデータ」と「コーディングデータ」見た目の数値（px）のズレがないようにすることです。 以下は今回紹介する方法でデザインデータとコーディングデータを重ねて表示したものですが、メインコピー部分が大きくずれていますよね。 このズレを解消し、デザインデータとコーディングデータでずれのないようにコーディングすることを「ピ
実務1年半が転職ドラフトで、指名18件＆約700万内定を獲得した話【web試験・コーディング試験・面接対策あり】 - Qiita
実務1年半が転職ドラフトで、指名18件＆約700万内定を獲得した話【web試験・コーディング試験・面接対策あり】ポエム転職転職活動面接転職ドラフト 初めに タイトルにもあるように、Web開発の実務経験１年半程だった私が 2022年の某月回の転職ドラフトに初参加したところ、まさかの 指名18件獲得 年収約700万円の内定獲得 を実現することができました。 当初は、せめて指名が3件程きて願わくば年収500万円の内定を獲得できれば嬉しいな・・くらいの温度感だったのでこれは正直かなり予想外でした。 転職ドラフトを実際に利用してみて、非常に素晴らしいサービスだと感じたので、 今回は転職ドラフトでの転職体験と、面接やコーディング試験の対策をどのようにしたのか等をご共有できればと思います。 どの程度のスキル感でどのような指名が来るのか・・等、 転職ドラフトでご転職を考えられている方のご参考になれば幸いで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペOK！ChatGPT×英語学習に使える「深津式プロンプト」
グラフィティアートをIllustratorで作成！ | CONNECRE