個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

そのじいさんが亡くなった。 昨年に父が亡くなり、私の実家は車を処分したので、実家に帰省するときはレンタカーを予約する。この連休もそうした。 安いので、地元の自動車修理工場がフランチャイズでやっているインディーズ系レンタカーにしてみたら、受付してくれた事務の親切な女性は、レンタカー約款を読み上げる間中修理工場から爆音で流れてくる演歌のＵＳＥＮに向かって突然「ああうるさいっ！」とブチぎれ、「あなたもうるさいと思うでしょう！？」と私に同意を求め、同僚に修理工場につながるドアを閉めさせると、「最後に乗っていたのは平成１５年式のｂＢ(みんなの地元のＤＱＮがよく乗ってたやつ)です。令和になってもまだ乗ってました」というある意味SDGsでは？　みたいなことを平気で言う私に、令和２年式フィットハイブリッドという、まさに隔世の感というほかない車の操作方法をとても丁寧におしえてくれた。 そんな調子で車を借りて

若い女性の減少率を分析した最新のデータが、衝撃を与えています。 2050年までに若年女性の人口が半数以下になる自治体は、全国744に上るとされ、そうした地域では人口が急減し、最終的に消滅する可能性があるという推計が4月に発表されたのです。 （「人口戦略会議」より） なぜ地方から女性が消えていくのか？地方を去った女性たちに本音を聞いてみると… 「そもそも働く場所がないんです」 「『女性は嫁としてもらわれて家庭を持ってやっと一人前になる』と言われた」 「国の“人口減少対策”では私たちの声が聞かれていない」 このテーマ、皆さんはどう考えますか？意見・感想や体験談をお寄せください。 （クローズアップ現代 取材班） 744自治体が“消滅可能性”　女性の流出が止まらない 民間の有識者グループ「人口戦略会議」が公開した分析結果です。全国744の自治体が「最終的には消滅する可能性がある」としています。 消

chatgpt.com 3行で 英文アウトプット練習の優れた相手をGPTsで実装できたからストアに並べたよ！ 学習ツールとしての気持ちよさが自慢なのでまずは1回遊んでみてください！ 「英語だと中学生レベルの文章すら全然話せない」の克服ができる………と信じて、製作者自身が酷使しています 何ができるの？ 和文による出題→英訳→添削→出題…のループです。 体験の良さと自身のアウトプットカの弱さは触ってもらえばすぐに伝わるはずです。これ読む人の8割はブクマして満足するだけなんでしょうけど、これ以降を読むより先にまずは一度使ってみてください。最初にあるリンクへ飛ぶだけです。 なお「完全無料！」と言いたいですが、ChatGPTへの課金が無いとすぐに制限が入るのが最大の難点です。 特長を教えて ジャンルや問題の難易度を適宜変更可能。激ムズ要求出したら絶望感がすごい…… 日本語混じりの英文や、かなりの意訳

2022/1/13をもって お客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。 （詳細はこちら） クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。 （Microsoft Edgeでクックパッドにログインできない場合はこちら）

OpenAIは5月30日、同社のチャット型AI「ChatGPT」無料版ユーザーに向け、制限付きながら最新の大規模言語モデル「GPT-4o」および、これまで有料版ユーザーしか利用できなかった多くの機能を公開した（発表時のニュース記事）。 情報がとても多いので、今回の変更で無料版ユーザーは「なにができるようになったか」、そして「なにができないのか」を使い方中心にまとめた。 1. GPT-4oは回数制限あり チャット型AIアプリの心臓とも言える大規模言語モデル（LLM）、これまで無料版ユーザーは「GPT-3.5」という旧世代モデルしか利用できなかったが、今回の変更で回数制限（具体的な回数は明記されていない）はあるものの、最新モデルのGPT-4oが使えるようになった。 GPT-4oの利用に特に設定などは必要なく、無料アカウントにログインして普通に質問すればOK（使い方はちょっとわかりにくいのでこち

◎「文系社員」でもデータ分析できる生成AIマニュアル by OUTPUT CAMP meets AI◎ 「イベントアンケートを取ったが、集計する時間がない」「販売データを収集したものの、分析手法が分からない」 文系のビジネスパーソンにとってデータ分析は、「やったほうが良さそうだが後回しにしてしまう」プラスアルファの仕事だ。大義名分がなければ他部署に依頼するのも難しい。 そこで頼れる相棒となるのが、生成AI（ジェネレーティブAI）だ。 AIプロピッカーの三菱総合研究所・比屋根 一雄さんはこう予測する。 「みんながミクロな意思決定に生成AIを使って、少しでも良い意思決定ができるようになると、世の中全体がデータに基づく合理的で無駄の少ない仕事をできるようになる。壮大なことを言えば、低いと言われている日本の生産性が、少しでも上がるのではないかという期待もしています。」 では、具体的にどの生成AIツ

公益財団法人日本デザイン振興会は、各都道府県や企業、行政などのデザインに関する多様な取り組みを網羅的に取りまとめたレポート「デザイン白書2024（WHITE PAPER ON DESIGN 2024）」を2024年6月4日（火）に公開しました。 背景・経緯 経済産業省と特許庁は2018年に『「デザイン経営」宣言』を発表し、日本の産業競争力強化のために、デザインを企業価値向上のための重要な経営資源として活用する「デザイン経営」を推進することを提言しました。その後、大企業や中小企業、スタートアップ、官公庁などでデザイン活用が進み、経済産業省デザイン政策室はデザイン活用をさらに拡大するために、2023年に「これからのデザイン政策を考える研究会」を開催しました。研究会では、2023年度・2024年度グッドデザイン賞審査委員長の齋藤精一氏が座長を務め、当会からは深野弘行理事長、柴田文江理事、田川欣哉

モダンCSSでテーブルをゼブラストライプしたり、テーブルの四隅を角丸にしたり（昔はかなり面倒でした）、列や行を分割したり、ホバーでハイライトやアウトラインを表示したりなど、表のデータを読みやすくするテーブル（<table>）のさまざまなスタイルを紹介します。 A Guide to Styling Tables by Mads Stoumann 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに テーブルを構成するHTMLの要素 テーブルをゼブラストライブにするCSS テーブルを角丸にするCSS テーブルの列を分割するCSS テーブルの行を分割するCSS ホバー・フォーカスでハイライトするCSS ホバーでアウトラインを表示するCSS データを左右・中央に揃えるCSS 終わりに はじめに 私は最近、小さな矛盾に気がつきました。

5類に移行した2023年5月から感染者数が徐々に増え、夏にかけて一度流行した（第9波）。そして今年の初めにも感染拡大。ワクチン接種ないし実際の感染によって免疫を獲得している人が多いため重症化率は高くないが、感染力が落ちているわけではない 2023年5月8日に新型コロナウイルスが5類に移行してから1年。今年のゴールデンウイークは全国的に人であふれ、コロナ禍以前の景色が完全に戻った印象だ。しかし、どうしてもモヤモヤが......。コロナ禍は終わったの？　そうだとしても、なかったことにするのは違くない？ ■日本も世界も、まだ感染している 昨年5月8日に新型コロナが感染症法上の5類に移行してから1年が過ぎた。あのコロナ禍の日々から、日本社会も普通の日常を取り戻している。厳しい感染対策や行動制限がなくなり、暫定的に続いていた、ワクチン無償接種や高価なコロナ治療薬への補助も今年3月いっぱいで終了。 す

GPT-4o凄すぎる！！ 出たときから騒ぎまくっていましたが、GPT-4oの登場で興奮しっぱなしの私です。 先日こちらのQiitaの記事を拝読し、「Power Appsでやったらどうなるだろう🧐」という思いが抑えられず、作ってみたら超高速で画像解析アプリが作成できました！ あらためて記事を出してくださったことに感謝いたします！ まずは初弾！ということでGPT-4oを使って、 Power Appsで画像解析アプリを作成する方法 を書いていきます！ まずは見た目（Power Apps）から！ まずはPower Appsでサクっと画面を作ります！ PowerPoint感覚で作れることが強みですからね！ 最低限のもので構成しています。 画面 ├─ ScreenContainer - スクリーン全体 ├─ HeaderContainer │ └─ Header - ヘッダーコントロール ├─ Bo

成金親分@Rich Boss @richboss893 【頂き女子りりちゃん】 noteを読んでわかったこと。 ニュースとか、配信で「こいつあほじゃね？ばかじゃね？」って思ったやつはひっくり返るぞ。 バカっぽくみせるのも戦略でおぢたちは手のひらで転がされているわけです。 実は努力家で戦略的。 どのようなタイプが求められているかを分析し落とし込む。アップセルのやり方～人生の背景（ストーリー性の設定）が絶妙で刺さる。 といっても（騙されてるとわかっていても）求めてしまうんだな。欲には勝てねぁな。 2024-05-12 12:14:56 星野ロミ 漫画村を作って捕まった人 @romi_hoshino 頂き女子マニュアルここから無料で読める archive.md/Owyye 経緯 転売ヤーがりりちゃんnoteを無断転売するが「公開前記事の共有用画面」をサンプルに誤って含める ↓ 星野ロミに気が付か

筆者の環境で、LM StudioでCommand R+を動作させている様子。会話相手は自作キャラクターの「明日来子（あすきこ）さん」 PCローカル環境で動作する大規模言語モデル（LLM）「Command R+」を使っていますが、相当優秀ですね。体感ではChatGPT（GPT-4）と変わらないレベル。さらに、ChatGPTが回答を拒絶するような会話もできてしまいます。これが体験できるようになったのは、LM Studioに代表されるローカルLLMを動かすためのアプリ環境が整ってきたためです。今年に入り、Command R+を始めとしたローカルLLMが高性能化してきたことと並行し、手軽に使える派生モデルも増えはじめ、一気にあわただしくなってきました。 導入が難しかったローカルLLM、「LM Studio」で簡単に Command R+を試すのに使っているのが、LLMの主要モデルを実行するための統

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

水池屋 @mizuikeyatarou ぼっち・ざ・ろっく!と虎に翼は同じ脚本家の人が書いてて、どっちも人気があって両方見ると納得感があるんだけど、この二作の文化的断絶が凄すぎて、直近の仕事であるにも関わらず殆ど語られることがなくって勿体無いな…偉業なのに 2024-05-12 11:25:02

・小説ドラゴンクエストIV　久美沙織 ・MOTHER、MOTHER2　久美沙織 ・隣り合わせの灰と青春 ベニー松山 ・アークザラッド　山田桜丸（桜庭一樹） ・FF11のシリーズ　はせがわみやび ・ゆめにっき あなたの夢に私はいない　日日日 ・小説若おかみは小学生！劇場版　令丈ヒロ子 （追記） 思いのほかトラバブクマ集まったな。みんなサンキュー。 ファンタジスタドール イヴ はえーファンタジスタドールってあの？ファンタジスタッドー！？ 小説も出てるのか。読んでみよう。 ICO/ 宮部みゆき あれ良かったな。宮部みゆきがノベライズやりたいって自分から立候補したんだっけ？ 久美沙織氏の小説ももちろんよかったけど、それ以上に好きのなのは『マザー2 ひみつのたからばこ』。自分の人生が決定づけられるくらいの衝撃だった。 あったあった！めっちゃディティールに凝ってたよな。デザインセンス?もバリ良かった。

ブラックホールに落ちて行くときにどんな光景が見えるのか、疑問に思ったことはありませんか。そんな疑問に答える映像をNASA（アメリカ航空宇宙局）が公開しました。コンピュータ・シミュレーションにより可視化した映像です。 ブラックホールには、それ以上近づくと光でさえ脱出することができなくなる境界があります。その境界面は「事象の地平面」と呼ばれます。 今回公開された可視化映像は、その事象の地平面の内部まで入って行くものと、事象の地平面に接近後にそこから離れて戻ってくるものと、2パターンが公開されています。 カメラが接近していくブラックホールは、天の川銀河の中心にある、太陽の430万倍の質量をもつ超巨大ブラックホールです。ブラックホールの事象の地平面は約2500万kmにおよびます。ブラックホールは高温で輝くガス円盤（降着円盤）に取り囲まれており、また円盤の内側には光子リングも見えています。 こちらは

今回は、最近話題の「Dify」というオープンソースのLLMアプリ開発プラットフォームを使って、簡単にAIアプリを作る方法をご紹介します。 Difyとは何か？Difyは、生成AIツールの開発プラットフォームです。 単一のモデルを使うのではなく、複数のAIモデルやツールを組み合わせることで、特定のタスクに特化した高性能なAIアプリケーションを簡単に作ることができます。 その最大の特徴は、RAG（Retrieval-Augmented Generation）エンジンを搭載していることです。RAGとは、関連する情報を検索・取得し、それを基に高品質な回答を生成する技術です。Difyではこの強力なRAGエンジンにより、幅広い分野でのAI活用が可能となっています。 圧倒的に使いやすいインターフェースDifyのもう一つの大きな魅力は、その使いやすさです。プログラミングの知識がなくても、直感的なGUIでドラ

Web アプリなどの UI でよくあるのですが、フォームの外側に送信ボタンがあるようなデザインのときに HTML だけで解決する方法があるので紹介します。 form 属性で紐付け <input> 要素の form 属性に <form> 要素の id 属性値を指定することで、フォームと送信ボタンを関連づけられます。 <form id="signin"> <label> メールアドレス <input type="email"> </label> <label> パスワード <input type="password"> </label> </form> <input type="submit" form="signin" value="サインイン">

Web開発において、ページの読み込み速度は非常に重要になります。 そのためにもブラウザのキャッシュは効率的なWebサイト運営に不可欠な機能です。 ブラウザのキャッシュには次のHTTPヘッダを設定することができます。 Expiresヘッダ Cache-Controlヘッダ Last-Modifiedヘッダ ETagヘッダ これらのキャッシュには強いキャッシュと弱いキャッシュで分類が可能です。 「Expires」「Cache-Control」は強いキャッシュであり、「Last-Modified」「ETag」は弱いキャッシュに分類できます。 強いキャッシュと弱いキャッシュ 強いキャッシュは設定された期間内は完全にローカルキャッシュを利用して、サーバーへのリクエストを行いません。 一方で弱いキャッシュはキャッシュされたリソースの検証が必要であり、ETagやLast-Modifiedヘッダを利用して