Version 1.93 is now available! Read about the new features and fixes from August. vscode.dev(!) October 20, 2021 by Chris Dias, @chrisdias Back in 2019, when the .dev top-level domain opened, we picked up vscode.dev and quickly parked it, pointing at our website code.visualstudio.com (or, if you are from the Boston area like me, we "pahked it"). Like a lot of people who buy a .dev domain, we had n
このところ暇さえあれば画像生成AIを使っていろいろな画像を出力することにハマっているムラリンです。私が主に使っているのはMidjourneyなのですが、こうした画像生成AIを触りはじめた人が、誰でも一度はチャレンジするお題に、「自分の似顔絵やアバターを作る」というテーマがあります。 絵画や色鉛筆画のような肖像画であればさほど難しくはないのですが、ほとんどの人が求めているのがアニメのようなタッチの似顔絵です。ところが、実のところAIにアニメタッチの自分の求める似顔絵を吐き出させるのはそれほど簡単ではなく、たいていは残念な結果が出力されるかまったく似ないかで挫折することになります。たぶん、この記事に目を止めてくいただいた方の中にも、そういった方が多くいらっしゃるのではないかと思いますが、今回はそんな方たちのために、いくつかアニメ調の似顔絵キャラクターを作成する方法をご紹介したいと思います。 も
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
ダークモード時の画像の扱い方
2023年2月7日 CSS, Webサイト制作 以前から個人的にダークモードの対応を推奨しています。基本の書き方は過去記事「Webサイトをダークモードに対応させよう」を読んでもらうとして、今回は画像まわりのダークモード実装方法を中心に紹介します！ ↑私が10年以上利用している会計ソフト！ 画像の明度や彩度を落とす 明るい背景色の場合、画像は鮮やかで明るい色合いが目に止まりやすいですよね。しかしダークモードでは、まわりが暗くなるので画像だけ派手に眩しく見えてしまいます。そこで、CSSの filter を使って、ダークモードのときは明度や彩度を調整するといいでしょう。 実装するには filter プロパティーに、明度は brightness() 、彩度は saturate() を指定します。カッコの中にパーセントで割合を書けば完了。明度・彩度両方指定するなら以下のように値を続けて書きます。 @
無地のウィンドウが起動します。 最大化ボタンのスナップレイアウトメニューが表示される、標準的なウィンドウです。 一通り動作確認したら閉じてください。 ■画面の作成 「MainWindow.xaml」を開き、画面を作成します。 <Window x:Class="WrapLauncher.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:WrapLauncher" xmlns:mc="http://schem
非力なPCでもBlenderで高速にレンダリングする方法｜yossymura|3DCG＆イラスト・漫画｜note
注意事項 本記事の内容を実施する場合は、すべて自己責任でお願いいたします。 また、ご紹介しているソースコードは私の管理するものではありません。 ご質問やお願い等にはお答えできない可能性があることをご承知おきください。 Blenderでモデリングを始めてから、多くのYouTubeやWebサイトを通じて、様々なノウハウを学ばせてもらっています。 ただ、いつも有用な情報を頂いてばかりなのも気が引けるので、たまには自分の知っている、需要がありそうな情報を書いてみます。 今回は、非力なPCを使っている人の大きな悩みである「レンダリングの遅さ」を解消する方法と手順を書きました。 インターネットにさえ繋がっていれば、無料かつ数分でできるので、「レンダリングが遅いなー」とか「PCへの負荷が気になるなー」なんて感じる人は、参考にしてみてもいいかもしれません。 大きく分けて、以下のたった2つの手順でできちゃい
ソフトウェアデリバリーパフォーマンスに関する考察（前編） - State of DevOps 2022では何が示されたのか
ソフトウェアデリバリーパフォーマンスに関する考察（前編） - State of DevOps 2022では何が示されたのか 去る2022年9月29日（アメリカ時間）にState of DevOps 2022が公表されました。 State of DevOpsとは、年に1回DORA（Google Cloud内のチーム）が発表しているソフトウェアのデリバリーパフォーマンスに関する調査結果レポートです。State of DevOpsでは、ソフトウェアデリバリーパフォーマンスの指標でもあるFour Keysや、Four Keysの改善効果が高いとされるケイパビリティについての詳細な内容が記載されています。 株式会社ビズリーチでは、日々プロダクト開発のプロセスをより良くするための活動を行っています。今回State of DevOps 2022の発表に伴い私が所属するプロセス改善部内でState of
ごちうさ3期『ご注文はうさぎですか？BLOOM』が本当にとんでもないアニメになっているという話 + ごちうさ原作・アニメ比較 - 日陰の小道
gochiusa.com 今期絶賛放送中の『ご注文はうさぎですか？BLOOM』みなさんも見ていますか？ 言わずと知れた『まんがタイムきららMAX』連載中の大人気コミック『ご注文はうさぎですか？』新作TVアニメ3期です。本作もとっても癒やされるアニメに仕上がっていますね〜。わたしも毎週楽しく見ながら、心をぴょんぴょんさせています！ 楽しいアニメを見て天に昇るような心地のわたしのイメージです （『ご注文はうさぎですか？BLOOM』6羽のシーンより） …………大嘘。 本当はその重厚な人間ドラマに毎回感動のあまりに体を震わせながら、アニメ筋（アニメを見るための筋肉のことです）を酷使してズタズタに引き裂かれているので「ぴょんぴょん」とか「かわいい〜」言ってる余裕がないです。マジで。いやかわいいんですけど。 アニメにボコボコにされたわたしは、シンプルにこう思いました。『ごちうさ』ってこんなにすごい作品
WebKit Features in Safari 16.4
Mar 27, 2023 by Patrick Angle, Marcos Caceres, Razvan Caliman, Jon Davis, Brady Eidson, Timothy Hatcher, Ryosuke Niwa, and Jen Simmons ContentsWeb Push on iOS and iPadOSImprovements for Web AppsWeb ComponentsCSSHTMLJavaScript and WebAssemblyWeb APIImages, Video, and AudioWKWebViewDeveloper ToolingWeb InspectorSafari Web ExtensionsSafari Content BlockersNew Restrictions in Lockdown ModeMore Improve
visionOSのサンプルをシミュレーターで動かしてみたり新規プロジェクトを作成してみたりすると、結構新しい概念や用語がいろいろと登場していることに気付く。 基礎概念や用語は早めに理解しておいた方が良いだろうということで、WWDC23のセッション "Get started with building apps for spatial computing" の冒頭と後半にあった解説を整理した。 なお、引用表記と画像は基本的に"Get started with building apps for spatial computing"より。 Elementsウィンドウ各アプリは、1つまたは複数のウィンドウを持つことができる。 SwiftUIでSceneを用いて構築でき、 2Dと3Dコンテンツを混在させることができる。 ユーザーが自由に拡大縮小や再配置を行える。 ボリュームボリュームは3Dコンテン
![[visionOS] Spatial Computingの用語・基礎概念の整理 #WWDC23｜shu223](https://cdn-ak-scissors.b.st-hatena.com/image/square/1613ede5136dfa29cb4884c5c94351a5410dcf45/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F109150053%2Frectangle_large_type_2_d2241ff3af0b7026d7da15d9117e9b5b.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
本記事の内容は可能な限り正確な情報を記載するよう努めていますが、 必ずしも内容の正確性や安全性を保証するものではありません。 当記事を参照・利用したことによってトラブルが発生しても一切の責任を負いかねます。 また、本記事にて記載している検証行為はすべて筆者の developer 環境で行っております。 はじめに 2020年の末ごろから、Salesforce の設定不備による情報漏洩を伝えるニュースが立て続けに報じられるようになりました。 この問題を一番よく伝えているのは日経クロステックで、同紙によると現在までに、多数の企業で影響があったとされています。（注：ただし、報じられている企業の多くは、プレスリリースでは「クラウド型システム」というような表現に留めており、Salesforce のことであるとは発表しておりません） また、02/12には両備システムズから Salesforce を利用し
GW中の連続企画として、画像生成AI「Midjourney」を使ったAIイラスト制作TIPS記事をお届けしています。また、5月2日には、これに関連した生放送企画も実施しましたが、ご覧いただけたでしょうか？ こちらの放送では、本連載企画の第1回と第2回で取り上げた、「Midjourney」の始め方の紹介と、「Midjourney」を使った似顔絵制作に実際にチャレンジしているのですが、放送時間の制約もあり、時間内にできあがったアスキー編集部つばさの似顔絵がちょっと微妙な感じでした。 そこで今回は、引き続き、あのとき例題として利用した写真を使って、もうちょっと本人に似るまで試行錯誤を繰り返したら、どんな結果になるのか、を、その試行錯誤の過程と共にお届けしたいと思います。生放送を未視聴の方は、動画の後半部分、48分20秒ころからの映像を見てから、本稿をお読みいただけるとさらに楽しめると思いますので
今すぐ使える最新CSSテクニックや書き方20選 サンプルコード付レシピ ひと手間でガラリと変わる、これからの新しいCSS HTML/CSSの入門書などには載っていない、登場したばかりの最新CSSテクニックをまとめてご紹介します。 サンプルのソースコード付きなので、理解しやすく、実装したいときにも役立ちます。 ページの演出に使える、デザインの仕上げにもオススメしたいワザが揃いました。 「こんなことがCSSでできるの?!」と思ってしまう、オドロキのテクニックを学んでみましょう。 コンテンツ目次 1. キラキラに輝くホログラフをCSSで実装 2. クールなグラデーション背景のつくり方 3. oklch()による色の設定 4. 夢のような景色「Dreamy Blur」エフェクト 5. オフキャンバスのメニューをポップアップで実装 6. スクロール連動型のCSSアニメーション 7. 3Dなグリッチ・
VRM入門｜npaka
1. VRMとは「VRM」は、プラットフォーム非依存の3Dアバターファイルフォーマットです。「人型のキャラクター・アバター」において、細かいモデルデータの差違を吸収し、アプリケーション側での取り扱いしやすくすることを目的としています。UnityでVRMファイルを読み書きする標準実装が提供されますが、フォーマット自体はプラットフォーム非依存であり他エンジンや環境でも取り扱うことが可能です。 2. VRMの特徴VRMの特徴は次のとおりです。 ・プラットフォーム非依存で人型のキャラクター3Dモデルデータを取り扱うことが可能。 ・3D標準の「glTF2.0」をベースに、人型モデルを取り扱うための制約と拡張を加えたフォーマット。 ・テクスチャやマテリアルなどすべてのデータを含めて1ファイルにまとめられる。 ・スケール（1.00 = 1m）・座標系と向き（Y-up, -Z方向向き）など標準仕様が決まっ
Unityでスライムを作ろう！ - Qiita
この記事は Akatsuki Advent Calendar 2021 14日目の記事です。 13日目は、アディさんの「カードゲームクリエイターで快適ポケカライフを過ごす」でした。 はじめに はじめまして、新卒クライアントエンジニアのyuyuです。 アカツキにはハイパーカジュアルゲームを作る研修があるのですが、そこで作ったゲームにスライムの表現を入れました（下の画像参照）。 それが思いの外いい感じになったので、記事として残すことにしました。 本記事では、全体の工程を10ステップに分割して説明していきます。 最終的にはこのような画を作っていきます。 プロジェクトはこちらにアップしています。 対象の読者 この記事は、以下のような方を対象としています。 シェーダーやレイマーチングの経験があり、スライム的な表現のミソを知りたい シェーダーやレイマーチングの経験はないが、実際に動くコードや途中経過を
デザイナーがコーディングできるべきかという議論がSNS上で白熱していますが個人的にはあまり興味がなく、コーディング経験の有無に関係なくWebに適したデザインデータを作ってもらえたらあとはフロントエンドの領分であると思っています。 とはいえ、Webに適したデザインデータをつくれないデザイナーが多いのでああいった議論が白熱するのではないかとも思っています。 Webに適していないデザインデータとはどういったものかというと、古くから言われているものではPhotoshopの『乗算』を使うとCSSで表現できないためダメというものがあったりします。 CSSでもmix-blend-modeという機能で対応できるけどブラウザの対応状況を鑑みるに、よほどの理由がないかぎりPhotoshopの『乗算』を使っていはいけないのが今の現実です。 参考：mix-blend-mode - CSS: カスケーディングスタイ
ネットの音楽オタクが選んだ2020年のベストトラック、ベストアルバムの詳細 - 音楽だいすきクラブ
順位のまとめ、補足、おまけです。画像や文章を見たくない。スクロールが大変な方はこちらがおすすめです。 2020年のベストトラック 2020年のベストアルバム 国内トップ150アルバム 海外トップ150アルバム 2020年のベストトラック 1. 米津玄師「感電」 2. BTS「Dynamite」 3. GEZAN「東京」 4. 宇多田ヒカル「Time」 5. サニーデイ・サービス「春の風」 6. The 1975「Me & You Together Song」 7. The 1975「Guys」 8. 藤井風「優しさ」 9. 赤い公園「pray」 10. 折坂悠太「トーチ」 11. 舐達磨「BUDS MONTAGE」 12. 赤い公園「オレンジ」 13. KID FRESINO「Cats & Dogs (feat.カネコアヤノ)」 14. RYUTist「ALIVE」 15. あいみょん「裸
この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 これまではむずかしいと思っていたことや、面倒な作業をボタン一発で完了できるなど、デザイン制作の時間短縮にぴったりなツールから、遠隔でのテレワークにも便利な新機能、ユニークなツールやサービスなどが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Tail Blend CSSmix-blend-modeプロパティをリアルタイムで
今まで「IE非対応」が壁となり業務での使用を躊躇していたCSSプロパティがいくつもありました。 しかし、ネットや各メディアでも話題になった通り、2022年6月16日、ついにIEのサポートが終了しました（一部OSを除く）。 そこで、IE終了により解き放たれた画期的なCSSプロパティを、個人的メモも兼ねて記載していきたいと思います。 全く新しいレイアウトの形「grid-template」 「grid-template」を初めて知った時は驚きました。 このプロパティを使用すると、以下コードのように視覚的にレイアウトをコントロールすることが可能となります。 See the Pen Untitled by monji (@monji88) on CodePen. これ、かなりやばくないでしょうか？見てわかるようにレイアウトはもちろん、各要素の高さ、幅、marginすらもgrid-templateプロ
アップル、新しいプログラミング言語「Pkl」をオープンソースで公開。コンフィグレーション生成用 | テクノエッジ TechnoEdge
ITジャーナリスト／Publickeyブロガー。IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。 アップルは、さまざまなコンフィグレーションファイルを生成するための静的型付言語「Pkl」（発音はPickle＝ピックル）をオープンソースで公開しました。 ソフトウェアやクラウドサービスなどの設定に用いるコンフィグレーションファイルはどんどん複雑になってきており、利用者が望む詳細な設定を、一般的なコンフィグレーションファイルのフォーマットとして使われているJSONやYAML、XMLプロパティリストなどの形式で正確に記述することは難しくなってきています。 Pklはそうしたコンフィグレーションを正確かつ分かりやすく記述するために開発された、特定目的用のプログラミング言語だと説明されています。 Configuration-as-Codeを実現するた
Linuxディストリビューションにはサポート期間の長いものやローリングリリースを採用しているものなど多様な種類が存在しています。そんな数あるディストリビューションの中でも、システムのコア部分が編集不可能で不変性を担保している8つのディストリビューションが海外メディアのIt’s FOSSによって紹介されています。 8 Immutable Linux Distributions for Those Looking to Embrace the Future https://itsfoss.com/immutable-linux-distros/ 以下に挙げる8種類のディストリビューションは、コア部分を読み取り専用にすることでシステムの不変性を確保しています。不変性の確保には、「セキュリティ強化」というメリットの他、「どの環境でもシステム構成が同一なため、コンテナ技術を用いたアプリケーションの配
1月15日にMicrosoft Edgeの正式版がリリースされました。 とはいえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。 そこで、この記事ではWeb制作者向けの注意点と、非Web制作者、たとえば上司や家族などにEdgeを勧める時の注意点などをまとめています。 これまでのMicrosoft Edgeと何が違うの？ これまでのMicrosoft Edgeは、Microsoft製の独自のブラウザエンジンでした。 そのため、これまでのIEへの悪いイメージもあり、またGoogle ChromeやSafariのような他のWebブラウザーと表示や動作が異なる場合もあり、あまり普及しませんでした。 新しいEdgeは、Google Chromeと同じChromiumとよばれるブラウザエンジンになりました。 なぜ私のWindows PCには配信されていないの？
GitHubの画像diffって便利だし何だか面白いですよね。 ところで、このSwipe Diff機能がどのように実現されているか、皆様はパッとわかるでしょうか？ ・ ・ ・ 私は20秒ほど考えてわからなかったので、DevToolsから仕組みを調べてみました。 実装方法 わかってしまえば非常にシンプルで、 2枚の画像を重ねる 上層の画像のWrapper幅を、スライダーの位置と連動させる という発想でできていました。 上層のWrapper幅が小さくなると、下に隠されていた画像が覗いて、あたかも連続的に変化しているように見えるという寸法ですね。 実装 Reactで簡易的に実装したコードです。マウスホバー／スワイプで境界を動かせます。 （スマホからだとスワイプが少し難しいためPCで開いたほうがわかりやすいです） 要点のみ解説すると、 onPointerMoveイベントでポインタのX座標を取得し、上
ドリップバッグで味わう横濱六角橋リッチブレンドとコルドン・ブルー仕込みのメレンゲ - ツレヅレ食ナルモノ
珈琲で横浜を感じる3月。第4段は、横浜六角橋を代表する珈琲店【珈琲文明】こだわりのドリップバッグ。 横濱六角橋Rich Blend 5包 1,000円(税込) ※1包 260円(税込) 白楽六角橋商店街のふれあい通りにある名店、珈琲文明。サイフォンで一杯ずつ淹れてくれる店主こだわりの珈琲が有名ですが、その味をドリップバッグでも味わえるように作られたものです。 納得のいくドリップバッグにするために一杯分に豆を業界最多容量の13g使用。そして、"This is coffee"と言うしっかりした味わいを出すために産地銘柄品種すべてが選び抜かれています。 確かにThis is coffee. どっしりとした苦み。深み。コク。これぞ、昔からイメージしてきた珈琲って感じです。 ちなみにブレンドは ブラジル カツアイ種のナチュラル精製 コロンビア ティピカ,カツーラ種のウォッシュド インドネシア マン
こんにちは。らくとあいすです。 VRChatワールド探索部 Advent Calendar 2022 12日目の記事です。 本記事では、VRChatをはじめとするVRの世界において、「音をそこに存在させる」ための技術と、そのVRChatでの利用方法を紹介します。想定する読者としては、 VRChatで音のあるワールドを作ってみたい人 VRChatのワールド探索や音楽ライブを音の視点からもっと楽しみたい人 立体音響についてごく基礎的な事項を知りたい人 などになると思います。ただし私は、立体音響やゲームサウンドの専門家ではないため、いちVRChatのワールド制作者として、種々の文献等を頼りに記事を執筆しております。誤った情報がないように努めておりますが、学術的な信頼性を期待出来る水準の記事ではない点ご留意いただければと思います。 1. はじめに 現実の私たちの生活空間にはたくさんの音があります。
ホッとひと息つきたいときのおやつにも、おなかいっぱいだけど甘いモノは別腹な食後のデザートにも、なんならお酒のあとのシメにも、いつ食べても美味しい身近なスイーツの代表格といえば…そう、みんな大好き「プリン」でございます。 ひと言でプリンといっても、この世界にはいろいろな食感や甘さ、風味のプリンがあります。そのなかでも、根強いファンを持ち、エリアによっては完全に主流派（？）なのが「かたいプリン」です。 スプーンですくうとプルプルッとした感触が指に伝わり、口に入れればなめらかな口当たりとともに、甘～くとろけていく…みたいな「やわらかプリン」も素敵ですが、今回注目する「かたいプリン」は、それとはちょっとキャラクターが異なります。 基本的には、「やわらかプリン」に比べてドッシリとした食感と濃厚な味わいが「かたいプリン」の特徴。とはいえ、お店によってかたさや甘さ、トッピングもさまざまなので、本当に知れ
※本記事はアフィリエイト広告を利用しています。 横浜駅界隈でラテアートを楽しめるカフェはいくつもあるけれど、美しさはNo.1かも。 そんなカフェラテを飲めるのは、ラテアート世界大会準優勝の経験を持つ尾﨑数磨氏が手がける中目黒のSwell Coffee Roasters2号店『Swell CoffeeRoasters lab』 ot-icecream.hatenablog.com アソビルと言うと、ラーメン、カレー、居酒屋のアソビル横丁がメインでどちらかと言うとお洒落感よりも親しみやすさ重視なイメージでしたが、横丁から少し外れたところに、スタイリッシュなカフェがオープンしていました。 カフェラテ 650円(税込) 酸味と苦味のバランスがとれたオリジナルのswell blendで作り上げるカフェラテ。ラテアート大会の輝かしい受賞歴だけではなく、様々な店舗の立ち上げを行い、カフェのディレクション
ホームページを制作するときに、何度も繰り返し利用するコードは、スニペットとして整理しておくのがオススメです。 スニペットとは「切れ端」「断片」という意味で、コピペで簡単に再利用できるテンプレートのようなもの。 この記事では、コピペで使える便利な最新HTML／CSSスニペットをまとめてご紹介します。 ブラウザ上でHTMLやCSSのコードを編集しながら、リアルタイムでプレビューを確認できるのもポイント。 画面右下にある「Return」キーをクリックすることで、再読み込みでプレビューできます。 コピペできる、保存しておくと便利なHTMLスニペットまとめ 水平方向に無限スクロールするアニメーション 左右どちらへもスクロールするCSSアニメーションで、両サイドはグラデーションでフェードアウトしています。 See the Pen Infinite Scroll Animation by Yoav Ka
blendOSは、開発元が「あらゆるLinuxディストリビューションをシームレスにブレンドしたもの」だと表現しているように、イミュータブル（変更不可能）なLinuxディストリビューションであり、開発者のこの言葉をほぼ具現化する素晴らしい出来となっている。 blendOSは、他のさまざまなディストリビューションに搭載されているパッケージマネージャー（「Arch」の「pacman」や、「Ubuntu」の「apt」など）や、blendOS独自のパッケージマネージャー「blend」を搭載している。また、このOSの使いやすさを向上させるためのレイヤーとしてのコンテナーランタイムである「Podman」や、ユニバーサルパッケージマネージャーである「Flatpak」も搭載している。それだけではない。ウェブアプリをインストール（またはお気に入りのウェブアプリを追加するよう要求）できるようになる「blendO
珈琲で横浜を感じる3月。第2段は、横浜市福富町で1920年に創業したキーコーヒーが当時に飲まれていたコーヒーの味わいをイメージしたブレンド。 横浜1920創業ブレンド 200g 1,782円(税込) @COFFEE BEANS Clé de YOKOHAMA by KEY COFFEE KEY COFFEEが横浜で創業したことを知ったのは、COFFEE BEANS Clé de YOKOHAMAが数年前に横浜高島屋に出来た時、創業の地に戻ってきました、と発表されていたからでした。 キーコーヒーって創業当時はコーヒー商「木村商店」だったんだって。 西洋の食文化が広まった港町横浜で、多くの方に愛されていた味わいをイメージしたブレンドコーヒーです ブラジルベースにエチオピアをプラスしたブレンド。 テラコーヒーさんの横浜ブレンドもそうでしたが、ブラジルのどっしりした苦みとエチオピアのフルーティーさ
こんにちは、デザイナーだけどFigmaよりTypeScriptを触っている時間のほうが長いid:ymrl です。 この記事はfreee Developers Advent Calendarの2日目です。 CSSの mix-blend-mode 、なんだかカッコいい見た目のものを作るのに便利そうとずっと思っていたものの、 mix-blend-mode に何を指定したらどうなるのか想像しづらく、私は「当てずっぽうでいろんな値を入れてみていい感じになったのを使う」みたいな状態でずっと誤魔化していました。 なにせ MDNのmix-blend-modeのページに載っているサンプルがこれですよ。 MDNに載っているサンプル（MDNのmix-blend-modeのページより引用） これだけ見てもよくわからない！ ということで、それぞれの blend-mode の値のときの色の計算方法を調べて、自分で計算
坂口憲二さんの珈琲【The Rising Sun Coffee】をディップスタイルコーヒーで楽しむ @横浜高島屋 - ツレヅレ食ナルモノ
横浜に誕生した、あたらしいコーヒーのカタチ。Dip Style コーヒーバッグ。 View this post on Instagram cafenoma(@cafe_no_ma)がシェアした投稿 4つの人気ロースターが、それぞれ4つのシーンをイメージしたブレンドを作り上げています。 ◇参加ロースター CAFE VIVEMENT DIMANCHE GOLPIE COFFEE MARUYAMA COFFEE THE RISING SUN COFFEE この中から今回は、あの坂口憲二さんが焙煎士を務めるThe Rising Sun Coffeeをチョイス。COFFEE & SURFING のコンセプトがかっこよすぎてずっとお店に行ってみたかったんです。1袋 250円(税込)。 ディップスタイルとは、紅茶のようにテトラ型の袋を湯に浸して（ディップして）飲むスタイル。特別な道具も知識もいらない、と
I recently received a tantalizing email from a reader I’ve never met: Sam Henri-Gold. Sam showed me how you can key in a couple write commands in the macOS terminal: defaults write NSGlobalDomain WebKitDeveloperExtras -bool true defaults write -g WebKitDeveloperExtras -bool YES Which will enable a context menu in a system web view: Which lets you trigger the Safari Web Inspector and inspect elemen
サイトを制作する際にちょっとしたワンポイントとして、ボックスやボタンの背景にパターンを使いたい場面があるかと思います。 そんな時、わざわざフォトショやイラレで画像を作るのは結構面倒ですよね。 そこで今回はCSSをコピペするだけで使える51種類以上の背景パターンをご紹介します。 種類豊富で色々なシーンで使いどころがあるかと思いますので、気に入った背景があればぜひお気に入りに登録しておきましょう！ ギンガムチェック風CSS背景パターンSee the Pen texture by Miriam (@karaWhiteDragon) on CodePen. 28種類のグラデーションストライプCSS背景パターンSee the Pen Cards with simple stripe backgrounds by Ana Tudor (@thebabydino) on CodePen. ハーフトーンC
追記GitHub Sponsors で組織がスポンサーになれるようになったため、個人アカウントから組織アカウントへ切り替えました。 月 500 ドルなぜスポンサーになったのか時雨堂では自社製品のすべてのウェブドキュメントに Sphinx を利用しています。そのため Sphinx を継続的な開発を少しでもやりやすくしてもらえるようにスポンサーになりました。 個人としても Sphinx は利用させてもらっており、今まで小宮氏への個人的なスポンサーにはなっていました。 ただ今後も Sphinx を自社製品のドキュメントとして使い続けたいという思いから、企業としてメインの開発者である小宮氏への継続的なスポンサーになるべきだと判断しました。 時雨堂がスポンサーになっている開発者Cowboy や Gun の開発者である Loïc Hoguin 氏Blend2D や AsmJit の開発者である Pet
指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ
2021年7月3日に静岡県熱海市伊豆山地区で発生した土石流災害に関連して、静岡県では兼ねてから災害に備えて3次元点群データの蓄積・オープンデータ化が進められていたほか、災害発生直後より比較的短期間にもかかわらず、2次元・3次元を含めてさまざまな空間データ・デジタル地図等が共有されました。執筆者自身がSNS等から把握し、原典を調べてまとめた情報のため、網羅性・完全性は担保できませんが、二次利用可能なものを中心にリスト化しました（以下、順不同）。もし追加等あれば教えてください。【作成：瀬戸寿一 ｜本記事は、CC BY 4.0としますが、サムネイル画像はデータ公開元によって異なるライセンスを用いている場合がありますので二次利用される場合はご注意下さい】 静岡県庁 静岡県熱海市土砂災害動画（MOV形式 - CC BY 4.0/ODbL のデュアルライセンス） https://www.geospat
2022年10月19日 CSS 画像の中の色や明るさの濃淡を、様々な大きさのドットで表現するハーフトーン。日本語では網点とも言うようです。どこかレトロで、アメコミタッチなこのハーフトーンを、CSSで表現してみます！ ↑私が10年以上利用している会計ソフト！ グラフィックツールを使わず、CSSだけでひとつの画像をこんな感じに加工してみます。 1. 画像をdivに入れておく まずは下準備。「halftone」というクラス名をつけた div に画像を入れておきます。今回は猫ちゃんの画像を用意しました。 HTML <div class="halftone"> <img src="cat.jpg" alt=""> </div> 2. CSSで水玉模様を作成 「halftone」クラスに ::after で疑似要素を作成。 position を使って猫ちゃん画像の上に重ねます。水玉模様は円形グラデーシ
はじめに GMO NIKKOの吉岡です。 みなさん、生成AIは活用してますか？ ChatGPTに始まり、Claude3やGeminiなど、実用的なAIがどんどん出てきてますね。 自分も使ってはきましたが、課金が気になってしまいます。 これではサービスに組み込むことは難しいですよね。 そのためローカルで動くLLMを追ってきましたが、今年に入って実用的な日本語を返すことができるモデルがいくつか出てきているので、サーバー構成からインストール方法、LLMの起動まで紹介しようと思います。 ローカルLLMを動かす上で一番重要なのはGPUのVRAMです。 LLMは7B、13B、70Bモデルが多いですが、量子化しない場合、必要なVRAM容量は動かすモデルの大体2倍なので、13Bモデルでは26GのVRAMが必要です。 NVIDIAのGPUを使ったCUDAが前提になっているのですが、一般向けでは24Gモデルが
《英語育児》「rhyme (ライム) 」で英語のリズムを身につけよう！ - まったり英語育児雑記帳
( ネイティブの子供達が必ず学習するという「rhyme (ライム)」(韻をふむ)についてです 。 よく「フォニックス」と「ライム」は英語の読み書きに欠かせない、という話を聞きます。 しかし、私はあまり「ライム」を意識して子供達と英語に取り組んだ事がありませんでした。 私自身がライムを分かっていないというのが主な理由です。 英語の発音がバッチリじゃないと、ライムはよく分かりません（−＿−；） 分からないので子供に教えられる筈もなく、絵本やDVDで何となく触れた程度です。 先日、次男がのんびり取り組んでいるワークブックにライムの問題が出てきたり、長男が音読している「エンジョイ・シンプル・イングリッシュ」に宮沢賢治の『雨ニモマケズ』の詩が取り上げられていたので思い出したぐらいです。 英語の詩はライムが入っているという話から。 せっかくなので「ライム」について簡単にまとめてみました。 「rhyme
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vscode.dev Visual Studio Code for the Web
画像生成AI「Midjourney」でアニメ絵の似顔絵やアバターを作る方法 (1/3)
.NET 6とVSCodeでデスクトップアプリ（ランチャー） - Qiita
[visionOS] Spatial Computingの用語・基礎概念の整理 #WWDC23｜shu223
アンチパターンから考える Salesforce ゲストユーザ問題 - Qiita
画像生成AI「Midjourney」でアニメ絵の似顔絵制作パート2ー生放送の宿題解決ー (1/3)
今すぐ使える最新CSSテクニックや書き方20選 サンプルコード付レシピ
もう、SP用のWebデザインを倍の解像度で作るのをやめよう
ラクラクWebデザイン制作！便利な最新オンラインツール39個まとめ
"没IE時代" のCSSプロパティが凄い - Qiita
コンテナの実行やセキュリティに特化した「システムの変更が不可能なLinuxディストリビューション」8選
Web制作者向け新Edgeの注意点と、人に勧めるときに気をつけること
GitHubの画像diffはどのように実装されているのか
VRの世界に音を存在させる - らくとあいすの備忘録
「かたいプリン」の濃厚さこそがイイ…！ クラシカルな美味しさと一対一で向き合える厳選5店 - ぐるなび みんなのごはん
世界レベルのラテアート【Swell CoffeeRoasters】 - ツレヅレ食ナルモノ
コピペできる、保存しておくと便利なHTMLスニペットまとめ
あらゆる「Linux」ディストロをブレンドした「blendOS」--柔軟性が高く美しい仕上がり
100年前の横浜を感じる珈琲『横浜1920創業ブレンド』 - ツレヅレ食ナルモノ
CSSのmix-blend-mode完全に理解したい - freee Developers Hub
Inspecting Web Views in macOS
CSSで表現する背景パターン51種＋【コピペで簡単！/アニメーション有】
時雨堂は Sphinx の開発者である小宮健氏のプラチナスポンサーになりました
シンプルで使いやすいのが登場！ UIのデザインで役立つ、色に関する便利なツールがまとめて利用できる -hue.tools
2021年7月静岡県熱海市の土石流災害に関する空間データの可視化と共有 - Qiita
CSSで画像をハーフトーン（網点）に加工する
【Phi-3-Medium】GPU2台構成でローカルLLMを動かす【Ubuntu24】