HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回はさまざまな形状を実装するシェイプです。

はじめに 📘 この記事は ラクス Advent Calendar 2023 の7日目の記事になります。 要件定義から基本設計、さらに実装や保守運用に至るまでの一貫した経験を何度か積んできましたが、毎回 「要件定義って具体的に何の項目が必要だっけ？」 「基本設計との違いって何だったっけ？」 「基本設計と詳細設計の区別って？」 といった疑問が頭をよぎってきました。 そんなわけで、これまでの経験を振り返りつつ、開発プロセスについて１からまとめていくことで頭の中の大掃除を行なっていきたいと思います🧹 この記事の対象者 🎯 開発プロセスについて学びたい方 要件定義の基本を学びたい人 要件定義と基本設計の違いがわからない人 一緒に開発プロセスについて復習したい方 前提 記事中の一部（特に要件定義や基本設計、詳細設計のサンプル）を自動生成で作成してます。一貫性の無い内容があるかも知れませんが、あく

オルト @oooooooorrt 友人から教えて貰った名大消化器外科作成の名古屋飯ガイドのクオリティが高過ぎて笑った。外科学会に合わせて1回限りになるのもなんなので、勝手ながら有効活用しよう jp.jssoc.or.jp/jss124/kodelin… 2024-04-10 16:48:48

アメリカの専門家が生み出した「オレオ公式」 アメリカやヨーロッパの教育熱心な国では、楽しく無理なく思考力を鍛えるために幼稚園や小学校のうちからさまざまな教育を行っています。そんな中、アメリカの専門家が、小学生のうちからロジカルに考えて、読む人を納得させる文章が書けるようにと、オレオ（OREO）という名前のついた公式を作り出しました。 オレオ？　そうです、白いクリームを黒いビスケットでサンドした甘いクッキーと同じ名前ですね。 ロジカルに考え、文章で表現することを助けてくれるオレオ公式は、図表1のイラストのように図にすると覚えやすいです。ところでなぜオレオというのでしょう？

CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 第3弾となる今回はコンテナクエリに基づく単位（cqw, cqh, cqi, cqb, cqmin, cqmaxなど）の便利な使い方を紹介します。 Container query length units -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 第1弾・第2弾は、下記をご覧ください。 フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を解説 ビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を解説 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得

「この絵、生成AI使ってますよね？」──“生成AIキャンセルカルチャー”は現代の魔女狩りなのか　企業が採るべき対策を考える（1/4 ページ） 3月、人気アニメシリーズ「プリキュア」を巡り、ネット上で騒動が起きた。プリキュア公式のXアカウントが、シリーズ第2作「ふたりはプリキュア Max Heart」関連の新商品に関する告知を行ったところ、その商品に使われたイラストを見た一部のXユーザーから「生成AIを使って作成したのではないか」との声が上がったのだ。 この「非難」の声は次第に大きくなったが、実はAIが生成したというのは全くの誤解。新商品発表から8日後、プリキュア公式Xアカウントが改めて「（問題を指摘された画像は）描き起こしたものであり、画像生成AIを使用したイラストではございません」と発表した。この発表に対して「公式にわざわざこの声明出させる時点で、臆測でのAI生成扱いは迷惑行為だと気付こ

はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":

こんにちは！　ベトナム料理普及家のKi Yamamotoです。 家でできるベトナムご飯、アジアご飯のレシピや調味料、食文化に関する情報を発信している僕が今日紹介するのは、台湾や中国・北京などで食べられている屋台メシ「葱油餅」（ツォンヨウビン、ツォンヨウピン）です。 粉とねぎ、塩、油とシンプルな材料で作った生地を焼いた、クレープのようなお好み焼きのような、具入りのデニッシュのような一品。これが、素材それぞれの美味しさが引き出された名品なんです。 僕が台湾の夜市で食べた思い出の葱油餅は、外はカリカリ、中はもっちりとろ～り。ねぎの香りがふわっと広がり、これウマいですね！　と思わずお店の人に話しかけちゃいました。 今回はその葱油餅を僕なりに作りやすくアレンジ。ラードやもち粉、強力粉を使うレシピもありますが、今回はできるだけ身近な材料でいきます。お酒のおつまみやおやつ、小腹が空いたときの軽い食事にぴ

買って放置していたホットケーキミックスを棚に見つけて、小腹の足しにレンチンしようとした。 マグカップにドサっと粉を入れて適当に牛乳入れてスプーンで練って、終わり。もちろんこのスプーンはレンチンの間は口にくわえてて、そのまま食べるのに使うよね。 でもこの日は違った。マグカップの中の練った生地を見て、これフライパンで焼いてなんか乗せればもっとうまいかもねと頭によぎってしまった。 焼いてブルーベリージャムとバター付けて食べてうまかった。けどね。 出来た量に比して洗い物が多すぎる。 マグカップに、練ったスプーンに、フライパンに、フライ返しに、バターナイフに、ジャム用スプーンに、ホットケーキ置いた皿に、フォーク。 マグカップじゃなくてボウルかなんぞで作ったら、生地をぬぐうシリコンのへらとかもある！手間すぎる…。

随分、放置しておりました本ブログですが、ぜひ語りたいことが出てきましたので、緊急で書いています（YouTuberの「緊急で動画回してます」みたいなノリ）。 お茶好きをざわつかせた記事 インターネットの黎明期から活動されていた、とほほ（杜甫々）さんという方がいらっしゃいます。 Webサイトが”ホームページ”と呼ばれていた時代に、Webサイトを記述するHTMLという言語がありまして、それを分かりやすく解説するサイト（とほほのWWW入門）を運営されている方です。 私もその頃、よくページを読みに行って勉強し、ゼミやサークルのホームページを作ったものでした。 インターネット老人会？の方は、たいていお世話になっていることの多い方です。 さて、そのとほほさんは、今でもWebサイトの更新を続けられております。 インターネット関係だけではなく、色々な情報のまとめもされています。 実は、その新しいジャンルとし

Generate cute illustrations that can be used for presentation materials, public relations, and posters. プレゼン資料や広報、ポスターに利用可能な、かわいいイラストを生成します。※英語・日本語文字のオーバーレイにも対応しました。画像生成後「文字を入れて」と指示してください。フォントも複数あります。Text overlay is also supported. After generating the image, please instruct "insert text".

広野 萌 @hajipion 日本語おしゃべり特化AIアプリ「Cotomo」すごすぎる。1秒以内に返答がくるのと前の話を覚えてるのが、本当に生きてるみたい。 ↓こちらは現金派のCotomoちゃんを論破しようして逆に論破されるキモ男 早口でどもってても聞き取れてるし、オチが天使すぎる👼 声がたまに @harukana_8 に似てるのも良い pic.twitter.com/jhX3X6Giev 2024-02-24 16:54:21 リンク App Store ‎Cotomo（コトモ：音声会話型おしゃべりAI） ‎・1人で運転している時。 ・推しのキャラを設定したAIと喋りたい時。 ・恋愛や仕事、将来の話、家族の話。他愛もない話をダラダラしたい時。 ・友達には少しだけ話しにくい、嬉しかったことや、モヤモヤがある時。 ・晩酌のお供に。 ・深夜、ふと誰かに話したくなった時。 そんな時、Cotom

週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス

味の素が不当に叩かれてるって話題を見て、ふと思ったけど、そもそも味の素の使いどころがよくわからん。 レシピ見ながら料理はよくするけど、レシピには意外と出てこないからな。本だしとか味覇とかは出てくるけども。

今、「マルハラ」という新たなハラスメントが注目されている。 【映像】「w」「笑」20代に聞いた、正解はどっち？ 「承知しました。」という一見、何の変哲もない表現が若者たちにとっては淡々としすぎていて、怒っているように感じられるという。これは「マルハラ」と呼ばれ、若者たちにとっては「。」が怖く、新しいハラスメントになっている。また、「連絡ください。」「すぐ来てください。」「はい。」など、最後に「。」がついた文面も怖いと感じているようだ。 心理学が専門の明星大学大学院・藤井靖教授は「LINEとかコミュニケーションアプリの特徴って連続的にトークがずっと残っているというコミュニケーションの特性がある」と話す。 「連続性を有するコミュニケーションを前提とした媒体に育ってきていると、句点が入ることはバスッとその連続性みたいなものが断たれて、関係が切られたような感じがしたり、これは何か厳しいことをしっか

むる☺︎♕1y @mwmwmwmwmwat 旦那のこれほんとに腹立つんやけどなんで毎回毎回納豆の袋だけ残すの？納豆の袋になんの愛着があんの？ほんとに意味わからん腹立つ pic.twitter.com/sp1csRNEVT 2024-01-29 18:30:12 むる☺︎♕1y @mwmwmwmwmwat 色々アドバイスいただいてありがとうございますなんですけど、納豆はいつも複数種類買うことが多いので入れるときにパッケージ外すのは無理なんですよね〜わからなくなるので🙄なので最後に取った人が捨てるのがベストなんですけど…🙄 次やったら皆さんのアドバイス通り旦那のカバンに入れます🤣 2024-01-30 09:13:44

入力ボタンのアイコンパック『Input Prompts』、Webサイト「Kenney」で無料公開 各種コンシューマー機のゲームパッド、キーボード・マウスといった入力ボタンのアイコンが収録されている SVGファイル、サイズの異なる2種のPNGファイルで用意 ゲーム開発用素材の配布やゲームの公開・販売などを行うWebサイト「Kenney」にて、ゲームパッドなどの入力ボタンのアイコンがセットになったパック『Input Prompts』が公開されました。 Input Prompts are now available! Contains 800+ glyphs for common input types, including overlays and generic controls. Includes PNG (64×, 128×) and SVG, plus an overview of a

【矢島先生よりひと言】 卵料理は強火でさっと火を通すことが大事。3つのコツを押さえれば、おうちで本格的な中華炒めが作れますよ。 【トマトと卵の中華炒め】の作り方 材料(2人分) トマト…大玉1個（約200g） 卵…3個 塩・こしょう…各少々 サラダ油…大さじ1（1/2+1/2） 顆粒鶏がらスープの素…小さじ1/2 ごま油…大さじ1/2 ■冷凍トマトで作る場合は、ミニトマトがおすすめ 作り方 １　トマトはヘタを取り除き、皮つきのまま8等分のくし切りにする ■POINT：トマトは大きく切ると、炒めたときに水っぽくなりにくい。 ２　卵に調味料を加えてよく混ぜる ボウルに卵を割り入れ、ごま油と顆粒鶏がらスープを入れる。菜箸で白身を切るようによく混ぜる。 ■POINT：ごま油を加えることで、卵がふわっと仕上がる。 ３　フライパンを熱し、強火でトマトを焼く フライパンにサラダ油大さじ1/2を強火で熱し

マンガ・同人誌向けのアンチック体フォントはたくさんあります。今回紹介する「GL-ノバンチカ源」はアンチゴチとしての読みやすさはもちろん、セリフや擬音・擬態語に使用する濁点・半濁点つきのひらがな・カタカナ、小書き仮名も揃っており、こんなにも仮名や記号文字が揃っているフォントはないと思います。小書きの「ん」や「ー」の濁点なども揃っています。 オープンソースなので、個人でも商用でも完全に無料で利用できます。しかも、改変や組み込みもOKの太っ腹ライセンス！ GL-ノバンチカ源 -GitHub 「GL-ノバンチカ源」の特徴 「GL-ノバンチカ源」のダウンロード 「GL-ノバンチカ源」を使ってみた 「GL-ノバンチカ源」の特徴 「GL-ノバンチカ源」は、「GL-アンチック」「GL-オとマのペ」などマンガ・同人誌向けのフリーフォントや「GL-築地初号などを多数リリースされているGutenberg Lag

「ボカロ」というジャンルの現在を総括する評論同人誌『ボーカロイド文化の現在地』の主宰・highlandさんが選ぶ、2023年のボカロ名曲15選──。 2023年に入ってますます盛り上がりを見せているVOCALOID（以下、ボカロ）シーン。 その熱狂は多かれ少なかれコミュニティ外にも認知されていると思うが、一方で「今のボカロに興味はあるけど何から聴けばいいのか分からない」と感じている方も多いことだろう。 今回は2023年に発表されたボカロ曲の中から、ボカロを知らない人にも届くような力をもつポップな名曲を15曲ピックアップした。 少しでも気になる曲があればぜひ聴いてみてほしい。 執筆：highland目次 1. 強風オールバック（歌愛ユキ）／ Yukopi2. 人マニア（重音テト）／原口沙輔3. 花に風（初音ミク）／バルーン4. マザーデイズ（可不）／Chinozo5. ザムザ（初音ミク）／て