イノベーション イノベーションを起こすためのスキルを習得し、業務に活かす方法を学びます。
◆ Glide https://go.glideapps.com/ 紹介 「Glide」は、Googleスプレッドシートをストレージとして、ノーコードでアプリライクなWebサイトを構築できます。 事前準備 こちらがホーム画面。動画チュートリアルも充実しています。 アプリはスクラッチから作れるほか、7種類のテンプレートも用意されています。今回は、テンプレートの1つ「Conference」をベースに作っていきます。 まずは、左下にある「Coopy to my apps」からテンプレートをコピーします。 すると、My Appsに保存され DB代わりになるGoogle スプレッドシートもコピーされました。 データを編集する それでは実際に、テンプレートを編集しながらアプリを作っていきます。 まずはプロダクトの肝となるデータの編集からです。 データは、テンプレートをコピーした際にできたGoogleス
この記事は、GoogleのデザインリードManuel Lima氏のブログ記事を公式に許可をいただき翻訳させていただいたものです。 Googleがデータビジュアライズの新ガイドライン導入 2017年8月、Googleのデザイナー、リサーチャー、エンジニアの有志が集まり、データビジュアライズに関する総合的なガイドラインを作成した。 このガイドラインでは、色、形状、タイポグラフィ、図解、インタラクション、モーションなどデータビジュアライズに関するすべての分野を網羅している。本ガイドライン制作の成果から、2018年5月、Google初のデータビジュアライズに特化した“データビジュアライゼーション”チームがスタートした。 本記事では、その取り組みから得た知見をシェアしたい。 正直であることデータの正確さと誠実さを最優先にする。情報を歪曲し、混乱させたり、演出したり、公平さを欠くものにしてはならない。
これは何かGoogleの Material Design Guideline - Data Visualization がとても良くまとまっていたので、自分なりに和訳・編集してまとめたものです。 ※ 注意事項 こちらはあくまで、もとのドキュメントを参考に筆者が和訳・編集したものになります。原文の完全な和訳ではなく、抜粋の範囲や、英=>和の際の意訳を筆者が恣意的に行っています。 筆者の意訳・編集による曲解や元のドキュメントでのオリジナルの文意が気になる方は原文を読むことを強くおすすめします。 和訳の公開の可否についてはGoogle社に直接問い合わせています。1 / 原理原則(Principles) データの可視化は、複雑で内容の多い情報をグラフィカルな形式で表現するコミュニケーション手段である。 可視化の結果、データを比較しストーリーを伝えることが容易になり、データの利用者の意思決定の助け
by bnpositive 2001年に公開されたInternet Explorerは2014年にサポートが終了するまで長きにわたって使われましたが、後年は、セキュリティ上の問題やバグの多さから「早く殺すべきだ」という声も多方からあがっていました。YouTubeでエンジニアとして働いていたChris Zacharias氏もIE6の対応に苦しめられた1人であり、当時、寝不足の開発メンバーたちによって「IE6暗殺計画」が立ちあがっていたことを振り返っています。 A Conspiracy To Kill IE6 http://blog.chriszacharias.com/a-conspiracy-to-kill-ie6 Zacharias氏によると、当時、特定の環境下になるとIE6はサポートしていないHTMLの属性セレクタの影響によってクラッシュやブルースクリーンの引き金になることがあったとの
Googleの新スマートフォンPixel 3の「夜景モード」が問いかけるもの(あるいはAIとはなんなのかという実感について) たまにはカメラのレビューなんていう、フォトグラファーっぽいこともしてみますね。といっても、普段はカメラの記事を書くときって、大体カメラ会社が作ったボディやレンズに関する記事を書くことが多いのですが、今回は話題のスマホPixel 3のカメラ、しかも鳴り物入りで搭載された「夜景モード」だけに限定した超ニッチな記事です。でも、このニッチに思える画像技術は、これから先の写真の方向性をもしかしたらすごく変えちゃうかもしれない。そう思うほどに、今回のPixelが搭載した「夜景モード」は、衝撃的な機能でした。まず、その違いを是非画像でご確認ください。Twitterにもアップしましたが、iPhone Xとまったく同じ時間、同じ場所で撮影した写真を並べたものです。 撮影場所は比叡山の
Googleも負けじと頑張っている。最新iPhoneで撮影できる「動く写真」Live PhotosをループGIFアニメに変換するiOSアプリ「Motion Stills」を発表したり、アカウント情報でなくしたiPhoneを発見できるようになったり。テクノロジーの発展って素晴らしい。でもそんなことより、ぼくの中で断然注目度が高いのは、やっぱり1週間前に行われたGoogle Fontsのリニューアルだ。 Google Fontsというのは、Webフォントの無料サービス。これを使えば、簡単なコードをちょっと書くだけで、ブログのフォントをお洒落に飾ることができる。 機能が大幅に変わった…とまでは言わないけれど、なんだか野暮ったい感じの雰囲気を脱してマテリアルデザインにシフトし、デザインにもGoogleっぽさが出てきた(フォントだってデザインを構成する一要素なんだから、ダサいと嫌でしょ?)。アイコン
Windows OS に PHPとApacheサーバーのインストール ~ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基本~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう!HTML5のタグリフ
はじめに この記事はiOS Advent Calendar 2015 - Qiita 19日目の記事です。 昨日はhachinobuさんのMVVMっぽい構成のデモアプリを公開してみるでした。 本日はイースターエッグについて。 イースターエッグとは簡単にいうと隠し機能のことです。余裕のある開発者が仕込んだ粋なお遊びですね。 発見したときはついつい友達に教えたくなります。イースターエッグが仕込まれているアプリおよび実装例について紹介しますね。 イースターエッグの例 まず、イースターエッグが仕込まれているアプリをいくつか紹介しますね。 Google検索 「Google」という名前のGoogle検索アプリです。ロゴ部分をタップすると…! ちなみにロゴが新しくなる前は、なぞるとロゴがバラバラになりました。 www.youtube.com スーモ 「スーモ」アプリには複数のイースターエッグが仕込まれて
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
先日のGoogle I/O 2014で新しいデザイン言語「Material」が発表されました。発表された時は「紙のメタファー」のデザイン言語程度にしか思っていなかったのですが、よく調べて見ると過去最大級のデザインの変更となっているので単にバージョン4.4から4.5に変わったというようなものではないようです。下に主な特徴をまとめてみます。 1. MaterialはMobileだけでなくWEBまで含んだ統一テーマ まず「Material」はAndroid OSを使った携帯端末、タブレットだけではなく、WEBアプリまでを含んだ統一デザイン言語だということです。将来はウェアラブル端末、カーエレクトロニクス、TVまでを含んだ大きなテーマになっています。ただ、WEBに関して言えばモバイルアプリ以上にサイトのオリジナリティが重要視されるので、Googleが推進するからといってこれを採用するサイトが増える
作成:2014/10/14 更新:2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き 1.ジオメトリック 背景 2.フルスクリーンでスライドさせる 3.ドロアー風ライトボックス 4.動画を再生するタイプ3つ スクロール 5.スクロールでクロスフェード 6.スクロールで奥行きを表現 7.スクロールで分割 画像 8.APNG 9.Google 画像検索風ライトボックス 10.トイカメラ風のフィルター ポップアップ 11.おしゃれなアラート 12.
年商30億円間近の「yutori」が語る、Z世代が求める「リアルさ」を武器に服を売る方法と、TikTokのコメントから服が売れる理由。
源ノ明朝は、アドビフォントとしては2番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている4つの言語(簡体中国語、繁体中国語、日本語、および韓国語)で必要な文字をサポートします。それぞれ、7つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
Googleでは2014年から新しいUX体系として、デバイスの違いを乗り越えて操作性に統一感を持たせ使いやすさを向上させた「マテリアルデザイン」を提唱。声かけだけではなく統一サポートサイトとして「Material.io」を開設し、情報共有や普及に努めています。このサイト内に、アプリにどんなカラーパレットを用いればいいのかを助ける新たなカラーツールが登場しました。 Color Tool - Material Design https://material.io/color/ アクセスすると、最初は下の方がグレーアウトした状態。ページのどこかをクリックすると…… ツールを使えるようになります。左側にページレイアウト、右側に「マテリアルパレット」が置かれています。 ページレイアウトは文字中心のものや画像が中心になるものなど6種類が用意されていて、「<」「>」で切り替え可能。今回は5番のレイアウト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く