改めて ソフトウェアアーキテクチャ GUI のアーキテクチャの歴史を調べてみたくなった。本来の MVC とは何か？何が正しくて何が間違っているか？も重要なのだが、それよりは、なぜそれが生まれたのか？何を解決しようとしたのか？どのような問題点が生まれて、それをどう工夫して解決・発展してきたのか？を知りたい。しかし、そういうことがまとまっている日本語の情報が少ないので、自分で色々かいつまんでメモしておく。 MVC の原点は 70 年代にまで遡り、実装としては Smalltalk-80 のクラスライブラリとして実装されたのが最初だと思われる。しかし、後世に大きな影響を及ぼしたポイントをいくつか持ちつつも、当時のアーキテクチャが現代においてそのまま利用されているケースはほぼないといっていい。したがって、単に MVC といった時には大抵最初期の MVC を指すことは少なく、区別するために最初期の M
章立て はじめに Docker・Container型仮想化とは Docker一強時代終焉の兆し Container技術関連史 様々なContainer Runtime おわりに 1. はじめに Containerを使うならDocker、という常識が崩れつつある。軽量な仮想環境であるContainerは、開発からリリース後もすでに欠かせないツールであるため、エンジニアは避けて通れない。Container実行ツール（Container Runtime）として挙げられるのがほぼDocker一択であり、それで十分と思われていたのだが、Dockerの脆弱性や消費リソースなどの問題、Kubernetes（K8s）の登場による影響、containerdやcri-o等の他のContainer Runtimeの登場により状況が劇的に変化している。本記事では、これからContainerを利用したい人や再度情報
描かれている絵／画自体に焦点があてられがちなアニメーションだが、ボケ、広角、魚眼などレンズを通して得られる効果が表現として取り入れられている。本稿ではなかでも日本の商業アニメーションにおけるそのような効果を、黎明期ともいえる1930年代から現代に至る作品より抜粋し、変遷をたどる。 広角レンズの一例、『君の名は。』より 早世した研究者ハンナ・フランクはかつて「元来、すべてのセル・アニメーションは写真である」（註1）と述べました。僕ら視聴者は忘れがちなことですが、撮影台上でセル画や背景を重ね合わせ、それらをコマ撮り撮影することによってつくられるセル・アニメーションはたしかに絵／画を撮影した写真であるとも言えます。 とは言え、こうした事実はあまり意識されることがありません。撮影台時代のディズニー・アニメーションのキャプチャー画を見たとき、多くの人はそれを写真ではなく絵だと認識するのではないでしょ
本記事は、Engineering Manager Advent Calenderの１日目です。 はじめに エンジニアリングマネージャ(EM)と呼ばれる職務を設置する企業が増えてきました。 私たちの主催したイベントEOF2019でも700名近い方に参加していだき、また多くの方にご協力いただき成功裏に終わることができました。 EM Meetup/EM.FMなどのムーブメントの中心の一翼を担わせていただき、その高まりを感じる一方で不安も感じます。このエンジニアリングマネージャという職務は非常に多岐にわたるケースが存在していますし、必要だとされるスキルもまちまちです。そして、多くの場合、その企業のステージや状況ごとに求めるものは違います。また、求めていることを明文化することすらされていないケースも存在します。 このことから、エンジニアリングマネージメント自体が一時的な潮流として消費され、消えていっ
トラックのタイヤ脱落事故の原因なんだが
トラックの左後輪に限ってタイヤが脱落する事故の原因だが、これはこの10～15年くらいでタイヤに関する規格が色々変わったせいだ。 以前に整備と管理経験があるので説明したい。 ホイール脱落のメカニズムそもそも重量車のホイールが脱落する時、直接の原因はホイールボルトの折れに因る。だがこれはボルトに問題があるのではない。 ホイールナットはホイールをもの凄い力でハブ（車軸の端でホイールボルトが生えている部品）やブレーキドラムに押し付けている。これによってホイールの裏側とハブ/ドラムの間には巨大な摩擦力が発生する。この摩擦力が車の重量を支えているのである。 つまりボルトには引っ張る力だけしかかかっていない。 これが緩むとどうなるか？ ナットが緩むと先の摩擦力が低減する。そして摩擦力が車両重量を支えられなくなるとこの重さはボルトを切断する力になるのである。1.5cm程度の鉄の棒でトラックを持ち上げられる
“シリコンバレーを作った人物の1人”と称され、故スティーブ・ジョブズ氏が頼りにした人物がいる。 レジス・マッケンナ氏。 半導体関連の企業で働いたあと、70年代にみずからのマーケティング会社を設立した、マーケティングのプロだ。 あるときマッケンナ氏は、うわさを聞きつけたジョブズ氏から電話でコンタクトを受け、ジョブズ氏、そしてエンジニアのスティーブ・ウォズニアック氏との打ち合わせにのぞんだ。 相談は「アップルII」（1977年発売）というコンピューターのマーケティングについて。 ジョブズ氏らは、製品についての記事を雑誌に載せる方針を明かした。 マッケンナ氏は、その内容があまりに専門的で、一般の消費者には受け入れられないと感じ、「市場を広げたいなら、自分と同じようなタイプの人たちに発信するのではだめだ。記事は書き直すべきだ」と助言した。 ところが2人はその意見を気に入らず、部屋を出ていってしまっ
【ご挨拶】 / 【目次】 / settings / 解釈が変わる写真 / ラインスケッチ / 感覚の変換による観察 / 蓋の分類 / 新しい分け方の基準 / バランスによる新しい価値 / 約束事を共有することで、読みとけるようになる四コマ漫画 / 丸を取り出す / ｷﾘﾄﾘﾑｼ / レイアウトが解釈を生み出す / モノをコントロールするための身体言語 / space / 「解釈が変わる写真」野中大
Excel医@『人生を変える Excelの神スキル』大発売！ @Excel_design_Dr 総務省「あかん！みんなExcel使いこなせてなさ過ぎて生産性悪すぎや。働き方改革とかDXの前にデータ入力の基礎がわかっとらん。ルール作るから見て～」 👆ってことで作ってくれました。Excel使う人は全員見て👇 全国民に配るべき！総務省が示した「データ入力の統一ルール」excel-design-dr.com/date-entry-rul… pic.twitter.com/h7kG1dNztR 2022-01-27 06:41:56
kebiyama @kebiyama 湯沸器や給湯器の観察を趣味にしています。テレビ等で見た給湯器などの型式を特定したりもします。毎週サザエさんに湯沸し器が登場するかどうかをチェックしており、未登場の週は18年は3週、19年は4週、20年は4週、21年は1週、22年は4週、23年は2週でした。24年は2/18、3/31が未登場です。 kebiyama @kebiyama 夫の目の前で他人にカラダを求めるHカップ超美人妻と濃厚不倫。連続種付けSEXで満たす欲にまみれた大人な関係 辻井ほのかにてナショナル製ビルトインコンロを確認。ナショナルなんてもちろん今はないですし、ガス器具業界から撤退しているためこの機種が残っているのはレアです。 pic.twitter.com/EfZ6fq6t35 2019-12-03 23:01:36
無料 BGM・効果音のフリー音源素材 誰でも 報告不要で 商用利用無料！ 今すぐ使える BGM・効果音 1,000点以上！ 動画制作やイベントに もちろんスプリンギン アプリでも利用可
巧妙化する「排除アート」 誰にもやさしくない都市が牙をむく時
何かよく分からないものは「アート」 定義されない場所を減らしたい 隠された「排除」の意図に気づくと… 都市の駅のスペースにあるデコボコした突起のようなオブジェ、公園や路上では仕切りのあるベンチが当たり前になってきています。ホームレスが寝そべったり滞在したりしないよう〝排除〟する「排除アート」「排除ベンチ」とも言われます。建築史家の五十嵐太郎さんは、「公共空間に誰かが滞在する可能性をつぶすもの。そんな風に他者を排除していった都市は、誰にもやさしくない都市なのではないか」と指摘します。 排除アートが広まり始めたのは… オープン1年を迎える複合商業施設のミヤシタパークには、座面がメッシュ状になっていたり、腰かける部分が棒状のポールになったような座りづらいベンチがあります。 好意的に「アートがいっぱい」とメディアで紹介されることもありましたが、五十嵐さんは「アートの名のもと、排除の意図がカモフラー
Gary's娘@MUSUMETAL @garys_daughter 見てみたら概ね合ってるし、こうだろうなという予測の部分も参考になる。 洋書を扱う書店のデザイン、芸術棚を探すと、こういう解説だけ仕様機材も含めて図解した海外フォトグラファー専門書がたくさんある＼( 'ω')／ 日本の写真館セオリーとアプローチが全く異なるライティングが多くて勉強になるのっ twitter.com/cm12151054/sta… 2021-11-08 14:25:44
【徹底解説】これからのエンジニアの必携スキル、プロンプトエンジニアリングの手引「Prompt Engineering Guide」を読んでまとめてみた | DevelopersIO
【徹底解説】これからのエンジニアの必携スキル、プロンプトエンジニアリングの手引「Prompt Engineering Guide」を読んでまとめてみた こんにちは。CX 事業本部 Delivery 部のきんじょーです。 ここのところChatGPT と戯れてアプリを作ったり、様々なプロンプトの検証をしていましたが、言語モデルの性能を最大限に引き出すために、体系的にプロンプトエンジニアリングを学びたいと考えていました。 GitHub に「Prompt Engineering Guide」という素晴らしいリポジトリがあったので、読んで検証した内容をブログにまとめていきます。 本記事は、執筆時点の上記リポジトリの内容を元にしていますが、意訳や独自に検証した日本語のプロンプトを含みます。 上記リポジトリも絶賛開発中の段階のため、最新情報や原文が気になる方はリポジトリを直接参照してください。 目次 プ
かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"
とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT
フロントエンドのデザインパターン
本書は、Lydia Hallie 氏 と Addy Osmani 氏らによる Learning Patterns (https://www.patterns.dev/) の日本語訳です。原著は大きく 3 つのセクションに分かれていますが、本書は、その最初のセクションである Design Patterns を訳したものとなります。
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
Reactアプリケーションのアーキテクチャの一例として公開されているGitHubリポジトリ「bulletproof-react」が大変勉強になるので、私自身の見解を交えつつシェアします。 ※2022年11月追記 記事リリースから1年ほど経過して、新しく出てきた情報や考え方を盛り込んだ続編記事を書いていただいているので、こちらも併せて読んでいただければと想います（@t_keshiさんありがとうございます！）。 ディレクトリ構造が勉強になる まずはプロジェクトごとにバラつきがちなディレクトリ構造について。 ソースコードはsrc以下に入れる bulletproof-reactでは、Reactに関するソースコードはsrcディレクトリ以下に格納されています。逆に言えば、ルートディレクトリにcomponentsやutilsといったディレクトリはありません。 たとえばCreate Next Appで作成
「いらすとや」は要らなくなっちゃう？テキストで説明するとそれに沿った何パターンもの画像を生成するOpenAIが凄まじい
小猫遊りょう（たかにゃし・りょう） @jaguring1 毎日、数学をやっています。抽象度の高い数学が好きで、公理的集合論や数理論理学、圏論に興味があるけど、もっと具体的で実用的な数学も好きです。AI技術と、それがもたらす社会的影響についてよく考えていますが、基本的にテクノロジー全般の最新動向に興味があります。良さげな講義動画を見つけたら、ツイートするようにしてます。 小猫遊りょう（たかにゃし・りょう） @jaguring1 うおぉ、、新年早々、超激ヤバなニューラルネットをOpenAIが2つ発表してきた（DALL-EとCLIP）。視覚データとテキストの両方を用いたAIシステムで、DALL-Eは、テキストで説明すると、それっぽい画像を生成。こんなの創造性以外の何者でもない。テキスト+画像版GPT-3っぽい openai.com/blog/tags/mult… pic.twitter.com/
https://martinfowler.com/articles/branching-patterns.html 最新のソース管理システムには、ソースコードのブランチを簡単に作成できる強力なツールが用意されています。しかし、最終的にはこれらのブランチをマージしなければならず、多くのチームは混み合ったブランチに対処するのに膨大な時間を費やしています。複数の開発者の作業をインテグレーションし、本番リリースまでの道筋を整理することに集中して、チームが効果的にブランチを利用できるようにするためのパターンがいくつかあります。全体的なテーマとしては、ブランチを頻繁にインテグレーションし、最小限の労力で本番環境に展開できる健全なメインラインを作ることに注力すべきだということです。 ベースパターン ソースブランチング ✣ メインライン ✣ 健全なブランチ ✣ インテグレーションパターン メインラインイン
JAL機炎上、そのとき何が 検証・羽田空港衝突事故
SNS上などの映像からは、乗客が3カ所の脱出シューターで次々と滑り降りているのが見て取れる。海外メディアは全員の生還を「奇跡」と伝えた。その陰で海保機側は機長を除く搭乗者5人が亡くなった。
Elon Musk は Twitter で何をしようとしているのか - The Decisive Strike
まだ Twitter の一斉解雇をめぐる混乱は続いているようですが、この解雇を通じて見えてくる Elon Musk の意図を考えてみたいと思います。これは公開されている情報に基づく長山個人の推測に基づいた分析であって、正しさはいっさい保証されていません。 個人的な所感としては以下です。 まず第一に、Musk は、Twitter をメディア企業からエンジニアリング企業へと変質させようとしているんじゃないかと考えています。これは、「どの部署がレイオフ対象になったか」から見えてくることです。TechCrunch の記事によれば、米国でレイオフ対象になった主要なチームは、アクセシビリティ、機械学習倫理 (META: ML Ethics, Transparency & Accountability)、人権、キュレーション、PR (Comms)、SRE (Site Reliability Eng) な
「ポンチ絵」が大好きだ。 なかでも官公庁のつくるポンチ絵がいい。 細かく書き込まれた文字にフリーのイラスト素材、あちらこちらを向いた派手な矢印と吹き出し、関係性を示す線……。圧倒的な情報量がぎゅうぎゅうに詰め込まれた1枚の資料……。それこそが至高のポンチ絵だ。 言葉で説明していても、きっとこの魅力は伝わるまい。まずはご覧いただこう。 環境庁による名作「地域循環共生圏（日本発の脱炭素化・SDGs構想）」とにかくうつくしい。見とれるほどに。 デザインを学んだ人なら眉をひそめるかもしれない。だが、その複雑怪奇な魅力にはあらがえない――。 いったいなぜこんなものが生まれたのだろうか。誰がどうやってつくっているのか。なんのために…どんな意味があるのだろう？ わからないことだらけだ。 そこでこの記事では、官公庁のパワポ資料（いわゆるポンチ絵）の独特さ、ポンチ絵が生まれた背景とその使命について考察し、ポ
ちょうどいいWebデザインギャラリー
カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲食・食品・飲料 (476) 行政・NPO・団体・協
みずほ銀行システム障害に学ぶ
みずほ銀行システム障害の調査報告書が公開されたのがニュースになって、Twitterなどで色々な人がコメントをしているのを見た。140文字しか書けない空間で他人の失敗談の揚げ足取りをするのは簡単だが、そこからは一時の爽快感以外に何も得るものがないので、僕はそういうのはカッコ悪いと思っている。 そこで、ちゃんと読んでみたら全く他人事でない部分も沢山あるし、非常に面白く勉強になったので、ブログにまとめてみる。 技術的な話 銀行のシステムがどのようになっているのか、全然イメージが湧いていなかったので、それがまず勉強になった(p.29)。 トラフィックのソースに応じて用意された色々なシステムから基幹システム「MINORI」の取引メインバスにトラフィックが流れ、そこから各種システムへとリクエストが送られていく。この辺はService Oriented Architectureらしい。開発当時としては（
デザインシステム｜デジタル庁
デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 更新情報2023年12月26日 [バージョン1.4.1]スタイルやコンポーネントの修正・更新を行いました 2023年10月18日 [バージョン1.4.0]スタイルやコンポーネントの追加・修正・更新を行いました 2023年8月31日 [バージョン1.3.4]スタイルやコンポーネントの修正・更新を行いました 2023年7月31日 [バージョン1.3.3]新規コンポーネントを追加、スタイルやアセットなどについて修正と更新を行いました 2023年6月29日 [バージョン1.3.2]コンポーネントを追加、テンプレートやガイドラインの一部修正と更新を行いました 2023年6
とほほの陶磁器入門 - とほほのWWW入門
はじめに 陶磁器とは 焼き物の工程 焼物用語 地図 知名度 日本各地の陶磁器 岩手県 小久慈焼（こくじやき） 宮城県 堤焼（つつみやき） 茨城県 笠間焼（かさまやき） 栃木県 益子焼（ましこやき） 石川県 九谷焼（くたにやき） 珠洲焼（すずやき） 福井県 越前焼（えちぜんやき） 岐阜県 美濃焼（みのやき） 愛知県 瀬戸焼（せとやき） 常滑焼（とこなめやき） 三重県 萬古焼（ばんこやき） 伊賀焼（いがやき） 滋賀県 信楽焼（しがらきやき） 膳所焼（ぜぜやき） 京都府 京焼・清水焼（きょうやき・きよみずやき） 楽焼（らくやき） 兵庫県 出石焼（いずしやき） 丹波焼（たんばやき） 明石焼（あかしやき） 奈良県 赤膚焼（あかはだやき） 和歌山県 瑞芝焼（ずいしやき） 男山焼（おとこやまやき） 島根県 布志名焼（ふじなやき） 出西焼（しゅっさいやき） 温泉津焼（ゆのつやき） 石見焼（いわみやき） 岡
みなさんこんにちは。 資料デザインのリサーチや分析に取り組むパワーポイントのスペシャリスト、パワポ研です。 いつも企業が出しているパワーポイントの分析結果などを紹介しているのですが、本日は良いパワーポイントが見れる場所とその理由を紹介します。 どこで見れるのかずばり、経産省のHPです。以下のURLより「委託調査報告書」を確認ください。ご存じの方も多いかもしれませんね。 トップはこんなページになっています。 トップ的なページこの中で、例えば「令和4年度分の掲載一覧（PDF形式：48KB）」を押してみましょう。 令和4年度分の掲載一覧こんな感じのリストがずらっと並べます。エクセルでも同じようなものがダウンロードできます。正直見づらいですが、このリンクの一つ一つが調査報告書になっています。 何ですごいのか数と質です。 数のすごさ 数については、パワーポイント形式以外（ワード）の報告書もかなり混じ
ここ数年プログラミングを学びたい人が増えている。そうした需要に応じて有象無象のプログラミングスクールや不適当な内容の学習サイトも増えている。中には粗悪なスクールやオンラインサロンも沢山ある。しかし未経験者にはどれがいいスクールなのか悪いスクールなのか等の審美眼はない。 この記事では未経験者がそういった情報弱者を食い物にする偽物に騙されないように滑らかに学習を進めていくための道筋について書く。 この記事の対象読者は下記。 教養としてプログラミングを学びたい未経験者 とにかくWebサービスやアプリを作りたくてプログラミングを学びたい未経験者 プログラマとして職を得たい未経験者 以下、まずは全ての対象読者向けの下準備について書き、その後それぞれの対象読者向けに道筋を書く。 目次 準備 教養としてプログラミングを学びたい人の場合 とにかくwebサービスやアプリを作りたくてプログラミングを学びたい人
「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body > main > article > sectionに h1は 1 ページに 1 つ（要キーワード） 見出しタグは毎度 section で囲む ヘッダーメニューは nav で囲む 画像に適切な alt を設定する title / description を書く 階層を意識して書く div はあまり使わない 画像は p で囲む この記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。 正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の
2021年になってJavaScript、TypeScript、Node.jsの勉強を始めました。 この記事では、読んで良かった本、記事、公式ドキュメントなどをまとめていきます。 ※2021/03時点の情報です。 個人的なリンク集ですが、「これも読むと良いよ」というものがあればぜひ教えてください。 ECMAScript ECMAScriptの仕様は、EcmaのTC39で策定されている Ecma TC39 GitHub organization ep78 TC39 | mozaic.fm Node.jsの各バージョンでのECMAScriptサポート状況 JavaScript Misreading Chat - #86: JavaScript: the first 20 years JavaScript 二十年の歴史についての回 JavaScript チュートリアル | MDN JavaScri
この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手
実はアイデアの宝庫？ 刺激的なWikipediaの記事150選｜INSPI（インスピ）｜広告デザインとアイデアの教科書
Wikipediaには日本語版だけで116万本以上もの記事（2019年8月現在）が書かれています。 今回はそんな膨大な記事の中から、創作ネタやアイデアの種に繋がるような刺激的な記事を150本ピックアップしてご紹介したいと思います。 ---------------------------------- 11B-X-1371 11B-X-1371 は、2015年前半のインターネット上に現れた動画の名称。この動画が収録されたDVDが、スウェーデンのテクノロジー系ブログ「GadgetZZ.com」の運営元に郵送され、動画は当該ブログ上で公開された後にインターネット上で話題となった。内容は2分間の白黒映像であり、荒れ果てた廃墟のなかで、ペスト医師のようなコスチュームの人物が壁を背に立っている様子が映し出され、壁に空いたガラスのない窓からは森林が見えている。人物が片手を挙げると、手のひらから不規則に点
はじめに AWS上で仮想ネットワークを構築できるAmazon VPCは、多くのAWSサービスが動作する基盤となる、非常に重要かつ多機能なサービスです。 多機能ゆえに公式ドキュメントやネット上の記事も断片的な機能の解説が多く、全体像を把握することが難しいサービスとも言えます。 そこで本記事はVPCの全体像を理解できるよう、各機能のつながりや動作原理を丁寧に解説し、 「VPC界の百科事典」 (あくまで例えですが…笑) となるような記事を目指したいと思います。 【追記】 実践編の記事を追加しました VPCの実画面での構築方法は、以下の別記事にまとめました。「VPCを実際に触ってみたい！」という方は、こちらもご一読いただけると嬉しいです。 VPCとは 「Virtual Private Cloud」の略で、クラウド上に仮想的なネットワークを構築するためのサービスです。 例えば、オンプレ環境でWebア
一部内容修正につきまして 今回の記事も多くの反響をいただき沢山の方に読んでいただいたことを大変感謝しております。 このシリーズの趣旨は、デザインの過程をわかりやすくし多くの人にとって役立つスキルにすること、またジャンプ率などの「視覚スケール」を知って有効活用していただくことにあります。「視覚スケール」は商品パッケージから建築物のような大規模なものまで一貫して使える便利なツールです。 「視覚スケール」を説明するため、アンケートの方法や脳が選択するしくみについて、皆様に不安や誤解を招いてしまう表現があったと思います。これらを踏まえ、一部内容を加筆修正させていただきました。（記事での主張に関しての変更はありません。） 当室ではこれからもご意見・ご質問などをなるべく反映させながら、わかりやすい記事を作りたいと考えております。どうぞよろしくお願いいたします。 こんにちは。 絵本と美術書の出版及び、デ
「勢いをつければ、ため池から這い上がれるのでは」という疑問に実験結果で回答（斎藤秀俊） - エキスパート - Yahoo!ニュース
筆者記事「ため池に落ちると、なぜ命を落とすのか」は、ツイッターやYouTubeでも拡散されて、幅広い年代の方々に問題を投げかけました。そして多くの皆様から感想をいただきました。皆様から頂いたご質問のいくつかにお答え致します。 勢いをつければ上陸できるのでは？ 動画でモデルとなった男性は、消防に勤める現役の水難救助隊員です。レスキューと言えばさらにわかりやすいかもしれません。常日頃から身体を鍛えているこの人に全力を使って上陸を試みてもらいました。 動画1をご覧ください。前半と後半に分かれています。 １．平泳ぎで泳ぎ始めクロールで加速しました。オットセイのように上陸できるかと思いきや、無理でした。水中から身体を水面上に出すのは、イルカの芸を見ていると簡単そうに見えますが、人間には無理です。そもそも水棲動物と人とを比較すること自体が間違いです。手のひらとコンクリート表面との摩擦にも、身体を陸にあ
「神は細部に宿る」コレクション
1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：最新家電にカバーをかけて昭和感をだす ＞ 個人サイト NEKOPLA Tumblr こだわりポイントを探す 人工物を作っているのは、言わずもがな人間である。その辺に存在するどんなに些細な物にだって、必ず制作者がいる。街の風景を形づくっているのは、各人が膨大な時間をかけて生み出してきた作品たちなのだ。 そのなかでも、特に制作者の思いが透けてみえる物件がある。私はそういう物件を愛している。 駐車禁止の看板を、ここまで作り込む必要は全くないだろう。「特に月木曜」という、蛇足にも思える追記が律儀さを加速させている 穴埋めクイズの正解はストリートビューを見れば分かるが、■と●の塗り分け方に
カルビー、ネスレ日本、森永乳業など、日本を代表する食品メーカー各社が導入しはじめているAIツールがある。マーケティングリサーチとパッケージデザインを展開するプラグが2年前にリリースした「パッケージデザインAI」だ。 590万人の学習データをもとに、AIが商品のパッケージデザインをたった10秒で評価する。商品開発の期間短縮を図れるほか、 “デザイン改良のヒントを得られる”点も好評だ。料金プランは2つ。1画像あたり1万5000円の単発利用と、1カ月70万円（1年契約なら50万円）の使い放題サブスク型から選べる。ちなみに無料お試しプランは、5月31日よりすべてのサービスが10画像だけなら誰でも利用できるとのこと。 カルビーでは、「とうもりこ」「えだまりこ」に続いて、同社の“最堅”ポテトチップス「クランチポテト」のリニューアルでもパッケージデザインAIを活用したことを2020年9月に発表していたが
chot.design上のコンテンツは、実際にWeb／IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで「変なオンラインサロン入る前にここで勉強してみてください！」とアピールしている。 無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。 ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler（東京都渋谷区）が事業を継承するとしている。 関連記事 穴埋め問題を簡単に作れるWebサイト、「試験勉強に役立つ」と話題に 教育系IT企業のCTOが作成 マウスやタッチ操作で直観的に穴埋め問題を作成でき
PhotoshopやIllustratorの代わりになる！Adobe系ソフトの代替ソフトウェア（有料・買い切り・無料）のまとめ
Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re
１からイラストの勉強をした話｜せたも
はじめに これは「この私がイラストの何たるかを教えてやろう」という趣旨の記事ではございません。 普段は背景メインのドット絵を描いているのですが、人物の描写も同様に向上させたかったので一か月間こもって勉強しました。この記事はその結果と過程の記録です。私の得た気付きが誰かに共有できれば嬉しいです。 過程の方はどうしても長くなってしまうので初めに結果の方をお見せします。下の画像は左が最初に描いたラフで右が最後の完成品です。 もちろんラフと完成品なのでちゃんとした比較はできませんがキャラデザには大きな変化があったと思います。記事の後半で詳しく触れますが、やはりスケッチをしていると細かい特徴までデザインに活かすことができるようになりました。一回やるだけでも随分とモチーフの解像度が上がって魅力的になったのでとても効率的に感じます。また見て知っていたり、ただ考えているだけでは絵にあまり反映されないことも
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソフトウェアアーキテクチャの歴史 - tasuwo's notes
Docker一強の終焉にあたり、押さえるべきContainer事情
アニメはいかにレンズの効果を模倣してきたか - メディア芸術カレントコンテンツ
エンジニアリングマネージャ/プロダクトマネージャのための知識体系と読書ガイド - Qiita
デザインは、見た目じゃない | NHK | ビジネス特集
新しいデザインの教科書
【必読】総務省直伝のExcelマニュアルが目から鱗が落ちるものだった
AVに登場したレアなビルトインコンロを特定したツイートに女優が「私見て！」しみけん、監督などスタッフ勢が反応する事態に
無料 BGM・効果音のフリー音源素材 | Springin’ Sound Stock
「ほんとに教えてくれていいの？」あの有名映画はどこから照明が当たってたか真上から図解してくれるアカウントが有益すぎる
PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売
Reactベストプラクティスの宝庫！「bulletproof-react」が勉強になりすぎる件
ソースコードブランチ管理のパターン - Martin Fowler's Bliki (ja)
横向きA4サイズの現代アート。霞が関の「ポンチ絵」はどうして生まれたか？ その知られざる使命とは｜narumi
【極上パワポの宝庫】経産省の委託調査報告書には、なぜ日本で一番きれいなパワポが集まるのか｜パワポ研
未経験者がプログラミングを学びたいと思った時に最初に読む記事
「SEOに強いHTMLの書き方」についての個人的な見解
2021年にJavaScriptやNode.jsを勉強し始めたので、読んで良かった資料をまとめる
Web制作の常識が変わる、便利な最新オンラインツール48個まとめ
Amazon VPCを「これでもか！」というくらい丁寧に解説 - Qiita
"牛乳パック"どっちが好きですか？｜内田 広由紀｜視覚デザイン研究所
カルビーのポテチを売上1.3倍にしたAIの正体--プラグの「パッケージデザインAI」の実力
Webデザインの有料学習サイトが無料化 IllustratorやPhotoshop入門などが見放題