イラストを描くときや写真のシャドウではハイライトが非常に重要ですが、CSSのシャドウでこの発想は抜けていました。 テキストにCSSでシャドウを設定するときに、上部に1,2pxのハイライトを加えると、よりリアルで美しいシャドウになる実装テクニックを紹介します。 まずは、デモで実際のシャドウをご覧ください。 上部に2pxのハイライトを設定しています。 See the Pen highlight compliment to a text-shadow effect by coliss (@coliss) on CodePen. シャドウとハイライトのCSSは、下記の通りです。 カラーがoklch()で設定されていますが、hex値でも大丈夫です。ポイントは通常のシャドウと一緒にハイライト用のtext-shadowを上部に設定することです。 .highlighted-text-shadow { :r
ソフトウェアエンジニアのメンサー・デュラコビッチ氏が、ソフトウェアエンジニアを目指す学生に向けて、ソフトウェア開発の仕事に就く上で重要なアドバイス10点を自身のブログにまとめています。 10 hard-to-swallow truths they won't tell you about software engineer job https://www.mensurdurakovic.com/hard-to-swallow-truths-they-wont-tell-you-about-software-engineer-job/ ◆01：大学は仕事に必要な準備をしてくれない デュラコビッチ氏は就職に向けて大学がやってくれることを「プールに入る前に泳ぎ方を説明し、動きを覚えさせて試問まで行った上で水には決して触れさえず、5年後、泳げるという免許証を発行したのち、突然生徒をプールの中に蹴落
YouTubeの次の対策で広告ブロックが困難になる可能性がある
YouTubeが動画に直接広告を挿入する実験を行っていることがわかりました。これにより、動画の信号だけをはじいていた広告ブロックが機能しなくなる可能性があります。 YouTube is currently experimenting with server-side ad injection. This means that the ad is being added directly into the video stream. This breaks sponsorblock since now all timestamps are offset by the ad times.— SponsorBlock (@[email protected]) (@SponsorBlock) June 12, 2024 YouTube tests harder-to-block server-si
はじめまして。ナレッジセンスの門脇です。生成AIやRAGシステムを活用したサービスを開発しています。本記事では、「RAG vs ファインチューニング」について、DSL（ドメイン固有言語）をコーディングする性能という観点から比較した論文を、ざっくりまとめます。 この記事は何 この記事は、RAG vs ファインチューニングに関する論文[1]を、日本語で簡単にまとめたものです。 「RAG vs ファインチューニング」の論文は、他にもあります。例えば、時事問題などのシンプルな知識の質疑応答であれば、RAGの方が優れています。[2] 今回の論文では、「ドメイン固有言語（DSL）をコーディングする性能」をに焦点を当てて比較しています。一見するとファインチューニングの方が有利そうなタスクについて比較しているのが面白い点です。 本題 ざっくりサマリー この論文では、RAGとファインチューニングの性能比較を
結論 複数の設計工程（PSやSSなど）とコーディング（PG）をごちゃ混ぜに勉強しているせいでプログラミングが理解できないんじゃね？ はじめに この記事は、新卒で採用された会社の研修にて、プログラミングができない人と半年近く一緒に過ごした筆者が、現在のプログラミング教育の問題点を考察したものである。 googleで「プログラミング初心者 挫折」と調べると、大多数のホームページにて「質問できる機会がない！」だとか「エラーが解決できない！」などの定型文が転がっており、そうじゃねぇだろと思いこの記事を書こうと思った次第である。 この記事は大きく分けて2つに分かれる。1つ目は、プログラミング初心者に立ちはだかる大きな壁。2つ目に、私が考えたプログラミング教育だ。 あくまでも少ししかプログラミングに触れていないただの初心者がほざいているだけだが、もし一つでも共感できるところがあったらとても嬉しく思う。
シフトレフトがなぜ効果的なのか「抽象度」から考える
この記事は 株式会社ログラス Productチーム Advent Calendar 2023 18日目の記事です。 はじめに ログラスの龍島(@hryushm)です。 ソフトウェア開発において、「シフトレフト」すなわち開発の早い段階でテスト計画を立て、実施していくことが全体的なコスト削減や価値提供の早期化につながるとよく言われています。 この記事では、シフトレフトによってもたらされる効果をログラスでの実例を用いて紹介した上で、なぜ効果が出るのか？を「抽象度」というキーワードから紐解いてみようと思います。 本記事ではスクラム開発においてPBIを完了させる中でシフトレフトしていくことを念頭に書いていきますが、ソフトウェア開発の任意のタイミングにおいて適用できる概念だと考えています。 テスト設計を実装前にやることの有用性 まずシフトレフトによって何が起こるのか？を考えます。PBIに書かれた受け入
世界 30 億の Java エンジニア向けに、Java 言語仕様・JVM仕様のバージョンごとの差分を見れるページを作りました。 The Java Language Specification diffs The Java Virtual Machine Specification diffs ぜひご利用ください！ なにこれ？ Java の各バージョンごとの言語仕様・JVM仕様はこちらのページで公開されています。 Java Language and Virtual Machine Specifications ただ、バージョンごとの変更点がありませんでした1。 そこで、各ページからテキストを抜き出して2、GitHub 上で差分が見れるようにしました。 更新について 細かい誤字脱字の変更とかを除いた差分が作れるとより良いのですが、そうすると今後の更新に手間がかかってしまいまそうでした。 それよ
ソフトウェア1 (2022)
ソフトウェア1 (2022)¶ 本サイトは、東京大学工学部電子情報工学科・電気電子工学科の進学内定者（２年生、A1ターム）を主たる対象としたソフトウェア１の講義ページです。C言語の基礎を勉強します。 電気系の学科のslackにて講義に関する通知を行うので、常時学科slackをチェックするようにしてください。 電気系の学生は既に全員slackに招待されるはずですが、もし招待されていなければこちらを参考に入ってください。 電気系以外の学生も、上記リンクを参考に入ってください。講義を受講する学生なら誰でも参加出来るという運用になっています。 本サイトは2022年度版です。2023年度版はこちら。 ニュース¶ [2022.11.24] week7を追加しました。 [2022.11.10] week6を追加しました。 [2022.11.03] week5を追加しました。 [2022.10.27] w
Cookieの改訂版仕様 rfc6265bis について、その変更点をざっと眺めていく はじめに SameSite属性 Cookie名プレフィックス (Cookie Name Prefixes) __Secureプレフィックス __Hostプレフィックス 非セキュアなオリジンからの Secure属性の上書きを禁止 nameless cookieの許容 Cookie名、Cookie値の上限長の指定 Expires属性の年が2桁の場合の処理の指定 Max-Age/Expires の上限 その他 今回入らなかった機能 はじめに Cookieの仕様は『RFC 6265: HTTP State Management Mechanism』として標準化されています。 そのCookieの仕様の改訂版が『rfc6265bis』と呼ばれているもので、現在標準化作業が進められいています。"SameSite属性"
Naming things needn’t be hard Find inspiration for naming things – be that HTML classes, CSS properties or JavaScript functions – using these lists of useful words. Word lists Action Describe the behaviour or operation of things. Collection Describe the containment and grouping of things. Comparison Describe the equivalent likeness between things. Numeration Describe the order, precedence and mult
SVG アイコンの表示に mask-image CSS プロパティを使用する 2024.06.15 mask-image プロパティは CSS でマスキングを行うためのプロパティであり、SVG アイコンを表示する際に有用です。mask-image プロパティを使用することで、外部の SVG ファイルを読み込みつつ、アイコンの色を CSS で指定することが可能になります。 HTML でロゴやアイコンを表示する時、SVG はよく使われるフォーマットです。SVG はベクター形式で記述されるため、拡大・縮小しても画質が劣化しないという特徴があります。SVG を HTML で表示する場合、以下のような方法が使われていました。 <img> 要素の src 属性に SVG ファイルのパスを指定する <svg> 要素を直接記述する svg スプライトを使用する それぞれの方法にはメリット・デメリットが存在
Server-Sent Events (SSE) 目新しい技術というわけではありませんが、最近 Server-Sent Events (SSE) について言及する記事をよく見かけます。 何番煎じかはわかりませんが、個人的に興味があることと、正直触ってみたことがなかったので、コードを書きつつ調べてみました。 ※本記事で登場するサンプルコードは次のリポジトリで公開しています。 SSE とは SSE 自体を解説する記事は無数に存在するため詳細な説明は割愛しますが、簡単に言うと、サーバーからクライアントへ一方向の Push 通信を行うための仕組みです。 MDN にもページが存在するため、参考になります。 独自プロトコルを必要とせず、HTTP/1.1 でも動作するのも特徴です。 SSE の歴史 wikipedia に SSE に関するページが存在し、次のような記述があります。 SSE メカニズムは、
仕様の複雑化、過渡期特有の難解なコード、技術スタックの老朽化… システムの健全な成長を妨げる要因に対する基本戦略 アーキテクチャ刷新の現場：未知の技術を採用するために #1/2 アーキテクチャ刷新の現場における取り組みと成果を発表 成瀬允宣氏：みなさん、こんにちは。GMOインターネットグループでデベロッパーエキスパートとして活動しています、成瀬允宣と申します。本日はよろしくお願いします。 私、所属はGMOインターネットグループ株式会社で、システム統括本部に所属している一般のプログラマーではありますが、私からお送りするお話は、「アーキテクチャ刷新の現場」で、ここ数年……2年ほどですかね、アーキテクチャを刷新する現場で一番前を走っていたので、その現場のお話をしようかなと思っています。 非常に苦労して、やっと花開いてきたところなので、今日は、何を予測して、何を準備して、そして何を失敗したのか。そ
まずこのリンクを見てくれ。 https://amazon.co.jp/dp/B00KMRYPZW 「パイプ先端をW22山20に変換する」って、これを見て意味が分かる一般人、どれくらいいると思う？ ほとんどの一般人は理解不能だろう。 さらに背面の説明書。「M22、外ねじパイプの場合」とかいきなり説明が始まる。 「どんなシーンで、どんなケースに使われることが多いネジです」と写真入りで説明されていればいいのだが、馬鹿だからいきなり仕様の説明から始まる。 ITでいうと、いきなり「先端のシートをBOM付CSVに変換するマクロです」とポンと渡されるようなものだろう。 クソ業界というよりほかない。 いや中の人は優秀な人もいるのだろうが、業界の旧態依然とした空気が、イノベーションを阻害しているのだろう。 可哀想な話である。 そもそもこの蛇口やらアダプタの仕様が統一されていないあたりも頭の悪さをそこはかとな
正直2つだろうが4つだろうがスペースだろうがタブだろうが何でも良い派なのですが、ふと気になって調べてみたら個人的に新しい観点の発見があったので記事にしてみました。 ※オフィシャルの見解を探すまでは頑張れなかったのですが、適当にググって出てきた中で見つかった興味ある観点の紹介になりますm 見たのはこちらのページ。 色々議論されてますが、個人的になるほどな、と思ったのは、スペース4個（要はある程度インデント確保する）だと、深いネストでコーディングされることを抑止しやすい意図があるという点でした。（もしかしたら他のエンジニアの方にとっては当たり前の観点なのかも...） 今回個人的にめちゃくちゃどうでも良い違和感から始まりましたが、案外新しい観点が見つかったりして面白い体験でした。
エンジニアのChatGPT活用法の一つとして、コードレビューがある。自分が書いたコードをChatGPTに投げると、コードの読みづらい箇所や重複している部分を指摘してくれて、かつ修正したコードを出力する、というエンジニアにとっては自らの仕事の質に直結するお手伝いをしてくれるのだから、私自身もChatGPTをレビュアーとして活用する機会が多い。 そんなコードレビューから派生して、最近はChatGPTに自分のコードの採点をしてもらうことにハマっている。コードレビューの一環としてこれを行うのだが、普通のレビューと異なり、具体的な点数が出てくるのが新鮮で面白い。 誰かに直接「あなたのコードは50点です」とか言われたら泣きたくなるが、ChatGPTに言われても、「そんな事言うなら100点にしてください」と返すと、質の高いコードを出力してくれるので、ゲーム感覚でプロンプトを投げている。 レビュー対象のコ
藍夜ハルカ / AiyaHaruka @mono_1083 @menbou0202 もともと、iPhoneだけでは無かった…。笑 Type-Cにするのであれば、一斉にして欲しいものです…💦 2023-09-17 11:02:51
チャットボットAI「Claude」を開発するAnthropicが新モデルとなる「Claude 3.5 Sonnet」を2024年6月21日に発表しました。これは今後リリースされるClaude 3.5ファミリーの最初となるモデルで、ベンチマーク結果はOpenAIのGPT-4oに匹敵するとのことです。 Introducing Claude 3.5 Sonnet \ Anthropic https://www.anthropic.com/news/claude-3-5-sonnet Anthropicによると、Claude 3.5 Sonnetは大学院レベルの推論力、大学学部レベルの知識とコーディング能力を持つとのこと。Claude 3 Opusなど従来のClaudeモデルと比較し、ニュアンスやユーモア、複雑な指示を理解する能力が著しく向上し、自然で親しみやすい口調で高品質のコンテンツを書く能力
プレステのSHAREボタンがほぼ無意味に マスクのX「改悪」が影響 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
次のシナリオを想像してみてほしい。あるSNSが、人々の間に広く普及し、世界の2大ゲーム機メーカーがコントローラーにそのSNSへの投稿用ボタンを設置するほどの人気を獲得したものの、それを理由もなくダメにしてしまった──。 とは言ってもこれは架空の話ではなく、イーロン・マスクのX（旧ツイッター）で起きたことだ。まず、マイクロソフトのXboxが4月、ツイッターとの統合を廃止。そして今度はソニーのPlayStationも、コントローラー上の「SHARE」ボタンによるXへの投稿機能を今後サポートしないと発表した。このボタンはこれまで、ゲーム画面のスクリーンショットや動画をSNSで共有する最も簡単な方法だった。 サポート終了の理由は、イーロン・マスクがXのAPI利用料金を大幅に値上げしたことにある。ソニーやマイクロソフトのような大企業の場合、利用料金は最低でも月額4万2000ドル（約630万円）。最も
大阪Ruby会議03でHotwireを使ったモーダルUIを15分で作ってみました＆基調講演裏話 #osrb03 - give IT a try
はじめに 2023年9月9日に開催された大阪Ruby会議03で、基調講演（キーノート）を担当させてもらいました。 regional.rubykaigi.org 当日使った資料はこちらです。 発表のタイトルは"Enjoy Ruby programming, Enjoy Ruby community!"でした。 今回の基調講演ではちょっと攻めた取り組みとして、「Hotwireを使ったモーダルUIを15分で作る」というテーマでライブコーディングもしてみました。 www.youtube.com ライブコーディングには思わぬトラブル付きものですが、今回は何とかノートラブルで実装できました！ 時間も15分以内（たぶん12〜13分ぐらい？）に収まりました〜😄 基調講演をするにあたって意識したこと 今回、基調講演を担当するにあたって「IT系カンファレンスの基調講演はどういうものであるべきか」を自分なりに
新しい構文がやってくる ご存知の通り、JavaScript の標準仕様である ECMAScript では毎年新しい記法や構文が提案され、採択されています。もちろん JavaScript のスーパーセットである TypeScript もその例外ではありません。 TypeScript では基本的に ECMAScript Proposal の Stage3 になった仕様から順次サポートするという方針があります。最近であれば v5.0 に入った Decorators や v5.2 で導入される using Declarations(Explicit Resource Management)などが該当します。 ここまでのことは普段 TypeScript を利用している方であれば知っている方も多いでしょう。しかし実際に TypeScript で新しい構文がサポートされた後、typescript-esl
生成AIでコーディング効率化！→待っていたのは“失敗の日々” とあるITエンジニアとAIの試行錯誤の記録（1/3 ページ） 「生成AIに振り回された3カ月間の成功と失敗」──コンサルティング事業などを手掛けるリンクアンドモチベーションは6月29日、エンジニア向けの転職サービス「Findy」を運営するファインディ（東京都品川区）が開催したイベント「開発生産性Conference 2024」で、こんな講演を行った。登壇したのはソフトウェアエンジニアである山西陽平さん。開発生産性を上げるため、生成AIでコードを編集するために試行錯誤した3カ月間の体験談を話した。 山西さんが作ったのは「GitHubのIssueを基に、AIがPull Request（PR）を作成してくれるツール」だ。米OpenAIの大規模言語モデル「GPT-4」を活用し作成したツールで、これで型注釈を付けるタスクの自動化を試みた。
GitHub - yuru7/moralerspace: Moralerspace は、欧文フォント Monaspace と日本語フォント IBM Plex Sans JP を合成したプログラミング向けフォントです。
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは、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を上
「MUGA ストイック PC5」はドン・キPC史上、最高スペックのPCだが実際はどうなのか 試して分かったこと
「MUGA ストイック PC5」はドン・キPC史上、最高スペックのPCだが実際はどうなのか 試して分かったこと（1/4 ページ） ドン・キホーテから、14.1型ノートPC「MUGA ストイック PC5」（以下、MUGA 5）が発売された。これまで同社はエントリー向けの低価格ノートPCを発売してきたが、このPCもそれにならい、価格は税込みで4万3780円と非常に手頃だ。 ただし、一般的に実売5万円以下の低価格ノートPCというと、CPUにCeleronを使っていたり、メモリ容量も少なかったりと、パワーユーザーから見るとどうしても価格を優先するあまり、PCを快適に使うためには仕様に関する犠牲が大きすぎるという印象があった。 そんな心配が頭をかすめるが、実際に試してみないと分からないだろうと勢いで実機を購入した。果たして実力はどの程度なのか見ていこう。 ドン・キホーテ、Intel N100を採用し
ナビゲーションリスト ナビゲーションリストは、主にメニューやリンクの一覧を整理して表示するためのUI要素です。自分が今どのページを訪れているのかを示すことによって、ユーザーはウェブサイトの構造や階層を理解しやすくなります。 ▼ 実装例（一部抜粋） <li><a href="#">CSS</a></li> <li><a href="#" aria-current="page">JavaScript</a></li> <li><a href="#">その他</a></li> ▼ スクリーンリーダー（VoiceOver） aria-current="page"を指定した要素は「現在のページ、リンク、JavaScript」と読み上げられます。また、リンクが一度でもクリックされていたら、「閲覧済み」という音声が追加されます。 ▼ スクリーンリーダー（ナレーター） 「リンク、JavaScript」と読
ウェブサイトをスクロールした時に、他のサイトよりも滑らかに余韻が残るような動きを目にしたことはないでしょうか？ このスクロールの挙動は慣性スクロールと呼ばれ、ウェブサイトを演出する手法のひとつです。 スクロール操作を止めた後に少し余韻が残りながらスクロールが継続することで、コンテンツをスムーズに閲覧できたり、演出と組み合わせることで世界観や没入感を表現できます。また、macOSに比べるとWindowsはデフォルトでスクロールしたときにカクカクと動くため、慣性スクロールを実装するとWindowsでもmacOSのように滑らかにスクロールさせることができます。 前編である今回の記事では、慣性スクロールを使ったウェブサイトを紹介し、簡単に実装できるライブラリ「Lenis」で実際に慣性スクロールを実装してみます。 慣性スクロールが使われているサイト 慣性スクロールはどのようなウェブサイトで使われてい
「rss2bsky」はRSSフィードを元にBlueskyへ自動投稿してくれるツールとのこと。実際に試して使い勝手を確かめてみました。 nesges/rss2bsky: Post items of a RSS-Feed to Bluesky. Also contains a simple script to post a single skeet to Bluesky. Written in PHP - Codeberg.org https://codeberg.org/nesges/rss2bsky rss2bskyを動かすためにはBlueskyのアカウントの他に「SQLite3・CURL・SimpleXML・GD・マルチバイト文字をサポートしたPHP」「SimplePie」が必要です。今回はUbuntuで動作させるため、下記のコマンドを入力して必要なツールをインストールしました。 sud
続いてそれぞれのユースケースについて、具体的な使い方を解説します。 Figmaの使い方・操作方法 デザインをもとにコーディングする場合 ‐ Dev mode Dev modeの利用がおすすめです。現在ベータ版で公開されており、2024年中に有料プランのみ使用可能となります。 主な機能として、作成したデザインをもとにコードを自動で生成させることができます。CSS、iOSのSwiftUI、AndroidのXMLなどに対応しています。 具体的な使い方は次のとおりです。今回はログイン画面を例にしています。 画面をセクションで囲む セクション名の右横のコードアイコンをクリック Open in Dev modeでDev modeに切り替える コード化したいコンポーネントを選択すると、右側のInspectでコードを参照できる ワイヤーフレームを作成する場合 ‐ コンポーネント機能 コンポーネント機能を利
Metaが商用利用可能なコーディング支援AI「Code Llama」をリリース、Llama 2と同じライセンスで無料公開へ
FacebookやInstagramを運営するMetaが、テキスト入力を元にプログラムのコードを生成するAI「Code Llama」をリリースしたと発表しました。モデルはLlama 2と同じ「Llama 2 Community License」で公開されており、月間アクティブユーザー数が7億人以下の場合は無償で商用利用することが可能です。 Introducing Code Llama, a state-of-the-art large language model for coding https://ai.meta.com/blog/code-llama-large-language-model-coding/ Introducing Code Llama, an AI Tool for Coding | Meta https://about.fb.com/news/2023/08/co
プロジェクト独自のコーディングルールを簡単に正規表現で定義できる `rubocop-grep` の活用 - ROUTE06 Tech Blog
はじめに: 弊社のとあるEDI(電子商取引)関連のプロダクトでは、Ruby on Railsを利用してGraphQL APIを提供しています。 その開発活動の中で最近、コードの品質と整合性を維持するためのツールとして rubocop-grep を利用し始めました。 この記事ではその具体的な活用事例についてお話しします。 目次 rubocop-grepとは 最初のユースケースと、基本的な使い方の説明 複数のルールをディレクトリごとに設定するための工夫 ほかにどのようなユースケースがありそうか まとめ rubocop-grepとは rubocop-grep は、rubocop の拡張ツールです。 プロジェクト独自のコーディングルールを、正規表現を用いて簡単に定義することができます。 この手の問題は、今までもカスタムCopを書くことで解決することはできましたが、カスタムCopはASTの知識やRu
Googleがかねてからの計画通り、拡張機能仕様「Manifest V2」の段階的な廃止作業を開始したことを発表しました。 Chromium Blog: Manifest V2 phase-out begins https://blog.chromium.org/2024/05/manifest-v2-phase-out-begins.html Google prepares for Chrome extension Manifest V2 phase out • The Register https://www.theregister.com/2024/05/31/google_prepares_for_chrome_extension/ Chrome拡張機能のプロダクトマネージャーを務めるデヴィッド・リー氏は、2023年11月に共有したタイムラインの通り、「Manifest V3」への
こんにちは！ファインディでTeam+開発チームのエンジニアメンバーの西村です。 この記事では、私が聞いたRubyKaigi 2024のセッション「Lightning Talks」より「Enjoy Creative Coding with Ruby」で紹介されたクリエイティブコーディングを試してみたので共有します。 クリエイティブコーディングとは クリエイティブコーディングとは、アプリケーションのような機能的なソフトウェアを作るのではなく、プログラミング言語を使ってビジュアルアートを創作することです。 クリエイティブコーディングをはじめるまでの背景 私は、RubyKaigi 2024の「Lightning Talks」より「Enjoy Creative Coding with Ruby」で、初めてクリエイティブコーディングについて知りました。 Miyuki Koshibaさんのスライド資料を
Meguro.es #27 @ oRo
世の中には、一見関係なさそうな物理現象がITシステムに不可思議な影響を及ぼすことがあります 例えば,500マイル以上離れた場所にメールが送れないという話だったり 中国人のAさんがお茶を入れると会社のネットが繋がらなくなる という話があります。 私の場合は、祖母が就寝するとDBインサートが失敗する、という状況でした 実家の見守りシステム 問題が起きているのは、離れた実家にいる一人暮らしの祖母の状態を見守るために作成した自作のシステムです。 気温や湿度、CO2濃度、明るさ、部屋のドアの開閉、冷蔵庫の開閉の状況をモニタリングできるようにしています。 Raspberry Piに各種センサが接続され、定期的にInfluxDBに送信し、Grafanaという可視化ツールでいつでも見られるようにしています。 これらの情報を見ることで、祖母の家の部屋の温度が適切か、活動しているか、部屋にいるかなどが分かりま
こんにちは、そろそろ家の更新時期が迫ってきて引越し先の物件に悩んでいるしっぽくんです。最近業務でメールアドレスについて触れる機会があったので今回はそのお話をしようかと思います。 私自身あまり馴染みのなかった「RFC違反メールアドレス」について深堀っていく記事になりますので、ご興味あればご一読いただけると幸いです。 この記事で触れること RFC違反メールアドレスとはどういうことなのか HTML標準やバリデーションライブラリにおけるメールアドレスについて 違反しているメールアドレス?? さてこの中に仲間外れがあります。どれでしょう? 「test.test.@example.com」 「test.test@example.com」 「test..test@example.com」 正解は2です。これ以外は違反しているメールアドレスです!具体的にどんな違反メールアドレスなのでしょうか? 前置きを踏
Cursorの機能を軽く試す程度であれば、Basicプランでも全く問題ないかと思います。しかし、Cursorを本格的に業務に導入したい方や、より多くの機能を活用したい方はPro・Businessプランに加入するのがおすすめです。 CousorでAPIキーを利用する方法 Cursorはそのままでも十分便利なツールですが、OpenAIのAPIキーを活用することによってその利用価値はさらに上がります。APIキーによる拡張利用をすることで、無料のBasicプランでもほとんどの機能を利用することが可能になります。 具体的な手順は以下のとおりです。 Cursorの画面で「Command＋Shift＋P」を押す コマンドパレットから「Cursor：Open Settings」と入力 APIキー入力画面でOpenAIのAPIキーを入力 APIキーを使えば、最新のGPT-4 Turboも利用可能です。API
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのtext-shadowでシャドウをつけるときにハイライトを加えると、よりリアルで美しいシャドウが実装できます
Excelみたいなプログラミング言語「Power Fx」、Windows操作の自動化で使えるように／3月版「Power Automate」デスクトップアプリにはコーディング支援「IntelliSense」も
ソフトウェアエンジニアを目指す学生に現役エンジニアが送る10のアドバイス
RAG vs ファインチューニング（コーディング性能で比較）
プログラミング初心者が挫折するまでの道のり - Qiita
Java 言語仕様・JVM仕様のバージョンごとの差分を見れるページを作りました。 - Qiita
Cookieの改訂版仕様 rfc6265bis の変更点 - ASnoKaze blog
Naming things needn’t be hard
SVG アイコンの表示に mask-image CSS プロパティを使用する
サンワサプライ、18W PD出力対応の壁埋め込み用USB Type-Cコンセント
Server-Sent Events を複数パターンで実装して理解を試みる
仕様の複雑化、過渡期特有の難解なコード、技術スタックの老朽化… システムの健全な成長を妨げる要因に対する基本戦略
水栓・蛇口アダプタ業界の人には大変申し訳ないのだが馬鹿すぎる
なぜRustの標準スタイルではインデントが半角スペース4つなのか
ChatGPTに自分のコードを採点してもらった | ベイジの日報
iPhone15にすれば我が家のLightningは捨てられると思ってたけどこれは盲点だった→Appleすら忘れてた説
AnthropicがClaude 3.5 Sonnetを突如発表、ベンチマーク結果はGPT-4oに匹敵
typescript-eslintで新しい構文をサポートする
生成AIでコーディング効率化！→待っていたのは“失敗の日々” とあるITエンジニアとAIの試行錯誤の記録
Claude 3とGPT-4のコーディング性能を比較！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
アクセシビリティーに考慮するHTMLコーディング - WAI-ARIAでスクリーンリーダーの読み上げがこう変わる - ICS MEDIA
滑らかなスクロール体験を！ JSライブラリでお手軽に導入する慣性スクロール（前編） - ICS MEDIA
BlueskyへRSSフィードの内容を自動投稿できる「rss2bsky」の使い方
エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Googleが拡張機能仕様「Manifest V2」の段階的廃止を開始
RubyKaigiで紹介されたクリエイティブコーディングを試してみた - Findy Tech Blog
require(ESM)とECMAScript仕様
祖母が就寝するとDBインサートができなくなる - Qiita
違反しているメールアドレスってなんだ？！ - Qiita
【Cursor】AI搭載の最強コードエディタ！日本語の使い方や料金体系、できることを解説 | WEEL
BIOSTAR、第14世代Core対応でPCIスロットを5本備えたマザー
