なーにが、「レディオ」だよ。 テメーなんか高速道路乗る時に聞くぐらいだっつーの。 あと「ラヂオ」もな。 ハイカラぶってんじゃねーぞ、コラ。 追記： その他の ・レイディオ ・ラヂヲ ・レィディオ etc… も、スベってんぞ。 ジョン・カビラは許せてもラジオは許してねぇから。

他のジャンルにもある？ ちなみにシリコンバレー（ドラマ）の「タブ vs スペース」のシーンはクッソワロタ。

1994年に発売した｢プレイステーション｣のデザインをコンパクトなサイズで精密に復刻し、懐かしの｢プレイステーション｣ソフトウェアタイトルを20作品内蔵した｢プレイステーション クラシック｣を、希望小売価格9,980円＋税で2018年12月3日(月)より数量限定で発売(※1)します。 1994年12月3日(土)に日本で発売を開始した｢プレイステーション｣は、当時では革新的な3DCGのリアルタイム描画を実現し、記録媒体にはCD-ROMを採用することでソフトの大容量化を可能にするなど、90年代以降のゲーム業界に大きな影響を与えた、ソニー･インタラクティブエンタテインメント(SIE)が世界に誇る家庭用ゲーム機です。 ｢プレイステーション クラシック｣は、その初期型にあたる｢プレイステーション｣の外見やボタン配置、コントローラ、外箱パッケージ(※2)のデザインをほぼそのままに、本体は縦横で約45％

カギは社内事例にあり！？システム効率化を超えて運用ミスを激減させた件 2024.09.02 コーポレート 業務改善 業務設計 社内ICT

シングルプレイ専用スマートフォンRPG「アナザーエデン 時空を超える猫」の公式サイトです。加藤正人(シナリオ/演出)、光田康典、土屋俊輔、マリアム・アボンナサー(コンポーザー)、江草天仁(アートディレクター)

死と恐怖の館に足を踏み入れよ。スマホ向けホラーアクション「ブラックマンション」を紹介する「（ほぼ）日刊スマホゲーム通信」第1820回 ライター：瑞嶋カツヒロ スマートフォンには相当な数のゲームが存在しているが，「じゃあ，どれが面白いの？」「そもそも，数が多すぎて好みのタイトルが探せない！」と思っている人も少なくないはず。そんな問題を解決すべく，スタートした連載が「（ほぼ）日刊スマホゲーム通信」だ。話題の新作タイトルからネタ要素多めのオモシロ系まで，スマートフォンのゲームを片っ端からプレイして（ほぼ）毎日お届けする。 本日の「（ほぼ）日刊スマホゲーム通信」では，運命を狂わされた主人公を操り，謎の館を探索する，スマホ向けホラーアクションゲーム「ブラックマンション」（iOS / Android）を紹介しよう。 アプリはダウンロード無料。独特のビジュアルを堪能しつつ，物語を読み進めよう 「ブラック

インディーズゲームの小部屋：Room＃549「Old School Musical」 編集部：ginger 明日からの東京ゲームショウ2018に備えて，今日はさっさと帰って早寝したい筆者がお届けする「インディーズゲームの小部屋」の第549回は，La Moutardeが開発した「Old School Musical」を紹介する。本作は，バグだらけになってしまった，どこかで見たようなレトロゲームの世界を舞台にするリズムゲームだ。オレ，TGSが終わったら故郷に帰るんだ……。 ヒーローになるため，子供の頃からママの理不尽なほどに厳しい訓練を受けてきたティブとロブの兄弟。あるとき，世界がバグに浸食されるという大事件が起こり，ママが姿を消してしまう。そして2人はママが残した置き手紙を頼りに，ママの行方を探すことに……。 背は低いがしっかり者の兄のティブと，のっぽで少し抜けているところがある弟のロブが冒

「パン屋さんめぐりの会」なるパン好きコミュニティーを主宰して7年。最近ではパンを求めて旅するブログ「旅するパンマニア」で、国内外のパンを毎日のように紹介している。 今まで食べたパンは1万個以上というと、「どれだけパンマニアなんだ！」「ご飯など食べずに三食パンを食べて暮らしているのではないか」「物心ついた時からパン一辺倒なのではないか」と思われがちだが、実は、もともとご飯党だった。食べ盛りのころは4つ上の姉と競うようにご飯を食べ続けていて、茶わん3杯のおかわりは日常茶飯事だったのだ。 そんな私がなぜここまでパン好きになってしまったのか、パンにどれほどのめり込んでいったかを、その時々の出来事と、それに費やしたお金とともに振り返ってみたいと思う。 きっかけは、フランスで食べたパン 私は18歳まで、埼玉県のとある町で育った。今でこそショッピングモールがあるとはいえ、当時の買い物をする場所といえば近

精神が枯れたきっかけですが，全くわかりません．朝目が覚めて，有給を使っておやすみしていたけどやらなければいけない仕事があって，それを知覚した瞬間から胸が締め付けられるような気分になって，そのままずっとです．笑っちゃいますね． 新卒で夢だった業界に入って，研修ではすごい人達の話をたくさん聞けて，やっぱりいい会社入ったなぁ，幸せだなぁと思っていたら，配属先のプロジェクトで初月から残業が70時間超えていました．ちなみに先月は80時間です． こんな数字を見て「うわ，会社ブラックだね」と思われたくてこの記事を書いているのではないのです．これが楽しいやりたい仕事であるなら良かったのです．辛くても，達成感があったり，自分が関わったものが良くなっている実感があったり，自分のできることが増えていたり，そういうのだったら良かったのです． 変な話ですが，配属先のプロジェクトからは撤退戦の匂いしかしません．もう，

Android用ゲームをPCで遊べる「BlueStacks 4」が本日正式リリース 編集部：Nobu BlueStack Systemsは本日（2018年9月18日），アプリプレイヤー「BlueStacks」の最新バージョン「BlueStacks 4」を正式にリリースした。 「BlueStacks」は，Android用ゲームをPCの大画面でプレイすることをコンセプトとしたゲームプラットフォームで，2018年5月にはAndroid 7.1.2（Nougat）に対応した「BlueStacks 3N」が公開されている。その最新バージョンとなる「BlueStacks 4」では，「より軽く，より速く」をコンセプトに最新アーキテクチャを採用。既存の機能も，より使いやすいものに改良されている。詳細は，下のリリース文で確認しよう。 最新スマートフォンのパフォーマンスを最大8倍上回る 『BlueStacks

ホーム ニュース サイバーパンクバーADV『N1RV Ann-A（ニルヴァーナ）』発表。『VA-11 Hall-A』開発元新作は人工島の高級バーが舞台 Ysbryd GamesとSukeban Gamesは本日9月18日、『N1RV Ann-A（ニルヴァーナ）』を発表した。対応プラットフォームはPC/PlayStation 4/Nintendo Switchで、2020年に発売予定。本作は、2016年に海外で発売され、昨年2017年には弊社アクティブゲーミングメディアのパブリッシングブランドPLAYISMより国内発売された『VA-11 Hall-A』に続く、新作である。 『N1RV Ann-A』の物語が展開されるのは、Saint Aliciaと呼ばれる人工島だ。舞台となるのは、その島にある高級バーN1RV Ann-A。楽園とも呼ばれるその島には、光だけでなく影も存在している。バーに訪れる客

タイトーは9月18日、アーケードゲーム筐体を4分の3サイズで再現した家庭用ゲーム機「ARCADE1UP」を12月に発売すると発表した。収録タイトルが異なる3機種「パックマン」「スペースインベーダー」「ギャラガ」を用意。同日からAmazon.co.jpで予約を受け付ける。価格は各5万8000円（税別）。 ARCADE1UPは、米Tastemakersが製造する筐体。タイトーが日本国内での独占販売権を取得した。第1弾として「スペースインベーダー オリジナル／同 カラー」「パックマン／パックマン プラス」「ギャラガ／ギャラクシアン」の3機種を発売する。 筐体サイズは483（幅）×1163（高さ）×584（奥行き）ミリ、重さは約25キロ。17インチ液晶ディスプレイを搭載する。筐体はコンパクトなパッケージで届き、購入者が自ら組み立てる。組み立て時間は30分程度。 同機は「東京ゲームショウ 2018」

Google では、これまでもすべての Google アカウントに 15 GB の無料ストレージを付与したり、オンラインでファイルを簡単かつ安全に作成・保存・共有する手段を長年に渡り提供してきました。スマートフォンの普及や、 4K 動画、高解像度写真といったファイル形式が登場し、これまで以上にストレージ スペースの利用が増えています。 今回、日本での提供開始をお知らせする Google One は、既存のストレージ拡張プランに加え、Google が提供する様々な製品やサービスの活用をサポートします。 保存容量を拡張して、大事な思い出もいっぱい保存しよう Google One をお使いいただくことで、Google ドライブや Gmail、 フォト といったサービスでより多くの保存容量をお使いいただくことができるようになります。大切な思い出やファイルを、大本のファイルサイズとクオリティのままク

「昼休みの時間が限られるビジネスマンの利用が多い店舗では、同じ時間帯にお客さまが集中し、レジが混雑してしまう。デジタル注文決済サービスの導入で、快適なランチタイムを実現したい」（セブン＆アイ・フードシステムズ） 関連記事 セブンの弁当や総菜、「Google アシスタント」アプリで注文可能に　都内約2600店舗で セブン‐イレブン・ジャパンは、セブン-イレブンの商品をネットや電話で予約し、指定した近隣店舗などで受け取れるサービス「セブンミール」の注文を、スマホアプリ「Google アシスタント」でも行えるようにした。都内の約2600店舗での店舗受け取りを対象に実施する。 音声で飲食店予約できるサービス、ぐるなびが開始　「Googleアシスタント」活用 ぐるなびは、「Googleアシスタント」を使って音声検索で飲食店予約が完了する国内初のサービスを始めた。約30分後に入店できる飲食店を、Web

全く未経験の人がゼロからWebデザインを学んで、Webデザイナーとして仕事を得るまでの方法について、具体的かつ、わかりやすく書いてみる。 前半ではWebデザイナーのスキルに関して、学習の優先順位から勉強法のコツについて。後半では、Webデザイナー就職のヒント＆アドバイスを詳しく解説している。 このページは、以下のような内容になっている。 【目次】 未経験ウェブデザイナーに必要なスキルと知識 ① Webデザインの独学 ② HTML/CSSの独学 ③ WordPressの独学 ④ JavaScript(jQuery)の独学 未経験からWebデザイナーの仕事を得る方法 ① スクールの就職サポートを利用する ② 転職エージェントを利用する ③ インハウスデザイナーの求人を狙う ④ クラウドソーシング、ココナラで仕事を請ける ⑤ ブログを運営してスキルを売る また、ここでは「独学」を前提で書いている

Chrome 70から、WebAuthnでMacのTouchIDとAndroidの指紋認証がデフォルトで利用可能に。Webサイトへのログインもタッチで パスワードを使わずデバイス側での指紋認証やPINコードなどによる認証によりWebサイトへログインできるWebAuthnは、2018年4月にW3Cの勧告候補になり、Chrome、Firefox、Microsoft Edgeへの実装が進められています。 参考：パスワードに依存しない認証「WebAuthn」をChrome/Firefox/Edgeが実装開始、W3Cが標準化。Webはパスワードに依存しないより安全で便利なものへ Googleは5月にリリースしたChrome 67でWebAuthnへの対応を行いましたが、10月にリリースされるChrome 70では実装を進化させ、デフォルトでMacのTouchIDとAndroidの指紋認証に対応するこ

東京オリンピック・パラリンピックの暑さ対策で、「サマータイム」を導入することについて、ＮＨＫの世論調査で聞いたところ「賛成」が27％、「反対」が43％でした。 東京オリンピック・パラリンピックの暑さ対策で、夏に生活時間を早める「サマータイム」を導入することについて、「賛成」が27％、「反対」が43％、「どちらともいえない」が22％でした。 沖縄のアメリカ軍普天間基地を名護市辺野古に移設させる計画について、「賛成」が21％、「反対」が25％、「どちらともいえない」が44％でした。 ふるさと納税をめぐって、総務省は、返礼品の調達価格が寄付額の３割を超える自治体などを税金が控除される制度の対象からはずす方針です。これについて、「賛成」が28％、「反対」が23％、「どちらともいえない」が38％でした。 経団連は、大学生の新卒採用の解禁時期などを示した指針について、廃止も含めて、抜本的な見直しを検討

は何を推してくるか当てよう 俺の一押しは釣りだな 海釣り・川釣り・釣り堀でシチュエーションも広いし そこそこ道具を揃える必要があるからオタクの消費活動にも繋がる 追記 今更新着に上がっててビックリしたが、釣りはもうあんのか じゃあプラモだな 文化祭でなに展示するかで城派とバイク派と戦艦派が争う

2020年東京オリンピック・パラリンピックの組織委員会は、大会のボランティアに対し、交通費に相当する額として参加１日当たり1000円を支給することを決めました。 これに先立って18日、ボランティアの検討委員会が開かれ、ボランティアに対し、自宅や滞在先から競技会場までの交通費に相当する額として、参加１日当たり1000円を支給することを決めました。 独自に作るプリペイド式のカードに１日ごとに入金する方法で支給することを検討していて、カードのデザインはオリンピック・パラリンピックにちなんだものにする方針だということです。 組織委員会は「国内のスポーツ大会では交通費を支給する場合、500円とするケースが多く、長期間参加することも加味して一律1000円にした」と説明しました。 また会議後、ボランティア検討委員会の座長を務める清家篤慶應義塾学事顧問は「組織委員会の予算枠の中で最大限出せる額を提示してい

フォームなどのタスク完了までの進捗状況を表示するプログレスバーを実装するスタイルシートのテクニックを紹介します。 シンプルなHTMLで実装されており、画像は一切無し、文字要素とborderとborder-radiusでビジュアル化されています。 <ol class="progress-bar"> <li class="is-active"><span>Objective &amp; Template</span></li> <li><span>Options</span></li> <li><span>Step</span></li> <li><span>In a Nutshell</span></li> <li><span>Step</span></li> <li><span>Step</span></li> <li><span>Launch Date</span></li> <li><

TOP  >  Design  >  神秘的なモチーフをラフな雰囲気で表現した素材セット「Free scandinavian runes artistic set」 フリーでダウンロードできる素材には非常にさまざまな種類が存在しており、気になったものをストックしておくことで、いろんなシーンで活用することができます。そんな中今回は、神秘的なモチーフをラフな雰囲気で表現した素材セット「Free scandinavian runes artistic set」を紹介したいと思います。 ルーン文字という古代の文字などが、柔らかい雰囲気のイラスト素材セットでダウンロードできるようになっています。 詳しくは以下 シンボル的な文字セット、クリスタルの図形イラスト、植物、かすれたようなテクスチャ、またアルファベットもラインナップされており、ルーン文字として使用するというよりは、デザイン的なイメージ要素とし

デザインでよく使用するお気に入りの英語フォントは何ですか？ Helveticaを使っておけば大丈夫と思っても、メジャー過ぎて新鮮味に欠けるかもしれません。 2018年、実際にWebサイトで使用されている人気が高いフォントとその組み合わせを調査した資料がアップされていたので、紹介します。

Webデザインでも最近は、同一色相でトーンに変化をつけた色の組み合わせを使用するデザインが増えてきました。単に明るい・暗いの明度だけでなく、彩度や色相を段階的に変化させてカラーパレットを作成できるオンラインツールを紹介します。

海外の素材だとちょっと不安という人でも大丈夫、日本人クリエイターが作成した商用無料で利用できるアイコン素材を紹介します。 アイコンは現在400種類以上あり、高品質で汎用性の高いものが揃っています。SVGも完備されているので、非常に使い勝手がよいと思います。 Icon Box アイコンの利用にあたっては個人でも商用でも無料で、「アイコンの編集もご自由にどうぞ」とのことです。アイコン自体の再配布は禁止です。 詳しくは、ライセンスページをご覧ください。 アイコンのフォーマットは、下記の通り。 透過PNG SVG サイズは、16px, 32px, 64px, 128px, 256pxが用意されています。 ダウンロードも簡単で、登録など面倒なことは一切不要です。各アイコンページの「PNGボタン」「SVGボタン」からダウンロードできます。

CSS Flexboxも、margin: auto;も、よく使用していると思います。 しかしよく使用し、なんとなく知っているけれど、本当は理解できていないことがあるかもしれません。 CSS Flexboxとmargin: auto;の自動マージンがどのように相互作用するかを紹介します。ヘッダやナビゲーションなど、微調整が必要なレイアウトに役立つテクニックです。 The peculiar magic of flexbox and auto margins 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 しっかりと理解しておく CSS Flexboxとmargin: auto; しっかりと理解しておく フロントエンドの制作をしていると、知らないことが何なのかを分かっていることがあります。必要とするCSSは十分知っているので、それをど

Webデザインでも紙のデザインでも、余白を上手に使ったものは洗練された印象を与えます。情報を整理したり、視線を誘導したり、可読性や視認性をアップさせたり、余白はデザインにおいて非常に重要な要素です。 最近各所で話題になっている「けっきょく、よはく。」をじっくり中身を見ながら紹介します。読んだらすぐに実践したくなるデザインのテクニックが満載です！ デザイナー初心者にありがちな「何かが違うのは分かるけれど、どこをどう修正すればいいのか分からない」「プロが作ったようなデザインができない」など、デザインでよくある悩みをずばりと解決してくれる一冊です。 初版・2版は速攻で売り切れてしまったそうです。先日3版が補充されたばかりですが、予約分もあるため、それほど多く出回らないかもしれません（版元様よりの情報）。 ※品切れになってしまっても、さらなる増刷が決まっているため、予約で確実に入手できると思います

何らかの理由で画像をレスポンシブ対応にうまく配置できない時があるかもしれません。何時間もかけて、いろいろな実装方法を試すこともあるでしょう。 CSSハックは無しで、レスポンシブ用に画像のサイズ変更を処理して配置するスタイルシートの5つのテクニックを紹介します。 Time-saving CSS techniques to create responsive images by Adrien Zaganelli 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 画像に適した方法で実装しよう 画像を配置するこれからのテクニック IEでも機能する、Netflixで使用されているテクニック 簡単な方法 パフォーマンスを考慮した方法（上級） レスポンシブ対応の画像を実装する時の流れ 画像に適した方法で実装しよう 今、金曜日の17時だとします。

SVGアイコンは美しく軽量で、非常に便利です。Webサイトでもスマホアプリでも、SVGアイコンを使用している人は多いと思います。 SVGアイコンをアニメーションさせるには、どうしていますか？ 例えば、ハンバーガーメニューを閉じるアイコンに変化させるなど、2つのSVGアイコンをアニメーションで変化させるオンラインツールを紹介します。 使い方は超簡単で、2つのSVGアイコンをぽいっとするだけです。

最近のWebデザインには使用される要素には、さまざまなカラーが使用されています。それらの要素にシャドウを与える際には、シャドウの色はブラックとは限りません。グレーであればグレー系シャドウ、レッドであればレッド系シャドウがぴったりです。 さまざまなカラーにあった適切なシャドウの色が分かるオンラインツールを紹介します。

チャートやグラフは、さまざまなスマホアプリで見かけます。 スマホのデバイスに対してデザイン、インタラクション、パフォーマンスに最適化されたチャートやグラフを実装するHTML5 Canvasベースのライブラリを紹介します。 Node.js、React Nativeなどに互換性もあり、50種類以上のチャートやグラフを簡単に利用できます。 スマホ向けのデザイン デザインはスマホに最適化されており、軽快なインタラクションでデータをより自然に表示します。 スマホに最適化されたパフォーマンス 軽量で、素晴らしいレンダリングのパフォーマンスを実現。 互換性 HTML5のCanvasベースで実装されており、Node.js、React Nativeで実行することもできます。 ライセンス MITライセンスで、個人でも商用でも無料で利用できます。 F2のデモ まずはスマホのアプリでよく見かける、美しいデザインと

日常的にVueを使用している開発者が、Reactはどうなのだろうと思い、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 I created the exact same app in React and Vue. Here are the differences. 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 隣の家の芝生は青く見える VueとReactで作成したアプリの見た目を比較 VueとReactはデータをどのように変更させるか アイテムの新規作成 アイテムの削除 イベントリスナーを渡す 子コンポーネントにデータを渡す 親コンポーネントにデータを戻す 終わりに 隣の家の芝生は青く見える 私は現在の職場でVueを使用しており、Vueがどのように機能するかかなり理解してい

多くのサイトで採用されている、多くの情報を整理して順番に見せるスライダー。多くのクリエイターが日々、試行錯誤しており、様々なクリエイティブなスライダーが生み出されていますが、今回紹介するのは斜めに動く、ダイナミックなスライダー「Diagonal Slideshow」です。 「Diagonal Slideshow」はフルスクリーンで動作し、次の写真をクリック、タップでスライド、中央の写真を選択すると、同じくフルスクリーンアニメーションしながら情報が表示されます。 詳しくは以下 スマートフォンで表示させた所、スワイプなどの操作には対応していませんでした。純に見せていくコンテンツで、クリエイティブに印象的に見せたいときには有効なスライダーだと思います。 ソースはzipでまとめて配布されており、シンプルな構造になっていますので、比較的カスタマイズなども可能です。少し今までとは違うスライダーに挑戦し

CSS GridとFlexboxの各プロパティに値を指定した際、それぞれがどのようになるかまとめられた簡単便利なチートシートを紹介します。レイアウトとコードがまとめられたシンプルなチートシートで、あれ何だっけ？ という時用にブックマークしておくと便利です。 まずは、CSS Flexbox用のチートシートから。 CSSのプロパティは親要素のコンテナ・子要素のアイテムごとに分けられており、各プロパティの値でレイアウトがどのように変わるか、ぱっと見てすぐ分かります。 各プロパティの詳しい解説は、下記をご覧ください。 CSS Flexbox の各プロパティの使い方を詳しく解説

筆書きのかっこいい文字を使いたい！ 一回使うだけなのに、毛筆フォントをインストールするのは面倒！ そんな人たちの要望を叶えるべく、書道家「ダ山竹電」先生が立ち上がり、カリグラフィの筆書き素材がローンチしたので、紹介します。 筆書き素材は、個人でも商用でも無料で利用できます。 カリ蔵(カリグラ) 筆書き素材は、カスタマイズしてダウンロードできるのも大きな特徴です。 サイズやカラーを変更したり、文字にもいくつかのバリエーションが用意されています。

さまざまなデータを最小限の記述でビジュアル化し、アニメーションで表示する高性能なJavaScriptライブラリを紹介します。 メーターやファンやコントローラーなど、デザインがレトロなのも面白いですね。 Zeu.js -GitHub 上記は静止画ですが、もちろんアニメーションで動きます。 デモのカラーは派手ですが、オプションで簡単に変更できます。 My Command Center Zeu.jsはCanavasベースで、外部ファイルと空のcanvas要素を用意し、あとはタイプとデータを定義するだけで実装できます。 <!-- 外部ファイル --> <script src="zeu.min.js"></script> <!-- 空のcanvas要素 --> <canvas id="text-meter" width="200" height="100"></canvas> <script> //

TOP  >  WebDesign  >  作品を美しく見せるポートフォリオサイトベスト20「20 Best New Portfolios, September 2018」 デザイナー・プログラマー・イラストレーターなど、クリエイティブな職業についていると、実績や作品というのは重要な営業のための要素の一つで、自分の作品をどう見せていくのかで、仕事の質や量にも大きく影響してくると思います。今日紹介するのは、作品を美しく見せるポートフォリオサイトベスト20「20 Best New Portfolios, September 2018」 45royale – A remote web design company with 12+ years of experience 原文には全部で20のポートフォリをサイトがまとめられていますが、今日はその中からいくつか気になったものを抜粋して紹介したいと思

スマホ、タブレット、デスクトップのレスポンシブに完全対応、マウス操作・キーボード操作・タッチ操作にも完全対応のアクセシブルなスライダーを実装するスクリプトを紹介します。 他スクリプトへの依存は一切なく、単体で動作し、jQueryのプラグインとして実装することも可能です。 Beer Slider Responsive & Accessible Before-After Slider Beer Slider -GitHub Beer Sliderの特徴 Beer Sliderのデモ Beer Sliderの使い方 Beer Sliderの特徴 Beer Sliderは2枚の画像を使用して、ビフォーとアフターを表示できるスライダーです。 単体で動作するシンプルなスクリプト vanilla JavaScriptで記述されたスライダー。他スクリプトへの依存はありません。 jQuery, Zeptoに

WEB上では限定的な使い方にはなってしまいますが、フィルターのON/OFF・背景のモノクロとカラー、化粧の有り無しなど、全く同じもので異なる状況を比べるというときに便利なのが、今回紹介するスワイプでBefore/Afterを表現するスライダー「Beer Slider」です。 上記のように左右で写真が表示されて、スワイプまたはスライドで写真の表示領域を切り替えることが可能です。 詳しくは以下 ソースは比較的シンプルで、普段からWEB制作をしたことがある方であれば、問題なく実装できるレベルだと思います。実際のデモやコードのサンプルは「Beer Slider Responsive & Accessible Before-After Slider – Demo – PEPSized」からご覧いただけます。 ソース自体は「GitHub – pehaa/beerslider: A vanilla JS

映画やテレビなどでよく見かけるモーフィングを簡単に作成できるオンラインツールを紹介します。 イヌからネコに、のように似たような形状だけでなく、全く異なる形状でもある物体から別の物体に変形させることができ、いろいろ楽しめると思います。 下記のアニメーションGIFはコマを落としているので、実際はもっと滑らかです。

日本にスマートフォンが登場して10年が経ち、携帯電話は今まで電話やメールを送信する役割だったものが、Facebook、Twitter、LINEが登場し、最近ではYouTubeなどの動画コンテンツも登場して、ユーザー行動も10年前とは比べ物にならないほどの変化を見せてきた。 今回、メディア環境研究所の野田氏より、生活者を取り巻くメディア環境を浮き彫りにし、最近の若年層は、どのようにスマートフォンを利用して情報収集を行い、どのように消費行動につなげているのか調査結果をもとに解説した。