ご利用にあたって 弊社ウェブサイトのご利用にあたっては、以下の点にご同意ください。 著作権について 弊社ウェブサイトで提供されている情報及び画像、ムービーやプログラム等のコンテンツに対する著作権・知的財産権は、特に表示の無い限り、株式会社ＣＲＩ・ミドルウェアに帰属します。また、サイト上に登場する弊社以外の会社名や製品名は、それぞれ各社の登録商標または商標です。このため、各種コンテンツの無断転載・再配布は一切禁止します。 テクニカルサポートページの内容転載については、「テクニカルサポート」をご覧下さい。 * “PlayStation”および“プレイステーション”、“PS3”、“PS4”、“PS5”は株式会社ソニー・インタラクティブエンタテインメントの登録商標または商標です。 コンテンツの利用について 弊社ウェブサイト上にて一般に公開しているムービーやプログラム等コンテンツの利用は自己責任を原

動画制作の背景 訪日外国人の行動データ分析ソリューション「いいデータ」のサービス紹介動画です。 ストーリー 訪日外国人の方の属性・人数・経路等を分析ができる点、様々なデータを得ることができる点をアニメーションを用いて活用シーン、メリットを視聴者がイメージできるように表現しています。また、最後に訪日外国人・地域・企業の三者に対して「いいデータ」であると強調することによって、サービスとリンクするような終わり方になっています。 制作のポイント 展示会での放映を想定し、サービスをわかりやすくシンプルに伝えています。動画全体を通して、青のイメージカラーで色味を統一しています。 株式会社電通 株式会社電通の提供する「いいデータ（INBOUND INFOGRAPHIC DATA）」は、訪日外国人の位置情報を解析しマーケティングに活用できる分析サービスです。訪日外国人の動態を属性別（国籍、使用言語、性別な

OpenAI長﨑氏も登壇！CEATEC 2024が10/15より開催　AI技術が主役の25周年特別企画「AI for All」でAIの最新技術の展示や講演も多数

Its goal? “To give universal access to a large universe of documents.” And the ability to edit them. From day one, the internet was meant to be authored by everyone. World Wide WebThe WorldWideWeb (W3) is a wide-area hypermedia information retrieval initiative aiming to give universal access to a large universe of documents. Everything there is online about W3 is linked directly or indirectly to t

Adobe XDの正式版、InVision Studioの発表と今月は熱いニュースが続いておりますが…どうやら年末に向けてみなさん一斉にリリースに走っている様子ですね。 レスポンシブデザインのサイトが簡単に構築できるWebflowが大きなバージョンアップ「インタラクション2.0」をリリースしました。 Webflowでもともとできること WebflowはWebサービスで、かっこいいレスポンシブデザインのWebサイト構築が簡単にできちゃうものでした。Wixとかよりデザイン性に優れてたイメージです。 インタラクション2.0で出来るようになったこと 今までもレスポンシブ対応は出来ていたわけですが、今回のバージョンアップでFlashみたいな動きをする近年ではJavaScriptでアニメーションをゴリゴリ書くみたいなことが簡単に出来るようになったみたいです。 パララックスエフェクト 最近はちょっと落ち

デザインの現場でばっちり使え、商用利用などにも対応した最新フリーフォントをまとめてご紹介します。入力するだけでデザイン性がグッとあがる、高品質な素材のみを厳選しています。 どんなデザインにも利用できる万能スタイルにはじまり、人気のブラシフォントを進化させた新しいスタイルなど、日頃からさまざまなデザインを手掛けるデザイナーは確認しておきたい素材が多数揃います。もともとプレミアム素材として販売されていたものを多く、クオリティーの高いデザインを手軽に作成することができます。 【2017年保存版】デザインが良くなる！最新の日本語、和文フリーフォント35個まとめ デザイナーが愛用したいこだわり最新フリーフォントまとめ Alvania Typeface シンプルでフレンドリーな風合いを表現できる書体で、少しだけ手書きのデザインを残したスタイル。 ※　個人利用可能 Archia Typeface はっき

This is the portfolio site of Sena Doi, a Japanese female illustrator based in Tokyo. I draw simple, clear, cool and design-fit illustrations.

５秒後にジャンプします。 ジャンプしない場合は、下記のＵＲＬをクリックしてください。 http://www.thenimura.com Page has moved. You will be automatically redirected 5 seconds after page-load, or click on the link above.

岡村優太 / イラストレーター Okamura Yuta / Illustrator

基本的には公式サイトに載っているコードそのままで動作します。 var canvasData = null; // html2canvas実行 function screenshotHtml(){ html2canvas(document.body, { onrendered: function(canvas) { document.body.appendChild(canvas); canvasData = canvas; } }); } // 画像のダウンロード function downloadImage(canvas) { var dataUrl = canvasData.toDataURL("image/png"); // PNG形式 var event = document.createEvent("MouseEvents"); event.initMouseEvent("cli

SVGを使った、軽量で強力なグラフィック描画ライブラリー「GraphicsJS」が登場。シンプルなゲームを例に、基本的な使い方を開発者自らが解説します。 HTML5は最近のWebにおける中心的な存在です。そして今日のインタラクティブな画像作成においては、SVGとCanvasが多くの人が好んで使う技術になっています。Flashは忘れ去られ、SilverlightはWebのどこかに生息する希少動物のユニコーンのようになり、サードパーティー製プラグインのことを覚えている人はほとんど見かけなくなりました。 SVGとCanvasについてそれぞれの長所も短所もよく議論されていますが、インタラクティブ要素を作成したり操作したりする場合にはSVGがより適しています。SVGはXML言語ベースのベクター形式であるため<svg>タグを使って画像をページに読み込めばすべてのエレメントがSVG DOMで利用可能にな

One to Oneマーケティングを実現する パーソナライズド動画ソリューション「PRISM」 パーソナライズド動画ソリューション「PRISM（プリズム）」の 独自特許テクノロジーにより、あらゆる顧客体験向上と業務革新を 実現した私たちが動画DXを推進するパートナーとなります。 PRISMパーソナライズド動画 ソリューション プリズムとは 「PRISM（プリズム)」は、 MA連携によるあらゆるデータを活用し、 視聴者一人ひとりに最適化した”あなた専用動画”を 自動で合成・生成する、日本初の パーソナライズド動画生成エンジンです。

すごい記事が1日目2日目で来ている中で恐縮ではありますが、フロントエンドJavaScriptでパフォーマンス点から気にしたほうがいい部分について書いてみることにします。 DOM律速になるケースもある よく「JavaScriptが遅い」ということも多いのですが、具体的にはどのあたりが遅くなってくるのでしょうか. 純粋にJavaScriptのスクリプト処理が遅い…最近はブラウザ自体も高速化しては来ましたが、それを追いかけるようにJavaScriptの巨大化も進んでいます。ただし、純粋にプログラム言語的な処理なら、Web Workerに振ることで並列化が可能です。 Ajaxや画像読み込みなどの通信が遅い…サーバ側で高速化する手もありますが、状況によってはJavaScriptで先読みを始めておいて、体感時間を短くすることも可能かもしれません。 DOM操作・表示が遅い…これについて今回考えてみます。

大量の要素を挿入するときに、 毎回DOMにアクセスするとパフォーマンス的によろしく無いので createDocumentFragment を使おうという教えを頂いたのでまとめです。 聞いた事あるけどよくわからんという方も多いのではと思います。 ;(function(){ var $ul = document.querySelector('#list'); // ul要素 var songs = ['終わらない歌', 'キスしてほしい', '僕の右手', '情熱の薔薇', '人にやさしく']; // もっと沢山要素がある想定でお願いします〜 // 低速バージョン // 毎回DOMツリーへの更新が発生 for(var cnt=0, len=songs.length; cnt<len; cnt++){ var $li = document.createElement('li'); var son

ChefやPuppet、Vagrantといったサーバーの設定を自動で行うツールが普及しつつあるが、それと同時にサーバーの自動テストについても注目されるようになっている。今回はサーバーの自動テストを実現するツール「Serverspec」をLinux環境で利用する手順を紹介する。 サーバーの自動テストの必要性とテスト駆動開発 最近ではサーバーの設定やソフトウェアのインストールといった作業を自動で行えるツールが注目されている。しかし、設定後のテストについてはあまり注目されておらず、各種設定やソフトウェアのインストールが正しく行われているかどうかは手作業で確認することが一般的だった。しかし、手作業での確認にはミスや抜けが発生する可能性があり、また対象とするサーバーの数が増えるとそれに比例して手間も増えてしまう。そこで活用したいのが、サーバーの自動テストツールだ。 サーバーの自動テストツールは、あら

最近、新しくChefのCookbookを書く機会があったので、前から気になっていたInSpecを少し触ってみました。 github.com InSpecとは何か？ InSpecは、Chef社が開発しているオープンソースのサーバーテストフレームワークです。サーバーのテストフレームワークといえば、Serverspecが有名ですが、InSpecはインフラ管理向けというよりコンプライアンスの担保だったりセキュリティ要件を満たしているかどうかのテスト用作られたツールになっています。InSpecのGithubには、 InSpec is inspired by the wonderful Serverspec project. Kudos to mizzy and all contributors! と記載があるように、Serverspecにインスパイアされているようです。なので、基本的にServers

5年間コードを書き続けたエンジニアが、新人に読んでもらいたい11冊+αを紹介する 新人エンジニアのうちに読んでおくと役立つ名著やおすすめの本を紹介。開発全般やコーディングなどの作法を学ぼう。 某社でサーバサイドエンジニアをしている @ikenyal と申します。開発言語は主にPHP。新卒入社から5年、エンジニアとして働いています。学生時代にもプログラミング、サーバ・ネットワーク構築や運用を経験しました。 これまで、社内外で新卒からベテランまで多くのエンジニアを見てきました。その中で、新人のうちに身につけておいた方が良いだろうと思うものは「お作法」と「基礎知識」です。 プログラミング言語やシステムの専門的な知識は後からでも勉強できます。一方で、さまざまな自己流の癖は時間が経つと身に染みついてしまい、指摘されても直すのが難しくなってしまいます。そのため、新人のときに良いお作法を勉強しておくこと

身近にいるかもしれないモンスター達 「モンスターペアレント」なんて言葉が流行した時期がありましたが、そのデザイナー版もありそうです。一見、平穏そうな装いをしたデザイナーの中に潜む恐ろしいモンスター達。彼らがデザインの行程を台無しにしたり、品質を落としてしまう場合があります。 今回紹介するモンスター達は web やアプリのようなデジタルプロダクトをデザインしている人たち向け。特にデザイナーとしてキャリアを始めた頃に陥りやすいモンスターたちです。 俺一番モンスター 問題解決することがデザイナーの仕事ですが、自分が考えた解決案が絶対正しいとは限りません。誰でも自分が考えたアイデアを大事にしたいですが、過保護になるとかえって視野が狭くなります。デザインに関わる様々な手法がありますが、それが解決を導き出す唯一の方法ではありません。課題解決ができるのはデザイナーだけではないわけですから、「自分が絶対正

サーバーレスな話で以下のような構成、よく見かけます。 CloudFront と S3 で SPA を配信する API Gateway と S3 で CRUD API を作る よく見かけるのですが、私が知っているのは「構成」であって「実装」ではないな、ということで簡単なものを作ってみることにしました。図にすると以下のようなイメージ。 簡単なストーリー 各地域に投票所があり、エンドユーザーが投票する 地域ごとに投票データをCSV管理しており、投票が終わったら管理者が中央ストレージへCSVファイルをアップロードする 想定読者 サーバーレス構成で CloudFront や S3 を組み合わせたサンプルを見てみたい方。 作ってみて 最初に感想を書いてしまいます。 CloudFront と S3 の組み合わせは強力。ドメインを持っていたら迷わず横綱構成へ持っていくべき。 API Gateway は思っ

File Not Found アクセスしようとしたページは 見つかりませんでした。 以下のような原因が考えられます。 記事が削除された URLが間違っている