私自身、物事を分かりやすく伝えるスキルを身に着けるため、手あたり次第に、いくつかノウハウ本を読んだり、YouTube動画を観たりしてきました。本記事では、本や動画から得られたノウハウや、私が普段の仕事で発見した個人的に使っているテクニックをまとめてみました。 0 本記事の最重要ポイント 本記事がストックの墓場に行ってもいいように、本記事の最重要ポイントだけ先に伝えておきます。 質問に答える時は、聞かれたことにシンプルに答える。 事実と解釈を分けて話す。 1 本記事で伝えたいメッセージ 1-1 コミュニケーション能力の苦手意識はノウハウで解決する ITエンジニアの裾野が広がるにつれて、SNSでも「コミュニケーション能力の低いITエンジニア」の話題をちらほら見かけるようになりました。いわく「これからはITエンジニアにもコミュニケーション能力が求められる」「プログラミングができるだけでは生き残れ
裏紅白歌合戦2020
審査員 深田えいみ 芦田愛菜 有吉弘行 J.Y.Park 鬼越トマホーク ヒコロヒー 岡口基一仙台高裁判事 田中卓志（アンガールズ） 天馬まゆみ（水野美紀） 中田カウス 結果発表 ： 浜田雅功 スタッフ ラジオ実況 ： 長州力 リモートシステム開発 ： 「99人の壁」スタッフ エキストラ派遣 ： 「99人の壁」スタッフ 大道具 ： もう中学生 集計 ： 吉川友 人選承認 ： 菅義偉 フリー素材提供 ： いらすとや ： スタジオジブリ その他 ： TOKIO 会場 ： 日本各地の名店（の跡地）を結んでのリモート中継 裏紅白チャット（12/31 19:30～） 2020・おもな、選に漏れたかたがた 和田アキ子／Mr.シャチホコ／りんごちゃん／どぶろっく／EXIT／ＲＧ／AMEMIYA／ コウメ太夫／おぼんこぼん／森脇健児／ゴールデンボンバー／北島三郎／五木ひろし／ 氷川きよ
7/28に追記しました一番下にあります あと文章を一部修正しました 概要3年前にこんなのを書いたんですけど anond:20180624003725 20代前半女性版が必要になったので作りました！ ルール年齢以外は前回と同じです 調査対象ブランドはWEARのこのページで投稿数が10000以上の321ブランドこれ以上はやる気ないし必要性も感じないです前回より87ブランド増えていますそのブランドでコーデ検索をすると「そのブランドのアイテムを1つ以上使用したコーデ」が出るので、それを「性別：レディース,ユーザー：その他ユーザー,年齢：22歳～25歳」という条件で絞り込んだ結果件数を「20代前半女性による投稿数」とします その他のユーザーで絞り込むのはブランドの宣伝用アカウントやブランドPRに協力していることもあるWEAR公認ユーザーなどを除外するためです20代前半と言いつつ20～24歳ではなく2
最近「下手な大卒より高卒のほうが雇用市場で人気がある」という記事が出ていた1。この現象について、ある𝕏erは「日本は高卒で得られる程度の知識で足りるような産業しかなくなったということなんでしょうね。日本、終わっている」と日本特有の現象としている。 「大卒＝負け組」の時代到来!? 超売り手市場で「高卒就職者」の需要が急増！ https://t.co/qYzQoPqi5k 「下手に知恵を付けている大卒者より、高卒者の方が伸びしろが期待できる」もはや日本は高卒で得られる程度の知識で足りるような産業しかなくなったということなんでしょうね。日本、終わっている — 田口善弘 (@Yh_Taguchi) July 23, 2023 しかしながら、「下手な大卒より高卒のほうが所得が高くなる」という話は、実はアメリカでも同じような現象が見られ、日本に限った話ではない。むしろ、アメリカでずっと言われていた現
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
【10/18 翻訳完了】 ※StableDiffusion記法で書かれたプロンプトについて、()は{}に（5%強調）、{}は[]に（-5%強調）置換しています（NovelAI用）。また、NovelAIのプロンプトのプリセット機能はオフにしてお試しください。 Twitter (@31pi_) もフォローして頂けるとうれしいです。（間違い等あればこっそり教えてください） 元素法典 The Code of Quintessence ―― Novel AI 魔術全集 ―― 序文『元素法典』は、全ての高品質な術式と〈元素魔術〉を含めることを目的とする魔導書である。〈元素魔術〉とは、特に「商業イラストレベルの表現力を追求した」美しい絵を指す。 本書は、すべての人に開かれた書物である。したがって、聡明な読者諸君らの編み出した魔術の寄稿を歓迎する。 本書には、膨大な術式と豊富な挿絵が含まれている。その中か
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
ちょっと前に話題になっていたこの記事を読んだ。 honeshabri.hatenablog.com へー真似しよ〜と思ってやってみたら意外に難しくて謎のやりがいを感じ始めてしまい、仕事のクソ忙しい時期にかなりハマり睡眠不足で生命の危機を味わった。 おかげで寿命と引き換えに自分のAIお姉ちゃんを手に入れることができた。これは黒魔術か何かなのだろうか。 一通り終えて振り返ってみると、今まで生成AIをあまり積極的に触ってこなかった自分にとってはちょうどいい難しさの課題で、これは入門者向けのチャレンジとしてかなり良い気がする。 元記事に書かれていない少し細かい手順も含めてやったことを記録としてまとめようと思う。 初心者が試行錯誤でやったことなので誤りや非効率な手順もあるかもしれないけどご了承ください。 AIお姉ちゃんの姿を作る 元記事では「魂」、つまりChatGPTの設定から始まっているけど、それ
テキストエディタのデータ構造 Gap method Piece Table method Piece Table の構造 Piece Table の実装 Piece Table のメソッド まとめ テキストエディタのデータ構造 テキストエディタで採用されているデータ構造にはいろいろあります。 こちらの論文 Data Structures for Text Sequences では各種データ構造について比較検討されています。 多くは、Gap method や Piece table method をベースにしたものが多いのではないでしょうか(図で言う最下部の中心の丸印に当たります)。最近では Rope なども有名ですね。 Gap method Gap method では、現在のカーソル位置で、テキストバッファを2つに分割し Gap を間に挟み、カーソル位置に対する編集(テキスト追加/削除)を
はじめに 自分が fukabori.fm を配信しているのもあるけど、インプットソースとしてポッドキャストをよく聴いている。この記事では、聴いてるポッドキャストをサクサク紹介していきたいと思う。 基本はTech系ポッドキャスト。たまに、違ったのをちょいちょいぐらい。 実際に以下で書いてないポッドキャストもあるけど、少なくとも5エピソードは聴いたかな、ってものを紹介していく。 ポッドキャスト列挙、コメントつけて 以降は A-Z 順で、自分のPodcastクライアント(Podcast Addict)でSubscribeしているものを順番に。 ajito.fm suzukenさんが主宰しているポッドキャスト。VOYAGE CTOの makoga さんがよく登場する。技術的に濃いネタから、組織的なネタまで幅広い。 すごく印象に残っているepは ajitofm 29: Chiki Chiki Mon
日本は「もう終わった国」なのか…H&M、GAPなどが“閉店続々＆撤退ラッシュ”で、外資系アパレルチェーンに「日本が見限られた」！（現代ビジネス） - Yahoo!ニュース
外資アパレルチェーンの中でもしっかり日本に定着したと思われていた「H＆M」や「GAP」の閉店が相次ぎ、「ZARA」を主力とするインディテックスも若向けの「Bershka」やフェミニンな「Stradivarius」の全店を閉め、「ZARAHOME」や「ZARA」さえ次々と閉めている。 【写真】「日本のどこがダメなのか？」に対する中国ネット民の驚きの回答…！ 振り返ってみれば外資アパレルチェーンが続々と進出したのは13年までで、以降は進出が途絶え、15年以降は撤退ばかりでコロナ禍以降は閉店が急増し、21年の国内合計売上はピークの15年から半減してしまった。 外資アパレルチェーンはこのまま撤退が加速して日本から消えてしまうのだろうか。あながち杞憂とは言えないと流通ストラテジストの小島健輔氏が解説する。 見限られる日本市場 米ギャップ社はテラスモール湘南の「GAP」大型店(1300平米)を8月15
DBのロックについてあまり意識したことがない人に向けた実は覚えておきたいロックについての知識 - CARTA TECH BLOG
みなさん、おはようございます！ CARTA fluct エンジニア の なっかー@konsent_nakka です。 CARTA TECH BLOG アドベントカレンダー 12/14ということで、普段DBのロックについてあまり意識したことがない人に向けた実は覚えておきたいロックについての知識をざっとまとめてみました。 とりあえずこれだけ読んでおけば最低限は困らない、もし何か困った時にはあそこで出てきた内容をもう少し深く調べて見るか、というきっかけになれば良いなと思います。 厳密な定義よりも普段DBを扱う中でロックについてあまり意識したことがないような人にもすっと入ってくるように簡単な表現を優先して書いていますがご了承ください。 目次 留意事項 排他ロックと共有ロック トランザクション分離レベル SELECTのロックレベルを変更する 共有ロック: LOCK IN SHARE MODE 排他ロ
TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエンドエンジニアの間でjQuery氏の入庁について「モダンブラウザ全盛の時代に必要か？」と疑念がとなえられていたので、これも追求してゆきたい どのような変更があったのか システム変更の経緯はプロジェクトの関係者であるHal Sekiさんの発言が正確なところだと思う Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきて
こんにちは、あとかです♪ 私は「吹き替え派」のせいか、邦題がカッコいい映画が好きです。 最近は英語教育が行き届いてきて、洋画の原題の英文のまま使っているケースがとても多くなった様に感じます。 昔は、マーケティング戦略のために流行っている言葉を無理やり使ったり、関係のないヒット作の続編の様に見せかけるためだったり、原題と似ても似つかぬ邦題がつけられると言う、悪しき例も確かにあります。 ただ、それ以上に日本語の美しさを存分に発揮した「名邦題」も、数多く存在します。 今回は、邦題が素敵すぎて、原題とのGapが大きすぎる映画20選について、ご紹介します。 なお、それぞれの原題を直訳していますが、私の語学力では限界がありますので、翻訳サイト（アプリ）に頼っています。 邦題が素敵すぎて、原題とのGapが半端ない映画 「天使にラブ・ソングを…」 「俺たちに明日はない」 「今そこにある危機」 「セッション
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
デザイン思考が生んだ、問題解決というデザインの「誤解」 イノベーションを促進する方法として、2000年代のビジネス界に瞬く間に広まった「デザイン思考」。しかし、そのなかで「デザインは問題を解決するためのもの」という誤った意識が強まってしまったと、あるデザイナーは警告する。 2023.06.01 アップルの台頭とともに高まった企業のデザインへの関心。 その流れを追い風に広まったのが「デザイン思考」ではないだろうか。 しかし、そのなかで「デザインはアップルの成功を追随させてくれるもの」「デザイナーは問題を解決する人」という認識も強まってしまい、デザイナーの役割を窮屈にしててしまった——ノースカロライナ州立大学グラフィックデザイン学科助教授で、自身もデザイナーのジャレット・フラーは言う。 では、デザイナーの真の力を発揮するためにもつべきマインドセットとは何か？ フラーはスウェーデン政府イノベーシ
IntroductionToday, June 21, 2022, Cloudflare suffered an outage that affected traffic in 19 of our data centers. Unfortunately, these 19 locations handle a significant proportion of our global traffic. This outage was caused by a change that was part of a long-running project to increase resilience in our busiest locations. A change to the network configuration in those locations caused an outage
2021年になりましたね。 矢倉眞隆（myakura）です。ウェブ標準やブラウザに興味のあるウェブ開発者です。gihyo.jpでは2009年に「Web標準とその周辺技術の学び方」という連載をしていました。 今回は昨年の泉水さんに代わり、2021年のウェブ標準やブラウザの動向を占おうと思います。2020年は世界もブラウザもそれなりに大きな出来事がありましたので、2020年の動きをまずおさえ、そのうえで2021年はどうなるのかを考えてみました。 W3Cのプロセス改訂でLiving Standardライクな仕様の改訂が増えていく W3Cは2020年9月に、新しいプロセス文書と特許ポリシーを公開しました。 新しい文書プロセスはW3Cの組織の定義や標準化の流れ、意思決定などについて定めた文書です。ここ数年は毎年更新されていますが、2020年はこれまでと比べて最大級とプレスリリースでもうたわれています
あっ、そうだ！モダンCSSをまとめておこう
2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー
こんにちは、エムスリーデザイングループでチームリーダーをやりながらエンジニアリングGも兼務しているプロダクトデザイナーの大月です。 私が所属しているエムスリーのデザイン組織は以下２つの強みがあります。 多様性 スピード 特に日々の業務では"スピード"をとても大切にしており、 デザインを早くすることで、検証回数を増やし、PDCAを多く回し、価値創造を加速することを意識しています。 こうしたエムスリーのスピード文化から、日々の業務を効率化できるFigma活用法もデザイナーのみんなで学びあっています。 今回は、エムスリーのデザイナー間で話題になった、意外と知らなかった、知っているだけで日々の業務が一気に楽になった！というFigma活用術を紹介します。 少しでもFigmaでのデザイン作業をスピードアップさせたい方の参考になれば幸いです！ 爆速のための3種の神器 1. 秩序をつくる ファイル構成とコ
ゆめみのフロントエンドコーディング試験の題材で React の勉強をしました - Mitsuyuki.Shiiba
ちょっと前にツイッターで見かけた、ゆめみのフロントエンドコーディング試験 フロントエンドコーディング試験 「RESAS API を使用して、都道府県別の総人口推移グラフを表示するSPAを作る」っていうお題 React の勉強をするのにちょうどいい題材だなぁって思ったのでやってみた。課題を公開してるってことは「やってみてもいいよ」ってことかなと思ってるんだけど、もし違ったら GitHub のリポジトリーを private にするので連絡ください 1週間でやらないといけないところを2ヶ月近くやってるし、コミットログも特に何も考えずにポイポイ書いたから、全然だめなんだけど、でも、色々勉強になったので、とてもよかった。楽しかったー！ つくったもの こんな感じ これでおわりにするー pic.twitter.com/K8zhrRUp54— Mitsuyuki Shiiba (@bufferings)
アイコンやスライド作成など、デザイナーに限らずちょっとしたデザインをつくる機会はありませんか？ そんなとき、Figmaのプラグインを使うと、いつもより少し凝ったデザインを手軽につくることができます。 今回は、画像加工やあしらいをつくるときに便利なプラグインを8個紹介します。2024年6月時点で、すべて無料で使用できるので気軽に試してみてください。 Figmaのプラグインを使ったことがないという方は、以下の記事で使い方を紹介していますので参考ください。 『Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選』 1. Noise & Texture Noise & Texture | Figma 「Noise & Texture」は、ノイズやさまざまなテクスチャーを画像として作成できるプラグインです。 プラグイン実行後、設定パネル内の［Add to Canvas］をクリックすると
はじめに みなさんこんにちは。Sansan事業部プロダクト開発部のiOSエンジニア荒川です。 以前はRDBMSの記事*1を寄稿し、好評いただいたこともあり、定期的に車輪の再発明系の記事を書いていこうと思います。 さて本日はタイトルの通り、VimやEmacsに代表されるターミナルで動作するインラインテキストエディタをGoで開発してみました。 ソースコードは以下のリポジトリに置いているため、ぜひ参考にしてください。 github.com 完成品 文字だけだとイメージも湧きにくいので、まずは完成品をお見せします。 最低限エディタの動きは出来ている、というレベルの完成度ですね🙏 特徴 1000行インラインエディタ 文字入力/挿入/削除 画面スクロール キーボードショートカット ファイル読み込み/保存 Goのコードハイライト機能 実装の方針 今回はただ開発するだけではなく、いくつかのこだわりポイン
Kaggleアドベントカレンダー2023の19日目の記事です． TL;DR データ分析未経験からkaggleでどんなことを学んだか 想像していたデータ分析と実業務とのGap kaggleやっていて良かったこと、kaggleでは学ばなかったこと はじめに 趣味でkaggleを始めたことをきっかけに、現在はデータ分析の仕事をしています。 Muj!rush!というアカウントでKaggleをしています。Kaggle expertです。 kaggleを始めてから3年程度経過したので(この3年間は、地球の公転が早まってんのかってくらい時間が経つのが早かったです)、これまでを振り返ることで、今後kaggleを始めてデータサイエンティストを目指すような方への参考になれば幸いです。 Kaggleと出会ったことで仕事への向き合い方や、今後のキャリアの考え方が変わったので、 僭越ながら一言だけ言わせてもらうと、
徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳しく紹介します。「Auto Layout」はデザインを効率よく進められるだけでなく、デザイン段階でHTML・CSSコーディングの参考になる情報を追加できます。 デザイン段階での使い方はもちろん、Figmaでデザインを受け取ったエンジニアがどう考えて実装していくべきかまで紹介します。デザイナーはもちろん、Figmaで作られたデザインファイルを受け取る可能性があるエンジニアの方も是非ご覧ください。 Auto Layoutとは 「Auto Layout」とは
ホロライブとbilibili、台湾についての理解を可能なかぎり書く - izumino’s note
panora.tokyo バーチャルYouTuber事務所「ホロライブプロダクション」所属の赤井はあと、桐生ココが活動を復帰した10月19日から、一ヶ月が過ぎた。加えて、ホロライブCNの事実上の解散も先日報じられたばかりだ。 その発端となった出来事に対して、VTuberに注目する人々の多くが無関心でなかっただろうし、全く無関係でいられた彼女たちのファンも少なかったろうと思う。 ただ、自分がこの記事を書く動機は、外野も一部のファンもアンチも問わず、「知るつもりも調べるつもりもなく、ただ自分が気持ちよくなりたいだけの理由で問題を大きくすることに参加した人々」に感じる、言葉にしがたい残念さにある。 複雑な政治的問題が絡むため「難しい話題」だということは承知していても、「難しい」というのは「知ることも調べることもできない」という意味ではない。 無知と無学のために沈黙するならまだしも「自分が気持ちよ
ファンタジーの世界観設計における世代間格差を感じた話 - swatanabe’s diary
ちょうど本棚に「ダンまち」が見えたので、同作を例に話をスタートしましょう。 筆者は「ダンまち」の1巻を初めて読んだとき、スキルやステータス（作中ではステイタス）という概念が登場した点に違和感を抱き、しばらく拭い切れませんでした。こうしたゲーム的な概念がファンタジー世界で所与の設定となっている点に、ピンとこなかったからです。 通常、人間の能力が数値化され、一定以上の経験値を溜めたら自動で上昇する、ということはありません。現実世界ではもちろん、ゲーム以外の創作の世界でも。そもそも人間はそういう存在じゃないからですね。 「ダンまち」はそこを神様たちの恩恵という設定で補うわけですが、ファンタジー世界に「能力の数値化」「自動成長」「レベル」といったゲーム的な構造が持ち込まれている点に、最初は正直、納得感がありませんでした。 スキルも同様で、どうにもしっくりこなかったです。人間にとって戦闘技術や魔法は
Raspberry Pi(ラズパイ）にMotionを入れて動体検知機能付きの監視カメラを作る - 親子ボードゲームで楽しく学ぶ。
前回から間があいてしまいましたが、今回はRaspberry Piを使って動体検知で動画を記録する監視カメラを作ります。 動体検知の監視カメラに必要な材料 作り方 Motionのインストール motion.confの修正 daemon norm width height framerate threshold event_gap locate target_dir /etc/default/motionの設定（daemon onの場合のみ） 利用方法 Motionの起動 カメラ画像の閲覧と記録 大人の夏の自由工作としてカメラで遊んでみよう 動体検知の監視カメラに必要な材料 監視カメラを作るのに必要な部品は以下のとおり。 Raspberry Pi 本体 ：660円～ ラズパイ用カメラモジュール ：700円～ USBケーブル（電源用）：100円～ MicroSDカード 600円～ ケース ：0円
全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現 2020年初め、Chromium版のMicrosoft Edge（以下新Edge）がリリースされました。新Edgeは「Microsoft Edge Legacy」（以下Edge Legacy）と比べて多くの機能が使えるようになっており、Chrome・Firefox・Safariのモダンブラウザと遜色ないレベルになっています。 先日5月29日にリリースされた「Windows 10 May 2020 Update」では、Edge Legacyの開発が終了することもアナウンスされており（参考記事「Windows 10 features we’re no longer developing - Windows Deployment」）、今後のWindows標準ブラウザは新Edgeとなっていくでしょう。 ウ
大規模言語モデル (LLM) の学習データに含まれない知識（各社の特有の書類など）を踏まえてLLMに回答させる際に最早必須となってきたRAG (Retrieval-Augumented Generation)。 今回はそんなRAGのSurvey論文を元に、RAGの変遷や構成要素、新たに出てきた技術を俯瞰していきます。 Survey論文へのリンクはこちら arxiv.org RAGとは LLMはそれ単体で回答させると、質問によってはハルシネーションや学習時のデータにはなかった情報を生成時に加味できないといった問題から正しくない回答を生成することが多々あります。例えば世間一般に公開されていない自社の就業規則や業務標準についてをChatGPTに質問しても、正しい回答は得られません。 そのような問題への対応としてRAGが使われます。 「LLM単体で適切な回答を生成できないなら、ユーザーの質問を元に
新しいNext.jsの入門 ─ App DirectoryによるWeb開発をハンズオンで理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
使用するライブラリ このアプリで、Next.js以外に使用するライブラリは以下の4つです。インストール方法等は必要な箇所で説明します。 Prisma TypeScriptのORマッパーです。アプリでのノートの保存等に使用します。 ▶ Prisma | Next-generation ORM for Node.js & TypeScript Tailwind CSS CSSフレームワークです。アプリのUIデザインに使用します。 ▶ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Zod バリデーションライブラリです。APIレスポンスの型定義とバリデーションに使用します。 ▶ Zod | Documentation SWR データフェッチ用のライブラリです。ノート一覧のクライアントサイドで
フロントエンド初心者が無事に Hugo のブログを Gatsby で一から作り直すことができた。その振り返り。 歴史 インターネットを小中学生(もはや 25 年以上前)に触り初めた頃に、HTML で文章の構造を作り CSS でデザインする、ということができるのを知って感動したけど、結局自分には何かが合わなくてそれを突き詰めることができなかった。というか、それを知ったが故にテーブルレイアウトとかがどうしても気に入らず、かといって CSS は float が難しすぎて、結局ウェブサイトを作る、という根本的な営みをずっと避けてきてしまった。 時は過ぎ、Wordpress の様なブログエンジンや Hugo の様な仕組みがあったおかげでブログを初めて続けることはできた。13 年前にレンタルサーバに Wordpress を置いて始めたこのブログも 9 年前には VPS での Wordpress 運用に
Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、
Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラーになります。 なお、実行時にフラグを何も与えなければ、どの権限も持っていない状態になります。 各フラグにはパラメータを指定でき、例えば次のように実行すると/home/userディレクトリの読み込みだけが許可されます（--allow-writeフラグも同様）。 $ deno run --allow-read=/home/user main.ts また、--allow-netを次のように指定すると、特定のドメインとポートだけのアクセスを許可で
「Tailwind CSSめっちゃ負債になりそう」はそうでもないのでは、と思っている Tailwind CSS 1 を一目見た人、特にCSS初学者のうちけっこうな割合が「これエグい負債になりそう」と思う気がする。なぜなら実際にそのような意見をちらほら見るからなんだけども、自分はあんまりそうは思っていないし、微妙に今のCSSについて誤解があるような空気も感じるのでその理由を説明したい2。JSXと同じで嬉しさを理解して使い慣れればなんてことはないのだけど、一方でその背景にある話はJSXより複雑なので単純に使って慣れればいいという話でもなさそう。 なお、この記事は私の以下の2ツイートを膨らませたものです。 Tailwind CSS、剥がすのは大変そうだけどそれをもって重大な負債になると評せるかは微妙に思っている https://x.com/aumy_f/status/18220941478532
現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化します。そして、コンテナクエリは親要素のコンテナにもとづいてレイアウトを最適化します。コンテナクエリとは何か、デザイナーのワークフローにどのような変化をもたらすかを紹介します。 今まではビューポート（メディアクエリ）で変化するコンポーネントと影響を受けないコンポーネントの2種類でしたが、これからは親コンテナ（コンテナクエリ）で変化するコンポーネントも必要になります。 CSS Container Queries For Designers by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レスポンシブデザインの現状 コンテナクエリとは コンテナクエリを念頭に置いたデザイン デベロッパーとのコミュニケーション方法 レスポ
地味ハロウィン2020開催されました！
1971年東京生まれ。デイリーポータルZウェブマスター。主にインターネットと世田谷区で活動。 編著書は「死ぬかと思った」（アスペクト）など。イカの沖漬けが世界一うまい食べものだと思ってる。（動画インタビュー） 前の記事：これはいくらでしょう？ ＞ 個人サイト webやぎの目 Whats地味ハロウィン まずは地味ハロウィンについて簡単におさらい ・2014年に林がスナックで始めたハロウィン ・ハロウィン定番の仮装ではなく、仮装の対象にならないような人たちの仮装をする ・年にいちどのとんちを競い合うイベントとして定着 地味ハロウィンはデイリーポータルZが発祥だけど、もう一般に広まっちゃってるし、我々としてもそれについてあれこれ言う気はない。もともとケルト人のお祭りだし。 今年の会場は二子玉川 2020年10月31日、二子玉川のiTSCOM STUDIO & HALL 二子玉川ライズで開催された
はじめに 突然ですが、皆さんはCSSのmargin（マージン）をよく使いますか？ 私はマージンを多用しないように気をつけています。というより、あまりマージンと関わりたくないと思っています。今回の記事では、「どうして避けているのか」について自分なりの考えをまとめてみたいと思います。 あくまでも個人の意見なので、こういう考えの人もいるのだなと捉えていただけますと幸いです。もっとこうしたら良くなるのに！というご意見は大募集しているので、どんどん教えてください。 マージンを使いたくない理由 マージンを使いたくない一番の理由に、スタイルが崩れるというものがあります。「崩れる」と一言で言っても、わかりずらいと思うので落ち着いて考えをまとめてみました。その結果、下記の2パターンに分かれるという結論に行きつきました。 マージンが不可解な挙動をする コンポーネントとして使い回しずらい この二つの観点から、マ
Reviewed by @azu #44 給料―あなたの価値はまだ上がるを読んだ。 原著はFair Pay: How to Get a Raise, Close the Wage Gap, and Build Stronger Businessesという書籍。 日本語のタイトルは給与交渉の話(個人)に見えるけど、実際に面白かった部分は報酬哲学や公平な給与をどう実現するかという話(組織)だった感覚がある。 なので、読んだ後に原著がFair Payというタイトルだったのみて納得した。 給料はあなたの価値なのかと合わせて読むと面白い本だと思う。 透明性が上がると結果的に格差は減ることが知られているが、透明性だけでは説明力が足りないなーと前から思ってた。 この本ではそこに"誠意ある給与(Pay Sincerity)"という概念を出していた。この概念の話が良かった。 賃金を増加させた時の試算 アメリ
yabai自体は yabai -m window --focus recentなどのコマンドでウィンドウを操作するもので、キーボードで操作するには、skhdというショートカットツールが必要になります。 skhdをbrewでインストール #!/usr/bin/env sh # global settings yabai -m config mouse_follows_focus on yabai -m config focus_follows_mouse autoraise yabai -m config window_placement second_child yabai -m config window_topmost on yabai -m config window_shadow off yabai -m config window_opacity on yabai -m conf
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「何を言っているのか分からない」と言われないための「伝え方」のノウハウ - Qiita
20代前半女性が本当に着ているファッションブランドランキング
メモ - 高卒が大卒の所得を上回る——文系大卒のレッドオーシャン化
2022年におけるフロントエンド開発のベースライン
【日本語訳】元素法典 第1巻 #NovelAI #元素法典｜saip(さいぴ)
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
AIお姉ちゃんへの道 - nomolkのブログ
テキストエディタで使われがちなデータ構造 Piece Table の概要と実装 - A Memorandum
よく聴いてるポッドキャスト
デジタル庁でjQueryが何をしているのか - laiso
【まとめ】邦題が素敵すぎて、原題とのGapが半端ない映画20選 - あとかのブログ
2022年におけるフロントエンド開発のベースライン
デザイン思考が生んだ、問題解決というデザインの「誤解」｜designing
Cloudflare outage on June 21, 2022
2021年のウェブ標準とブラウザ | gihyo.jp
明日からできる、爆速Figma活用術 - エムスリーテックブログ
Figmaでちょっとしたデザインをつくるときに使っているプラグイン8選 - ICS MEDIA
Goで作るテキストエディタ - Sansan Tech Blog
趣味でKaggleを始めたことをきっかけにデータサイエンティストになった話 - Qiita
FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう - ICS MEDIA
全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現 - ICS MEDIA
RAGのSurvey論文からRAG関連技術を俯瞰する - 元生技のデータサイエンティストのメモ帳
フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
「Tailwind CSSめっちゃ負債になりそう」はそうでもないのでは、と思っている
CSSコンテナクエリの登場で、デザインのやり方も考え方も大きく変わる
私がマージンをできるだけ使いたくない理由 - Qiita
Release 給料―あなたの価値はまだ上がる/Fair Pay を読んだ · azu/book-review
Mac用タイル型ウィンドウマネージャーのyabaiがヤバイ - Qiita