JS Girls Tokyo #1で、JavaScript初心者向けの勉強方法について話しました。 私自身、HTML/CSSはできてもJavaScriptが大の苦手でしたが、@hokaccha 先生による修行によって、なんとか理解できるようになりました。 その修業の中で、何をどうやって勉強したかを紹介することによって、同じように悩んでいる人へのヒントになればうれしいなと思って書いてみました。 スライド中のリンクをクリックしたい場合は、下記のSlideShareの方（内容はまったく同じ）でご覧くださいませ〜！ はじめてのJavaScript / JS Girls Tokyo #1 http://www.slideshare.net/tacamy/js-girls1-32102921
１ピクのラインにこだわったデザインスタディ
ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに１ピクセルのラインを使用したデザインスタディをSpoonfed Designのエントリーから紹介します。
ディープラーニングについて研究するGoogle Brainが、高解像度画像を8×8(64)ピクセルに変換した画像から元の画像を推測する技術「Pixel Recursive Super Resolution」を発表しました。 Pixel Recursive Super Resolution (PDFファイル)https://arxiv.org/pdf/1702.00783.pdf Google Brain super-resolution image tech makes “zoom, enhance!” real | Ars Technica https://arstechnica.com/information-technology/2017/02/google-brain-super-resolution-zoom-enhance/ 下の画像の右端が元の「ソース画像」で、これを8×8ピ
「Nexus 5X＆6P」のAndroid OSサポート終了 「Pixel 2」日本投入なくアプリ開発者が困惑
「日本国内でAndroidの最新バージョンを試せなくなる」──米Googleが10月4日（現地時間）に発表したオリジナルのAndroidスマートフォン「Pixel 2」「Pixel 2 XL」が日本市場に投入されないことが明らかになり、日本のアプリ開発者たちが「リファレンス機の不在」に困惑している。 Googleは、Androidのリファレンス機（基準となる端末）として「Nexus」シリーズを2010年から展開。日本でも複数のNexusスマートフォンやタブレットを通信キャリアやPlayストアを通じて販売してきた。Androidの最新バージョンや次期バージョンのプレビュー版をいち早く適用できることから、デベロッパーがアプリなどの開発機としても活用している。 しかし、同社は15年にNexusシリーズを廃止。16年に登場した「Pixel」シリーズにその役割が引き継がれた。ところが、Pixelシリ
メモリは2GB増、ストレージは2倍だ。プロセッサ、バッテリー容量、ディスプレイサイズ（4.5％アップ）と解像度もアップし、本体サイズは厚さ以外は小さく（5.3％ダウン）、重さも4g軽量になった。 ただし、Pixelシリーズの特徴の1つである、本体側面を握るとGoogleアシスタントを起動できる「Active Edge」はサポートしない。Pixel 4のSoliレーダーも搭載しない。また、本体カラーを「Just Black」（サイドの電源ボタンはミント）1色だけにしたのも、価格を抑えるための方策とみられる。 ちなみに、米Appleが4月に発売した廉価モデル「iPhone SE」の128GBモデルよりも1万1880円安い。 メインカメラは、デュアルピクセル像面位相差AF搭載の1200万画素カメラのみで、Pixel 4にはある望遠用の1600万画素テレフォトカメラはない。したがって「テレフォトズ
いまさら聞けないRetina対応のための「ピクセル」の話
ピクセル密度とピクセル比の関係 ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです（と考えています）。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。 ピクセル比に似た値「dp」とwindow.devicePixelRatio Androidの密度非依存ピクセル「dp」 Density-i
最近、そのカメラ性能の高さで話題に上ることが多いGoogleのスマートフォン「Pixel 3」。私の妻も今年の3〜4月に行って来たネパール旅行直前から使うようになり、旅行中の写真はずっとPixel 3で撮っていたのですが、その写真を見せて貰ったところ本当にどれも綺麗で驚いてしまいました。 Pixel 3に搭載されているアウトカメラはF1.8の単焦点レンズ（シングル）に1,220万画素センサー、画角は35mm換算で27mm相当になります。AIやソフトウェアでの画像処理により、これまで小さなセンサーやレンズでは不利とされていた写真表現を実現することを目指した機種になっているそう。 日中の低感度で綺麗に撮れるのは今時のコンデジやスマートフォンならば当たり前ですが、まず驚いたのはその解像感。あの小さなレンズからよくこれだけの絵を生み出しているなと。 次の写真の手前に歩いてきたヤクの毛並みに奥に見え
The list below represents some amazing work by various artists who have made their work available to the general public for a variety of uses. These icons are all free. There are literally hundreds of websites that will sell you icons that are royalty free for whatever purpose you desire. However, royalty free does not necessarily mean free — you still have to pay for whatever it is you want. This
2014年05月01日12:00 ゲームのドット絵って「芸術」だよな Tweet 1：以下、＼(^o^)／でVIPがお送りします：2014/04/30(水) 19:39:14.80 ID:VWJ9Ewxo0.net 特にＳＮＫ 転載元：http://viper.2ch.sc/test/read.cgi/news4vip/1398854354/ 2：以下、＼(^o^)／でVIPがお送りします：2014/04/30(水) 19:39:40.67 ID:j/yOVnCF0.net 悪魔城好き 3：以下、＼(^o^)／でVIPがお送りします：2014/04/30(水) 19:40:19.80 ID:+6JbZwGw0.net FF4～6 6：以下、＼(^o^)／でVIPがお送りします：2014/04/30(水) 19:41:02.40 ID:Pf1/hwYG0.net ガチガチのドット絵と言うより
Googleの本気スマホ「Pixel 3」のエグいカメラを見て…「AIってすごいんだな…」「一回使うと戻れない」
Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.
Nintendo Switchに付属してきたACアダプターでPixel 3を充電してみたところ充電できなかったので、その原因を探ってみました。 どんな現象が起きたのか 私の手持ちのPixel 3 (Android 10 / QQ2A.200405.005) をNintendo Switch (2019) 付属のACアダプターで試しに充電してみたところ、充電 → 切断を繰り返す現象が発生しました。 この記事では、その時、内部的には何が起きていたのかについて説明します。 Switch純正ACアダプターの仕様 使ったのはこのACアダプターです。 Nintendo Switch (2019) に付属してきた型番「HAC-002(JPN)」で、定格出力は「5.0V/1.5A」と「15.0V/2.6A」の2系統です。 上記はNintendo HAC-002(JPN)が実際にしゃべるSource_Cap
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
GoogleからPixel 3をもらう方法
タイトルは釣りです はてなブックマーク - Pixel3を使ってみた感想を書いてみる｜けんすう http://b.hatena.ne.jp/entry/s/kensuu.com/n/n0446e4b766b5 ＞なぜ端末を配ってる? Googleは一般人に売りたくてインフルエンサー(ネットやSNSの有名人)に持たせたい。でも彼らはiPhoneユーザでAndroidには見向きもしない ＞Pixelはエンジニア向けでは? エンジニア連中が勘違いしてるだけで、少なくともGoogleは微塵も思ってない。おそらくソフバンとドコモに10万台だかを買ってもらうために、死ぬ気で一般人に売ると土下座させられた ＞誰に配った? 普通は発表前に秘密保持契約下で関係者とマスコミに配る。今回みたく発売直前にブロガーやSNS有名人に配る事例も増えている(インフルエンサーマーケティング) ＞PR表記が必要では? 先の記
5万円台でも性能はハイエンド機並みの「Pixel 6a」 Googleが廉価スマホの位置付けを変えた理由：石野純也のMobile Eye（1/3 ページ） Googleは、Pixel aシリーズの最新モデルとなる「Pixel 6a」を7月28日に発売する。Googleのオンラインストアで販売されるのに加え、キャリアではKDDIとソフトバンクが取り扱う。価格はGoogle直販が5万3900円（税込み、以下同）。KDDIはそれよりやや安い5万3270円で、ソフトバンクは6万7680円で販売する。KDDIとソフトバンクは、約2年後に端末を返却すると残債の残価や半額が免除されるアップグレードプログラムにも対応する。 Pixel aは、Pixelの普及を後押しするために開発された廉価モデルのシリーズだ。初めて登場したのは2019年のこと。Pixel 3をベースにしたミッドレンジモデルとして「Pixe
Cuban Council: Error 404
email us: fidel@cubancouncil.com Cuban Council • SF 461 Second Street, Unit T251 — CA 94107 — San Francisco +1 415-252-0203 Map vCard Cuban Council • NYC 88 Rivington Street, 2nd Floor — NY 10002 — New York +1 212-254-2822 Map vCard
米Googleは10月9日（現地時間）、新オリジナルスマートフォン「Pixel 3／3 XL」には付属するUSB Type-C接続イヤフォンを、「Google Pixel USB-C イヤフォン」として発売した。日本での販売価格は税込み3456円。 昨年発表した「Pixel Buds」と同様に、「Googleアシスタント」を起動したり、リアルタイム翻訳をさせたりできる。 コードに付いているリモコンの黒いボタンを長押しするとGoogleアシスタントが起動する。リアルタイム翻訳を使うには黒いボタンを長押ししながら「OK Google、○○語に翻訳して」と言う。40カ国語をサポートする。この機能を使うには、接続する端末が「Android 9 Pie」以上を搭載し、Google翻訳アプリをインストールしておく必要がある。 リモコン上部の「音量大」ボタンの長押しで、スマートフォンに来たプッシュ通知を
Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals
{IPHONE15PRO}$price.display.smartから、または$price.display.perMonthの$price.display.months回払いから* {IPHONE15PROMAX}$price.display.smartから、または$price.display.perMonthの$price.display.months回払いから*
box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる | Black Everyday Company
CSSだけでドット絵（Pixel Art）を描く・アニメーションさせる方法を紹介する。ただ、バニラCSSだけでも大丈夫なのだが、よりメンテナブルにするためSassで描く方法も併せて紹介する。 ちなみに下図のようなドット絵がつくれる。 マリオとMinecraftの土ブロックは、CSSアニメーションをつかって動かしている。もちろんJavaScriptは使っていない。 box-shadowプロパティについて ドット絵を描くためには、CSSのbox-shadowプロパティを使う。 そもそもbox-shadowプロパティは、要素にドロップシャドウ効果（影をつける）を与えるのが本来の使い方なので、まずは基本的な使い方からまとめる。 いくつかの構文がある。 box-shadow: offset-x offset-y color box-shadow: offset-x offset-y blur-rad
googleは11月上旬に大炎上する【追記】
google謹製のスマートフォンである「pixel7」が昨日発表された。 内容はpixel6からのマイナーチェンジでしかなかったが、一部界隈ではpixel4の下取りによりpixel7が実質0円だと盛り上がりを見せている。 断言してもいい。これが原因でgoogleはバチクソに大炎上する。 まず実質0円というのは、「pixel4を￥61,500で下取り 」+「予約特典のストアクレジット¥21,000」により、¥82,500のpixel7が実質無料だとしているもの。(pixelは5か6でも可) このとき、pixel4は電気が付いて、画面が割れていなければ満額下取りするかのように見せかけられている。 Androidユーザーはやれ錬金術だと宣い、中古のpixel4まで購入しだす者まで現れるお粗末ぶり。 残念ながら3年前のAndroidを今も使っているチー牛にgoogleは優しくない。 そのpixel
多分Googleの金が入っているのかもしれないが、最近iPhoneXSとpixel3の比較記事が目立つ。 そこで常に目立つのはカメラの性能差みたいなところだ。どうやらgoogleの方が暗いところでの撮影が良いらしい。googleは「僕らの方が性能が良いでしょ？？」と言わんばかりなのだろう。 ちがうちがう、そうじゃ、そうじゃない。 iPhoneの優れているのは総合力だ。トータルユーザーエクスペリエンスというものだ。XSを買って改めて知った。例えば別の記事でも書いたが、電源をつけたときに持っている古くなったiPhoneを近づけるだけで、新しいiPhoneに設定が移るという機能はめん玉ひん剥いた。iCloudがあるからバックアップしやすいよ、とかいうレベルじゃない。 iPhoneXSは語彙力がヤビャアになる優れもの - フロイドの狂気日記 こういうユーザー体験を言われずとも実装する開発姿勢こそが
Googleが5月7日に発表した廉価モデルのPixel 3aは、コストパフォーマンスに優れた端末として注目を集めています。しかし、結局のところ“廉価版”とハイエンドモデルには埋めがたい差があることを忘れてはいけません。 iPhoneよりもオトクは本当？ Pixel 3aの価格は399ドル（約44,000円：日本では48,600円）です。価格の安さに加え、暗所撮影や高速充電機能などを搭載していることから、他でもないGoogleが先陣を切って「（高額な）iPhone Xよりも圧倒的にオトクで性能が良い端末」と言わんばかりの宣伝を積極的に行っています。 しかし、本当にiPhone Xと比較できるほどの端末なのでしょうか。ニュースサイトBGRによれば、iPhoneからPixel 3aに乗り換えるのは、iPhone6シリーズ以前のモデルでもない限り「信じがたいほど馬鹿げている（incredibly
GoogleがPixel 3を日本市場に投入するためにソフトバンクやドコモと交渉中で、価格は7万円以上になると日本経済新聞が報じましたが、これに続いて本日、Googleはティザーサイトをオープンしました。 形状やGロゴの位置から、Pixelスマートフォンに関連するものであるとわかります。まもなく登場（Coming Soon）の文字から、10月9日発表のPixel 3のことを指しているものと考えられます。 ティザーサイトのURLは「comingsoon2018jp.withgoogle.com」となっており、海外向けではなく日本向け。Pixel 3の日本市場投入が確定的になった形です。 技適の欠陥とPixel不在によって日本のAndroid開発は危機的状況でしたが、Googleがようやく認証済みリファレンス機を国内正規販売に踏み切ることで、何とか首の皮一枚繋がりそうです。 海外での噂によると
Parrots in captivity seem to enjoy video-chatting with their friends on Messenger
【レビュー】Snapdragon 8 Gen 1以上の失敗作、Tensor G3を採用しPixel 8 Proは消費者の財布を破壊する - りとらいん
Tensor G3を搭載した「Pixel 8 Pro」を購入したのでレビューします。 既にネット上ではGoogleからプロモーションを受けた有名なメディア等の先行・ステマレビューで埋め尽くされ、カメラとAI機能にフォーカ...
04
http://www.dsg4.com/04/
はじめに 先行事例と課題 陰影と色彩 シェーディングマップによる嘘陰影 頂点シェーダアニメーション ドット絵的なモデルとアニメーション 結果 問題点とか その他テクニックとか 今後 (追記：続いた) 実践ドット絵シェーダー その2 - チラつき抑制編 - 水鳥コンビナート はじめに 自分はドット絵が好きだが、描くのはあまり好きではない。 正確に言うと、1,2 枚を描くのはよいがひとつのゲームに使用する大量のドット絵を全部自力で描くのは大変つらい。 例えばアクションゲームかなにかを作る場合を考えてみると、 キャラクターについてだけでも、必要なドット絵枚数は (登場キャラクター数) × (各キャラができるアクションの数) × (各アクションに必要な枚数) × (リテイクのコスト) で相当なものになるのがわかる。 そこでドット絵っぽいものをレンダリングできるシェーダを用いることで横着をしようとい
Illustratorでピクセル単位の作業を奇麗に行うための方法（イラレのピクセルずれ問題） - フリーでWebデザインとかやってる紳士。
2017年の追記（CC2017向け） 次の点に留意して作業すればOK。基本的にイラレのピクセル周りの扱いはモリモリ改善されているのでだいぶ楽になった。 次セクション「2016年の追記」との違いだけを列挙する。 変形パネルの「ピクセルグリッドに整合」と「新規オブジェクトをピクセルグリッドに整合」が廃止され、あらたに「コントロール」バーの一番右に「ピクセルのスナップオプション」が追加された。これをオンにする。またその中の詳細項目にも全部チェックをつけておく。 それでも作業中に何かのはずみであるオブジェクトが整数ピクセルじゃない状態になったら、「ピクセルのスナップオプション」の隣にある「選択したアートをピクセルグリッドに整合」ボタンをポチして位置調整する。私は今までコントロールバーは邪魔なので非表示にしていたが今はこのボタンのためだけに表示している（スクリプトでなんとかなりそうな気もするが調べて
Loading
Videos Watch and learn from our engineers as they show how to bring the latest web technologies to your websites on Safari. Watch Safari and Web Videos Forums Ask questions and discuss a variety of web development topics with Apple engineers and other developers. Apple Developer Forums Safari Extensions Safari extensions are a powerful way to add new features to Safari. They are built in Xcode wit
IDEA * IDEA
ドットインストール代表のライフハックブログ
Googleは、Android Pの開発者プレビュー版をリリースしました。これは次期Android 9.0の初期バージョンとなります。 Android Pでは、Wi-Fiアクセスポイントまでの物理的距離を測定できるWi-Fi Round-Trip-Time（RTT）屋内測位、「ノッチ」サポート、改善されたメッセージ通知、複数カメラAPI、HDR VP9ビデオ正式対応、JobScheduler、Neural Networks API 1.1、NFC決済の安全な取引用のAPIなど多種多様な機能が実装されます。 今回の発表で悲鳴を上げているのが日本の開発者です。 Android P Developer Previewの配信デバイスはPixel、Pixel XL、Pixel 2、Pixel 2 XLデバイスのみ。全て日本未投入で、技術適合認証を取得していません。Pixelより前のリファレンスモデル
「Pixel 3の文鎮化」の報告が相次いでいる
2018年11月にリリースされたGoogle製スマートフォン「Pixel 3シリーズ」が突然応答しなくなり、いわゆる「文鎮化」してしまうという報告が相次いでいます。これらの報告ではソフトウェア的な修正を試みても状況が改善しなかったことから、「何らかのハードウェア欠陥があるのでは」と報じられています。 Reports of Pixel 3s bricking with “EDL” message are growing | Ars Technica https://arstechnica.com/gadgets/2021/09/reports-of-pixel-3s-bricking-with-edl-message-are-growing/ Some Pixel 3 devices are stuck on EDL mode, and nobody knows why https://ww
色からなにから色々調整 左のメニューから、各種大陸を個別で色をぬることが出来ます。 下のメニューからは、海の色と、個別で色を塗っていない大陸の配色を帰ることが出来ます。 左メニューからは、さらにちょっとしたアイコンの挿入や、テキスト、罫線等を追加することが出来ます。 完成したら、右下から出力出来ます。 SGV、pngファイルでの出力以外にも、HTML/CSSでの書き出しも可能なのが特徴です。 というわけで、使いやすい世界地図が欲しい時はお試しあれ。 Pixel Map Generator | amCharts それでは、また。
フリーやシェアウェアのピクセルフォント集
フリーやシェアウェアのピクセルフォント集です。 画像は各サイトで配布しているピクセルフォントの一部です。 フリーのピクセルフォント
愉快な生活送り太郎 on Twitter: "Pixel 7発売におけるGoogleのやらかしをまとめときます。Googleレベルの企業でここまでグダグダなのは本当に見たことなかったので…"
Pixel 7発売におけるGoogleのやらかしをまとめときます。Googleレベルの企業でここまでグダグダなのは本当に見たことなかったので…
Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals
iPhone 14 Proを買ったばかりなのにPixel 7を予約したただ一つの理由（CloseBox） | テクノエッジ TechnoEdge
「Made by Google」イベントを見ながら、GoogleのAndroidタブレットに関する記事を書いていたのですが、発表会のある部分で思わずGoogle Storeに行き、購入予約をしてしまいました。Pixel 7です。 「Google Pixel 7」正式発表。Tensor G2搭載、自撮りカメラ強化 筆者のメイン端末はずっとiPhoneなので、Androidの最新世代を購入することは少ないのですが、今回は、iPhone 14 Proを買ったばかりというのに即決でした。 そのただ一つの理由は写真です。ただし、撮影は関係ありません。 Pixel 6には「Face Unblur」という、新規で撮影した写真で顔のブレを軽減する機能がありました。メインのレンズと超広角レンズによる撮影データから、顔にピントが合って写っているように加工する、コンピュテーショナルフォトグラフィの一種です。Pi
Googleは2023年に、「Pixelタブレット」の発表を予定しています。iPad対抗モデルとして期待されているこのモデルですが、Googleはさらに「iPad Pro」をも超えるための秘策を隠し持っているようです。 *Category:テクノロジー Technology *Source：9to5Google(1) ,(2) ,Google Googleの渾身作「Pixelタブレット」 GoogleはPixelタブレットを、2023年内に発表することを明かしています。Pixelタブレットの最も大きな特徴は、スピーカー付き充電ドッグに対応している点です。このドッグに接続することで、Pixelタブレットはスマートディスプレイ「Nest Hub」のように使うことができます。 この機能のメリットは、今まで使用していない間は「邪魔な板」でしかなかったタブレット端末に、新たな役目を与えられることです
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめてのJavaScript / JS Girls Tokyo #1
8×8ピクセルに縮小した画像から元の画像を予想する技術をGoogle Brainが開発
Google、「Pixel 4a」発表 6GB／128GBでiPhone SEより安い4万2900円
脅威のカメラ性能！ Google Pixel 3で撮ったネパール＆エベレスト街道 - I AM A DOG
Free! Icons for your website or application at MaxPower
ゲームのドット絵って「芸術」だよな : 哲学ニュースnwk
Nintendo SwitchのACアダプターでPixel 3を充電できなかったので原因を調べてみた
5万円台でも性能はハイエンド機並みの「Pixel 6a」 Googleが廉価スマホの位置付けを変えた理由
Google、リアルタイム翻訳対応「Pixel USB-C イヤフォン」を3456円で発売
Engadget | Technology News & Reviews
アップル - iPhone - iPhone 4SとiPhone 4を比較する。
カメラ自慢ばかりするGoogleとpixel3に言いたいこと - フロイドの狂気日記
iPhone6s以降のユーザーはPixel 3aに乗り換えるべきでない理由 - iPhone Mania
Google、やはりPixel 3を日本市場投入。ティザーサイト公開 – すまほん!!
グーグル、「Pixel 6」「Pixel 6 Pro」を発表
Engadget | Technology News & Reviews
実践ドット絵シェーダー - 水鳥コンビナート
グーグルがGPT-4超えの最新AI「Gemini」発表、Pixel 8 Proで動作する「Gemini Nano」も
Android P開発者プレビュー版が配信。日本の開発者は合法機体消滅へ - すまほん!!
HTML/CSSも吐き出す超お手軽な世界地図素材作成サービス「Pixel Map」
Engadget | Technology News & Reviews
iPadを「時代遅れ」にするGoogleの秘策 | AppBank