ご利用環境・ お支払い方法の確認 ご利用環境でのインターネット開示が可能かおよびクレジットカードまたはキャリア決済が可能かをご確認ください。詳しくは、ご利用環境についておよびお支払いについてをご覧ください。 ご利用可能なキャリア決済

Markdown形式でメモを作成できるサービスのObsidianが使用しているObsidian Canvasファイル形式を「JSON Canvas」ファイル形式としてオープンソース化することを発表しました。 JSON Canvas — An open file format for infinite canvas data. https://jsoncanvas.org/ Announcing JSON Canvas: an open file format for infinite canvas data - Obsidian https://obsidian.md/blog/json-canvas/ 仕様についてはjsoncanvas.orgに記載されています。サイトにアクセスするとこんな感じ。右下の「Toggle output」をクリックしてみます。 右側にJSON Canvas形式

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトラインをより見やすくするCSS、ボタンの論理サイズを設定するCSSなど、デフォルトのスタイルとして設定しておくと便利です。 CSS Button Styles You Might Not Know by David Bushell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スマホでボタンをタップした際の誤動作を防止 ボタンのテキストの意図しない選択 ファイル選択のボタン ボタンをフォーカス時の視覚的なアウトライン

JPCERTコーディネーションセンター(JPCERT/CC: Japan Computer Emergency Response Team Coordination Center)は4月5日、「JVN#82074338: NEC Atermシリーズにおける複数の脆弱性」において、NECの無線LANルータAtermシリーズに複数の脆弱性が存在するとして、注意を呼びかけた。これら脆弱性を悪用されると、遠隔から攻撃者に任意のコマンドを実行される可能性があり注意が必要。 JVN#82074338: NEC Atermシリーズにおける複数の脆弱性 脆弱性に関する情報 脆弱性に関する情報は次のページにまとまっている。 NV24-001: セキュリティ情報 | NEC 公開された脆弱性(CVE)の情報は次のとおり。 CVE-2024-28005 - 攻撃者がTelnetでログインした場合、機器の設定を変

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに これまで沢山の記事を書いてきました。初学者向けの記事をまとめてほしいという要望をいただきましたのでまとめてみたいと思います。今後も初学者向けの記事を書いた際は更新していきます。 初学者向け記事一覧 Power Apps Power Apps を始めた際、少なからずエラーに遭遇することがあると思います。そもそもエラーが発生しているかを判断する方法やエラーから調査するアプローチ等を紹介しています。 Power Apps でフォームコントロールを使用するとデータの登録が簡単です。恐らく最初のうちはこちらを使うことが多いと思いますが、

おめシスが進めていった「部位チューバー」の未来は、『ロジャー・ラビット』だったんだな。 急に数段飛ばしで「正解」が出てしまった感じがある。とんでもない。 — ヌマタ／沼田友🎥🌟Ⓜ️🧳💤🎞✂️ (@yunumata) March 22, 2024 VTuber、7年目、こういうブレイクスルーいつかどこかで起きないかな、が、この映像作品でいよいよ起きる可能性あるのでは……？ いやあ、それにしても、なんで今まで考えつかなかったんだろう。答えは『ロジャー・ラビット』だったんだ！ — ヌマタ／沼田友🎥🌟Ⓜ️🧳💤🎞✂️ (@yunumata) March 22, 2024 （※今のインスピレーションを忘れないようにあわてて書き留めておこうという記事です） とりあえず、『ロジャー・ラビット』という作品についても触れておきたい。（記事執筆時点で、なんとタイミングよくアマプラに来ていた！

1.プロンプトエンジニアリングとは 1-1.プロンプトとは 1-2.プロンプトの構成要素2.プロンプトエンジニアリングの代表的な手法 2-1.Zero-shot prompting 2-2.Few-shot prompting 2-3.CoT（Chain-of-Thought） Prompting 2-4.Zero-shot CoT 2-5.Self-Consistency 2-6.Generate Knowledge Prompting 2-7.ReAct 2-8.Directional-Stimulus -Prompting 2-9.Multimodal CoT Prompting3.敵対的プロンプトエンジニアリングの代表的な手法 3-1.Prompt-Injection 3-2.Prompt-Leaking 3-3.Jailbreak 3-4.Do Anything Now 3-5.

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? OSIとTCP/IP構造 OSI参照モデルとTCP/IPプロトコルスタックの対応関係を示しています。 OSIモデルはデータ通信のための抽象的なモデルで、7つの階層（レイヤー）から成り立っています。 一方、TCP/IPプロトコルスタックはインターネットで実際に使用されているプロトコルの集まりで、4つの階層から構成されています。 TCP/IPの４層構造 アプリケーション層：OSIモデルのアプリケーション層、プレゼンテーション層、セッション層に相当します。HTTP、FTP、SMTPなどのプロトコルが含まれます。 トランスポート層：OSIモデル

AIに適した知的労働 森一真氏（以下、森）：データの分析も知的労働ですし、チームビルディングもある意味知的労働かなと思いますが、特に情報処理的で、かつ問題が曖昧ではなく、ちゃんと定義できるものほどAIに向いています。いわゆるリサーチや分析はどんどん優先的にAIに置き換わっていきます。 新規事業アイデアは（スライドの）真ん中にあるんですが、若干情緒的なところや文脈的なところもありつつ、リサーチ等の情報処理的な業務負荷が著しく高いので、うまくプログラムを組むことでかなりAI化が進みやすいと思います。 逆にリーダーシップやチームビルディング、組織文化などは、AIにはまだちょっと難しいと思います。この（スライドの）右上にいけばいくほど、AI化が進みやすいと考えてください。 その中で新規事業のアイデアを作る場合、どう活用できるか。これ（スライド）は新規事業プロセスの事業仮説を作るまでを簡便化した図で

SRE の田中 @kenzo0107 です。 社内版 ChatGPT を構築し、社内の ChatGPT 利用を促進した話です。 社内版 ChatGPT が必要だった理由 以下要望を実現する為です。 秘匿情報をクローズドな環境で OpenAI にポストしたい 社員誰もが最新のモデルやバージョンで高精度、且つ、パフォーマンスの高い ChatGPT を利用したい 構成 - Web 版 社内 ChatGPT Web サービスは AWS に配置 ALB を会社毎に分けて Google 認証する *1 ECS から Azure API Management 経由で Azure OpenAI Service に問い合わせ API Management は Azure OpenAI Service の監査ログを取得する為に配置している *2 Azure 側ではネットワークセキュリティグループで AWS N

「ClipStudioを使用して漫画原稿を作るのが初めて」という方に向けて、漫画原稿を作る手順を解説していきます。原稿でなく数ページのweb用の漫画を描く方にも。 クリスタ公式にも「シリーズ "マンガを描いてみよう モノクロマンガ編【PRO/EX】」という解説ページがありますが、それよりもなるべく作業効率が上がるような方法を紹介します。解説に使用しているのはEXバージョンです。（同人誌や複数ページの漫画を作る場合はPROよりEXが断然おすすめ。） まずは原稿用紙の準備と作成までです。 環境設定の変更 原稿テンプレの作成 原稿テンプレの構造と一例 ① 新規ファイルの作成 ② 通常フォルダーとレイヤーの作成 ③ コマ枠フォルダーの作成 ④ フォルダーの構造を変更 ⑤ その他お好みで… ⑥ テンプレート素材に登録 原稿用紙を新規作成する 環境設定の変更 原稿では単位を「px」より「mm」に変更し

昨日は技研フリマで昼から飲んでしまい、技研バーが始まる頃には椅子で寝ていた。 まつゆう*と交代して家に帰り、そのまま寝てしまったので午前四時くらいに目が覚めた。 猪瀬直樹の「ラストニュース」を全部読んでしまったので、「ミカドの肖像」を読み始めたが眠くなってしまい、別の本を探した。 買った覚えはないのだが、いつの間にかKindleにダウンロードされていた「電通マンぼろぼろ日記」を読み始めたらもう止まらない。一気に読み終わってしまった。 僕は電通とは多少関わりがある。一時期は毎年のように電通の研修で講師をしていたし(今考えるとなぜ僕がそんなことをしていたのか謎すぎる)、多分本書に登場するF社とも仕事をしたことがある。 電通の友達とは今でも毎月何かしらで飲んでいる。 僕が本格的に企画の基礎を学んだのは電通の仕事が最初で、堺屋太一の「インターネット博覧会(インパク)」向けの企画を作る時だった。 電

テキスト-画像生成AIは物語性のある複数の画像を生成するのが苦手だ。複数の画像で、設定に一貫性を持たせるのが難しいからだ。だが最近、物語を一度入力すると、それに合った一連の画像を生成するサービスが登場した。 by Will Douglas Heaven2024.03.07 177 13 13年前、ジャーナリズムの授業の宿題で、私は高級キャットフードを食べる男に関する馬鹿げた短い物語を書いた。今朝、私は「ロア・マシーン（Lore Machine）」という生成（ジェネレーティブ）AIプラットフォームが、自分の書いたおかしな話に命を吹き込むのを座って眺めていた。 自作の物語をテキストボックスに入れると、次のようなメッセージが出た。「シーン、ロケーション、キャラクターと、雰囲気を特定しています。このプロセスには最長2分かかる場合があります」。ロア・マシーンは、テキストを分析し、キャラクター描写と言

BtoBマーケティングや営業戦略の現場では、常に「どうすれば売れるのか？」「なぜ売れないのか？」で悩むことが多い。いわずもがな、どんな製品やサービスでも100％売れるというような方法は存在せず（そのような方法があれば倒産する企業は０になる）、この悩みから逃れることはできない。 そこで今回のコラムでは、「どうすれば売れるのか？、値段と納期次第では売れる可能性の高い状況」と「なぜ売れないのか？の理由」をわかりやすい図を用いて解説したいと思う。「どうすれば売れるのか？」「なぜ売れないのか？」の答えのヒントにしていただけたら幸いだ。 値段と納期次第では売れる可能性が高い理想的な状況最初にどうすれば売れるのか？についてだ。売るためには値段や納期、企業の信頼性、顧客側の購買意欲の高さなど、さまざまな要因が絡む。しかし、売れる可能性を高めるという意味では、下記図のような状況になると売れる可能性が高いと弊

サイボウズのkintone Designチームでkintone Design SystemチームのリーダーをしているAmi（@__amishiratori）です。 私たちkintone Design Systemチームでは、デザイントークンを『デザインの決定を開発チーム全体に伝えるための「方法論」』と定義しました。 kintone Design Systemの構築を始めて2年以上が経ちましたが、 デザインシステムやデザイントークンに馴染みのない人も開発チームにはまだいます。 開発チーム全員が共通した認識を持って効果的にデザイントークンを活かして開発ができる様に定義し説明するドキュメントを作成しました。 この記事ではその内容をご紹介します。 用語の定義トークン 色やサイズなどの値と名前の組です。 Global Tokens トークンのうち、特定の文脈によらないトークンです。 （例：gray-

ベタ組とツメ組。日本語の文字の並べ方を押さえよう みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょう…

Webサイト「Kenney」で無料公開されている入力ボタンのアイコンパック『Input Prompts』がアップデート 各種コンシューマー機のゲームパッド、キーボード・マウスといった入力ボタンのアイコンが収録されている アイコンが追加され、800種以上→1,000種以上に ゲーム開発用素材の配布やゲームの公開・販売などを行うWebサイト「Kenney」にて、ゲームパッドなどの入力ボタンのアイコンがセットになったパック『Input Prompts』がアップデートされました。 Input Prompts update released! Over 1,000 icons covering many consoles and input methods, they're all CC0 (public domain) and can be used for any type of project