クラウドサービスでは大量の機能が多種多様に提供されており、簡単なアプリでも複数のサービスを組み合わせて利用することも珍しくありません。そうしたバックグラウンドのサービスを設計する際に役立つのがサービス間の構造を図に落とし込んだ「アーキテクチャ図」です。これまでもサードパーティーからさまざまなアーキテクチャ図作成ツールが提供されてきましたが、2022年2月17日にGoogleが自社クラウド向けの公式アーキテクチャ図作成ツールをリリースしたので、早速使い勝手を試してみました。 Google Cloud Developer Cheat Sheet https://googlecloudcheatsheet.withgoogle.com/architecture Introducing a Google Cloud architecture diagramming tool | Google Cl

The internet’s source for visuals.Powered by creators everywhere.

以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用せずに、HTMLとCSSで実装できるUI要素を紹介します。 You can create these elements without JavaScript by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レスポンシブ対応のテキスト省略 スター レイティング ツールチップ・ドロップダウンメニュー モーダル フロートするラベル アコーディオン・トグル 終わりに はじめに スマホやWeb

配色を決めるのは難しい ブロガーの皆さんはカスタマイズをとかすると思うんですが、配色ってどうやって決めていますか？いい感じの色使いって難しいんですよね。そういう仕事してるぼくでさえ、悩むポイント。ちょっと苦手です。 今日紹介するのは配色ツール。 このブログの場合は自分の好きな色でまとめた感じなんですけど、やはり見やすい色の組み合わせってあるので、好きな色をいくつも入れたら見た目がド派手になってしまった！なんてことも起こりがち。 そういうのを一気に解決してくれるやつを紹介します！ AI（人工知能）です！未来ですね。 しかも無料！（素晴らしい） Khromaっていいます！！（読めねーよ！） Khroma – The AI color tool for designers 使い方はとても簡単 サイトを開いて【Personalize】をクリック するとカラーパレットがズラッと出てくるので好きな色を

恐らくインターネット史上最強の、無料で使える画像の検索に特化した検索エンジンが登場した。運営にあたるのは著作物の適正な再利用の促進を目的として、2001年に創立されたクリエイティブコモンズ。 クリエイティブコモンズは以前から、クレジットの付記等の条件付きで、著作物を広範囲のネットユーザーに再利用させる試みを行ってきた。今回のサイトの登場で、その画像の検索が一気に簡単になった。 従来はクリエイティブコモンズ画像の検索はグーグルのアドバンスサーチやFlickrに頼るしかなかったが、新規にオープンしたサイトはまだベータ版ながら、非常に使いやすいサービスに仕上がっている。 今回の「クリエイティブコモンズサーチ」は、900万点以上の画像を一気に検索可能。ライブラリにはFlickrや500px、ニューヨークのメトロポリタン美術館やニューヨーク公共図書館、アムステルダム国立美術館のサイトの画像が含まれて

色 色は、雑誌、広告、テレビ・パソコン、家具・小物、雑貨など、生活する上で自然と目にするものですが、私たちはその目にする色の影響をどれほど受けているのでしょうか。人は750万色以上の色を目で認識できるそうですが、実は目を閉じていても、皮膚から色の違いを感じ取れることが分かっています。ここでは、Web上のフルカラーで表現できる1600万色の色見本を見ることができます。心理的・生理的に影響のある色ですから、それぞれの色と向き合って色の個性を体感してみてください。

2014年7月1日追記 この記事で紹介している内容は現時点では有効ではありません。新しくパワポマンの見つけ方をまとめましたのでこちらを御覧ください。お手数をおかけしますがよろしくお願いいたします。 PowerPointでよく見る豆人形とか彼ら（パワポマン）の見つけ方part２ PowerPointでよく見る豆人形とか彼ら（パワポマン）の見つけ方part3《サーバー編》 PowerPointでよく見る豆人形とか彼ら（パワポマン）の見つけ方part4《豆人形/Screen Beans編》 PowerPointでよく見る豆人形とか彼ら（パワポマン）の見つけ方part5《シリーズ作品編》 PowerPointで大変使い勝手の良い人物アイコンにこちらがあります。 なんというのが正式名称か存じませんが、自分の中では「丸い人」とか「パワポマン」と読んでいます。 私の環境が悪いだけなのかもしれませんが、O

単語を入力するだけでイメージにぴったりな画像を提示してくれ好きなカラーを直感的に探し出してカラーパレットやカラーコードを表示してくれるネットサービスが「Colores」です。 Colores http://colores.manugarri.com/ これがColoresのトップページ。単語を入力するテキストボックスがあるだけという超シンプルなデザインです。 例えば「tree(木)」と入力するとこんな感じでカラーパレットやイメージ画像をずらりと表示してくれます。 単語にぴったりの画像と、その画像に使われている主な色がカラーコード付で表示されるので、イメージにあうカラーコードをすぐに調べられるというわけです。 また、イメージに合うカラーパレットは正方形や…… 長方形で表示されるので、これをクリックすると…… Dribbbleというデザイナーのコミュニティサービスにジャンプ。入力した単語にぴっ

インターネットやデジタルメディアの急激な普及で、あらゆるビジネスに大きな変化が訪れている。これまではテクノロジーと無縁だと考えられていた業界ですら、刻々と変化するデジタルトレンドを把握していないと新規参入の競合に一気にその座を奪われてしまう。その一方で、新たなトレンドを事前にキャッチし、今後あたりまえになるであろうテクノロジー的変化を事前に予測し、ビジネスに取り入れることで、いち早くマーケットリーダーシップを獲得することも可能になる。 例えば、iPadやタブレットで本を読むなど10年前は考えられなかったが、現在ではごく一般的な消費者行動のひとつになっている。商品やサービスを提供する企業側も、そのような消費者行動の変化に対応していかなければならない時代になった。逆に考えると、現在は常識と思われているプロダクトも、数年後には存在価値が無くなっている可能性も多いに考えられる。現にアメリカではUb

KDDIウェブコミュニケーションズ（以下KDDIウェブ）でWebサイトの作成サービスを提供するJimdo事業部は、2013年末から順次社内向けの運営マニュアルをクラウドサービス「Teachme」に移行、刷新している（写真1）。Teachmeはベンチャー企業のスタディストが開発・提供する業務手順書の作成・共有に特化したサービス。スマートフォンのカメラを活用し、写真とテキストで誰もが統一的なマニュアルを作成できる（関連記事）。現在、ベンチャー企業が開発・提供する特定業務のためのBtoB向けクラウドサービスが続々と登場しているが、そうしたサービスが大手企業の部門や中小企業といった単位で利用され始めていることを示す事例である。

Agritech company Iyris helps growers across eleven countries globally increase crop yields, reduce input costs, and extend growing seasons.

［速報］アドビがHTML5とモバイルにフォーカスした新ツール群「Adobe Edge Tools & Services」を発表。アニメーション作成、レスポンシブデザインなどが効率的に 米アドビは24日（日本時間24日深夜）、サンフランシスコでイベント「Create the Web」を開催。CSSやJavaScriptを使ったアニメーション作成、画面の大きさによって動的にレイアウトが変化するレスポンシブなWebデザイン、複数のモバイルデバイスへの対応、HTML5やCSS3に対応したコーディングなど、最新のWeb技術に対応した開発を支援する新ツール群「Adobe Edge Tools & Services」を発表しました。 発表された新ツールやサービスを日本語で解説するWebサイトもすでに公開されています。サンフランシスコで開催されたイベントの内容を、ダイジェストで紹介しましょう。 Adobe

モジララボは現在、SWF形式ファイルを再生できる互換Flashプレイヤー「Shumway」を開発中だそうです。 モジラジャパンの浅井氏のツイートで知りました。 JS実装FlashプレイヤーShumwayの動作サンプル bit.ly/LvmcNO と解説 bit.ly/LvmdRU PDF.jsに続いてFlashもJSによるプレイヤーを同梱する日が来るかもね — dynamis (でゅなみす)さん (@dynamitter) 6月 19, 2012 GithubのShumwayのページには以下のような説明があります。 Shumway is an HTML5 technology experiment that explores building a faithful and efficient renderer for the SWF file format without native c