この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。Webデザインをメインにストックイラストレータ、グッズデザインなどしております。 ChatGPTとは ChatGPTはOpenAIが開発した対話型のチャットボットです。質問を入力すると質問に対する回答が出力されます。 今回はChatGPTを使って、効率よくコーディングを進めてみます。 headタグ内のコードをChatGPTで生成しよう HTMLの大枠をChatGPTを使ってコーディングしてみよう グロナビをChatGPTで生成してみよう ボタンをホバーした時のCSSをChatGPTで生成してみよう H

先日、Twitterでスープストック論争が巻き起こっているのをみて、ま〜た色んなところで女の敵は女論やフェミがなんだツイフェミがなんだ言い争ってるんだなぁと思っていたのですが、その中で出てきた「無産様」というワードが想定していた以上に心に刺さってしまって、ちょっとだけ泣いてしまったので、気持ちの整理をつけるために書いています。 誰に見られるものでもない前提ではあるものの、世に放つには随分と乱文になるかと思いますので、もしお読みの方いらっしゃったらご了承ください。 大前提として、スープストックが取り組む施策について、「子ども連れの肩身が狭い」と言われる昨今、すてきな取り組みだと思っています。 それに対して、本当にうれしい！という感想も、無料だと客層大丈夫？という感想が出ることも、いきにくくなるのだとしたら悲しい、という感想が出ることも、それぞれの方の反応なので、それぞれが思っていればよいこと

結論。子持ち同僚のフォローがしんどすぎて会社辞めた。 大変だなあと思うから急な子供の発熱も学校行事にも快く送り出していたんだけど。 もうダメだ。 というか、もう嫌になった。 ずっと、本当ーーーーーにずっと、週の半分以上は遅刻、　中抜け、早退。 それも当日に。 いや、仕方ないんだよ。仕方ないんでしょ。 病気は当たり前に子供全員移る、何なら親も感染して、卒業式だ、入学準備だ、面談、送迎、春休みだからお昼は長めに取りまーす、明日は入学式でーと、びっくりするほど業務時間内に来ない。 当然、その人の仕事はこっちに降りかかる。 大事な会議も当欠。 話し合いの場にそもそも来ないのに、あとからノコノコやってきて「あの件どうなりました〜？」と始まる。 議事録読めと突っ返したこともあったが、読ませても何かと質問してくるのは変わらないのでやめた。 弊社は残業で業務時間を補填できるシステム。 なので配偶者にバトン

TL; DR 東京大学の良き講義資料が無料で見れるらしい 講義の概要、感想をまとめた これから進める人用に詰まったところをまとめた 目次 はじめに TL; DR 講義の概要 講義のいいとこ 何ができるようになるか 受けた方が良さそうな人 進めていく上で詰まったポイント Hands-on2でインスタンスの上限申請を拒否されてキレた話 s3で若干詰まった話 さいごに 講義の概要 まず初めに、この本は基本的にhandsonで構成されてます。 この本の何が良いって、理論に関して少し触れた時に、 くどくど言ってもわからないと思うので、動かしながら確認しましょう とすぐに実践に入ります。 なので、理論をしっかり学びたい、資格勉強のために勉強したいと言う方には向いていないかもしれません。 講義の流れは簡単に言うと以下のようになっています。 クラウド、AWSとは EC2を起動してみよう AWSで機械学習を

東京出身なので地方に住む理由がイメージできない やっぱり生まれたときから住みつづけている人が多いのかな？ でも上京とか考えなかったんだろうか？ なにか住みつづける積極的な理由がないと上京しちゃうよね どんな理由があるんだろう・・・

Webブラウザ上でGPUプログラミングを可能にする「WebGPU」、Chrome 113で正式版に。3Dレンダリングや機械学習など高速処理 GoogleのChrome開発チームは、WebブラウザでGPUプログラミングを可能にするWeb標準「WebGPU」が、4月26日にリリース予定のChrome 113で正式な機能として提供されることを明らかにしました。 WebGPU, one of the biggest additions to the Web platform is finally shipping in Chrome! Many thanks to all Chromium contributors in making this possible.https://t.co/26vmxtQWi1 https://t.co/FKGC3M3FVD — Chrome Developers

Merpay Advent Calendar 2019 の2日目は @1000ch (id:hc0001) がお送りします。この記事は2019年11月16日に福岡で開催された Frontend Conference Fukuoka 2019 のセッション、HTML Optimization for Web Performance の書き起こし記事です。 docs.google.com なぜ HTML の最適化が重要なのか 先日公開された Chromium Blog: Moving towards a faster web をご覧になられたでしょうか。Google は Web ページのパフォーマンスの重要性を様々な形で啓蒙してきましたが、この記事では Chrome のもとになっている Chromium に、Web ページのパフォーマンスをブラウザ UI として表示する機能を追加し、ユーザーが

モデルのジーン・キャンベルが、1枚の下着姿の写真をインスタグラムで公開。この写真が話題になっている。（フロントロウ編集部） ジーン・キャンベル、「大きすぎる」と大手ブランドの仕事がキャンセルに イギリス人モデルのジーン・キャンベルは、人気ブランドのランウェイをウォーキングするだけでなく、バーバリー（Burberry）やスチュアート・ワイツマン（Stuart Weitzman）、そしてルイ・ヴィトン（Louis Vuitton）などのブランドの広告塔を務めたこともあり、models.comの「トップ50」モデルにランクインするほどの人気モデル。 そんな人気モデルであるジーンが1枚の写真を自身のインスタグラムにアップ。その写真は、下着姿で撮られた何気ない写真だが、この写真が反響を呼んでいる。 じつはこの写真、ジーンがある大手ブランドから「大きすぎる」という理由で仕事をキャンセルされた夜に撮られ

著者のNick Babich氏のデザインへのAI活用事例記事が非常にわかりやすく面白い（かつ英語が読みやすい）ため、今日も氏の記事を読んでいきたいと思います。 少し長い記事なので今回も分けてまとめたいと思います。 本日もよろしくお願いいたします。 ユーザーリサーチにChatGPTを使うユーザーリサーチはデザインプロセスの中でも基盤となるものです。 チームがここに力を注げば注ぐほど、ビジネスにおける成功確率は高いものとなるでしょう。 この記事では、ChatGPTがユーザーリサーチや市場調査の役に立つかどうかについて探究しています。 内容を具体的に議論するため、アメリカ市場における新しいホテル予約アプリのリサーチを行ってみました。 ※注意※ ChatGPTは完璧に現実のリサーチャーを代替できるものではありません。 リサーチの効率化へのアシスタントとしての使い方が最も適しています。 プロダクト制

<search>要素がHTML Standardに追加されました。私も初めて出会う要素になるわけですが、とても良い機会なので、私が要素を調べる際にどうやって調べて学んでいるのかを共有したいと思います。これは新しい要素に限らず、既存の要素の調査に応用できると思います。また、初学者はもちろん、マークアップを生業としている方にも参考になると思います。 新要素追加の経緯を調べる まずはHTML StandardのGitHubのPRからスタートするとよいでしょう。議論や更新はGitHubで行われています。たとえば、今回の<search>はAdd the <search> element #7320というPRによって更新されました。 そもそも更新自体のキャッチアップ方法はクローズされたPRを更新順にして確認してもいいですし、更新のみをツイートしている@htmlstandardのTLを確認してもいいと思

GPTはじめ大規模言語モデルの登場により、MLシステム開発にもパラダイムシフトが起こっています。流れが速すぎてやや混沌としてきたので、プロンプトエンジニアリングの考え方をはじめとした新しい概念について有用な引用と共に交通整理をしてみました。 今から始めたい人はまずこれを読むと、どんな点に配慮すべきかがざっくり分かるかと思います。

私はこれまで６年間日本で働いてきましたが、昨年11月にプロフェッショナル・スクラム・トレーナーになってから、日本のスクラムやアジャイル開発の現状と今後の展望についてよく質問を受けるようになりました。そうした質問に触発されて私自身もこのテーマについて掘り下げて調べたり考えたりするようになりましたので、この記事にまとめました。（English version here） スクラムとアジャイル開発の現状 1986年、当時 一橋大学教授であった野中郁次郎氏と同大学の竹内弘高氏は「The New New Product Development Game」(Harvard Business Review) という非常に有名な研究論文を発表しました(1)。この論文は日本企業による新製品開発プロジェクトの成功事例を紹介すると共に、これらのプロジェクトに共通する特徴として「自己組織化されたチーム」「開発フェ

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。サイエンス統括本部でデータ分析による社内サービスの課題解決支援をしている関口です。 ヤフーではたくさんのABテスト（※1）が常に行われており、サービス改善に活かされています。しかしながら実際には、さまざまな理由からABテストができないことがよくあります。本記事では、そのような場合にどのようにして施策の効果を評価・推定するかについて、具体的なケースからアイデアを紹介していきます。 なお今回はYahoo!ショッピングを題材にしたケースばかりですが、アイデア自体は汎用的なものとなっています。 ※1： ABテストはウェブサービス上のUI改善、機械学習モデル改善、機能追加etc.といったさまざまな施策が、KPIにどれくらいのイン

著： 神谷圭介 10年前まで住んでいた町へ向かう。引越してからは一度も立ち寄っていない。大学を卒業して半年後に住み始めた町が練馬区の平和台だった。友人とシェアするかたちで借り始めた部屋は３DKで月々8万4000円くらいだったから、折半して1人4万2000円。なるべく広い部屋が良かった。 自分はテニスコートというコントグループのメンバーであり、当時は結成も間もなく大学を出てからもコント公演を続けていくつもりだった。作業スペースや衣装とか小道具などの置き場が出来るだけ欲しかったのだ。 1人で狭い部屋を借りるよりも広くて快適だった。お互い全く気を使わなくて済む関係だったのも良かった。まさかそのまま6年間も住むことになるとは思わなかったが、なんならもう一回更新しても良かったくらい快適だった。 ただなんとなく「さすがに8年も一緒に住むことなくない？」という話になり、なんとなく共同生活は解散になった。

この前、公園を散歩しながらスマホでウイークリー落合の番組を聞いていたら、そこで落合さんがChatGPTに謎の呪文？コマンド？のようなものを入力していた。 https://newspicks.com/movie-series/87?movieId=2528 その時はまったく意味がサーパリ分からなかったので、まったく意識に入ってこないでスルーしてしまった。 清水さんのnote記事によれば、新登場したGPT-4で物語を作って遊んでいたら、落合さんから例の呪文？が送られてきたそうだ。 それを入力したら何か物語の筋書きが生成されたらしい。 GPT-4使ってみた コマンドを転載させてもらうが、このようなものだった↓ #&#91;このコンテンツは &#91;Goal] を SeekするためのTemplateです］ - &#91;コンテンツの詳細]: - &#91;Goal]： - Goalを達成するため

NewsPicks エンジニアの中村です。普段はデータ基盤や機械学習システムの開発、運用をやっています。 さて皆さん、すでにChatGPTは使っていらっしゃるでしょうか。エンジニア、非エンジニアを問わず世の中を席巻している感のある ChatGPT ですが、今月初めにいよいよ API も公開されて、アプリケーションやサービスに組み込みたいと考えている方も多いのではないでしょうか1。 というわけで、弊社でもこの新しい技術をより多くのエンジニアに使いこなせるようになってもらいたいと考え、ChatGPT API に関する社内勉強会を先日開催しました。本記事ではこの勉強会の内容を再構成してお届けします。 とりあえず使うだけなら簡単な ChatGPT ですが、本記事では、長文を扱ったり、ChatGPT と外部のシステムを連携させたりするテクニックなど、知っている人はすでに知っているが、まだそれほど広く

はじめまして、sonesuke(https://twitter.com/sonesuke)です。 LLMにどっぷりハマっています。 TL; DR 16のプロンプトパターンを日本語の例をつけて、まとめてみた。 読んだ論文はこれ。 https://arxiv.org/pdf/2302.11382.pdf より高度なプロンプトエンジニアリングの話題はこちら プロンプトパターン 1. メタ言語パターン: The Meta Language Creation いつ使うか？ 自然言語ではない方が、より簡潔で明確に表現できるとき プロンプトコンセプト 例 原文プロンプト “From now on, whenever I type two identifiers separated by a “→”, I am describing a graph. For example, “a → b” is des