いい感じのUIをサクッと作れるReact用ライブラリ「Tremor」を使ってみた
プログラミング能力とUIのデザイン能力を両方兼ね備えているスーパーマンはともかく、一般的な開発者であればウェブアプリの開発時にUIのデザインで頭を悩ませた経験があるはず。もちろん、そうした需要に応えて世間にはさまざまなUIライブラリが存在しているわけですが、今回は「Tremor」というReact用UIライブラリで大きなアップデートがあったとのことなので、実際に使ってどんなUIが使えるのかを試してみました。 Tremor – The React library to build dashboards fast https://www.tremor.so/ Tremorを利用するためにはnode.jsのインストールが必要です。下記のURLから、手元の環境に合ったインストール方法を選択してください。 パッケージマネージャを利用した Node.js のインストール | Node.js https:
Googleがスマホのカメラで手の動きを高精度でリアルタイムトラッキングする技術を開発
by rawpixel.com GoogleのAI開発チームは、コンピュータービジョンに関する国際会議のCVPR 2019において、リアルタイムで手の動きをトラッキングする機械学習システムを、Googleが提供するオープンソースフレームワークであるMediaPipeに実装すると発表しました。手や指の動きを追跡する既存のハンドトラッキングシステムは、高性能なデスクトップ環境に依存してきましたが、Googleは新たにスマートフォンのカメラでリアルタイムのトラッキングを可能にした上に、複数の手もトラッキングできると説明しています。 Google AI Blog: On-Device, Real-Time Hand Tracking with MediaPipe https://ai.googleblog.com/2019/08/on-device-real-time-hand-tracking-
心ゆくまでフクロウと触れあえる「フクロウのみせ大阪店」に行ってきました
猫たちと触れあえる猫カフェは猫好きの人なら日々の癒やしとしてつい通いたくなりますが、猫ではなくフクロウをなでなでしたり、肩に乗せたり、心ゆくまで姿を眺めたりできるのが「フクロウのみせ」。本店月島の他に大阪にもお店があるということなので、実際に行ってフクロウと触れあってきました。 フクロウのみせ大阪店のblog http://blog.livedoor.jp/owlfamily/ 開店は11時からだったのですが、開店前にはすでに列ができていました。 お店にいるフクロウは販売も行われているようで、店舗の外にはフクロウたちの写真も貼られていました。 11時になり、開店。お店の中に入ると仕切りによってフクロウスペースとカフェスペースが区切られていました。 大きさに分けてちょこんと緑色のスタンドにとまっているフクロウたち。 テーブル席はこんな感じ。 テーブルの上にはソフトドリンクやアルコールのメニュ
火星を撮影した10億ピクセルの高解像度画像をNASAが公開
キュリオシティは2011年に打ち上げられたマーズ・サイエンス・ラボラトリーに装備された火星探査車で、火星において生命を保持できる可能性について調査していますが、そのキュリオシティが2012年10月5日から11月16日の間に撮影した写真約900枚を組み合わせた10億ピクセルの画像をNASAが公開しています。 Billion-Pixel View of Mars Comes From Curiosity Rover - NASA Jet Propulsion Laboratory http://www.jpl.nasa.gov/news/news.php?release=2013-205 13億ピクセルの写真は以下のページから見ることができます。 Mars Exploration Program: Interactive: Billion-Pixel View of Mars from Cur
ひたすら失敗し続けるペンギンたちがやたらかわいらしいムービー「Penguin Fail」
氷の上ですってんころりんと転んぶペンギンや、ジャンプに失敗し岩の上からころころと転がっていくペンギンなど、ペンギンたちがひたすら失敗していく様子を集めたムービーが「Penguin Fail」です。 Penguin Fail - Best Bloopers from Penguins Spy in the Huddle - YouTube 太陽に向かって一斉に走るペンギンたち。 大きな岩に飛び乗ろうとぐっと背を低くするペンギン。 ピョンッと飛び乗りました。 ……と思ったらズベッと地面に尻もち。 トコトコと並んで歩く2匹のペンギン。 ツルッ。 なんとかバランスをとり、転んでしまうのは回避。 こちらも大人ペンギン2匹が歩いています。 ツルッ。 どてっ。 氷の上を歩くペンギンを、「転ぶか、転ぶか……？」と見ていると…… 穴にはまりました。 突きだした岩に飛び乗ろうとしています。 ジャンプ。 ベシャ
これまでと一味違った写真を撮りたいときに参考になる「ボケ」の作例トップ25
多用しすぎると自己満足にしかならない写真の「ボケ」ですが、その効果を最大限に活かすと、ただのスナップ写真では表現しきれない、味のある写真を撮ることができます。 写真共有サービスのFlickrにはボケにこだわった写真を撮るグループが多数存在し、まだ写真を始めたばかりの人からプロのカメラマンまで、数多くの人が山ほどの写真をアップしています。その中から、評価の高い写真を集めてみました。なかなか狙ったような写真が撮れていないという人は参考になるはず。 1：甘そうなカップケーキ by De Vetpan 2：ホノルル市街地を見下ろしての1枚で、「God of This City」という題がつけられています。 by Jeremy Snell 3：霧の向こうにたたずむ鹿 by andrew evans. 4：サンフランシスコの街角 by De Vetpan 5：飛沫を浴びるカップルの人形 by PNik
無料で100万枚以上のブリテン諸島の風景写真が利用できる「Geograph British Isles」
グレートブリテン島やアイルランド島のあるブリテン諸島の写真を片っ端から撮影して、1平方キロメートルごとの風景写真を集めている「Geograph British Isles」。 写真は2005年から撮影され始め、現在では7000人以上のボランティアによる100万枚以上の写真がクリエイティブコモンズの元で公開されていて、美麗な風景が楽しめるようになっています。 詳細は以下から。 Geograph British Isles 画像は地図からも検索可能。赤くなっている部分は写真があるところです。 以下が公開されている画像の一部。都会から田舎まで様々な風景が見られます。 11月に撮影された夕焼け。 photo by Keith Grinste 一面に緑が広がっています。 photo by Stephen Burton ピカデリーサーカスの一角。 photo by Pam Brophy 地下鉄のコンコ
LAN経由で相手のデスクトップに付せん紙を貼り付けることができるフリーソフト「Stickies」 - GIGAZINE
この無料の付せん紙ソフト「Stickies」は通常の付せん紙機能はすべて網羅しており、指定時刻になったらアラームで教えてくれるリマインダー機能、設定した日時までは付せん紙を見えないようにする機能、さらにはLAN内の別のパソコンのデスクトップに付せんを送りつけて貼ったりすることも可能です。メールの添付ファイルとして送ることも可能なので、離れた相手にも付せん紙を送ることができるというわけ。 さらに、付せん紙を貼った場所はちゃんと記録されているので、再起動しても元通りの位置と場所に復元されます。文字のフォントや色、スタイルなども変更可能で、見た目自体もがらっと変更できます。また、特定のウェブサイトやファイル、フォルダと関連づけることによって、あるサイトを開いたときだけその付せん紙を表示するとか、特定のフォルダを開いたらあらかじめ決めておいた付せん紙を表示する、といったことも可能。加えて、Palm
Windowsで動作可能な無料の無線LANパケットキャプチャ「Omnipeek Personal」
いわゆる無線LANパケットアナライザとして有名なソフトでWildPackets社の「OmniPeek」（有線LAN用「EtherPeek」と無線LAN用「AiroPeek」を統合したLANアナライザソフトウェア）というのがあります。一番安いバージョンでも21万8000円というお値段なわけですが、驚くべきことに個人用途目的限定の無料版「Omnipeek Personal」が存在します。 Windows Vista/XP/2000、Windows Server 2003にインストール可能で、動作する無線LANドライバはAtheros製かIntel Centrino 3945ですが、別途ドライバをダウンロードすることによって、その他の無線LANであっても対応可能。802.11a/b/gだけでなく802.11nにも対応しており、WEPなどで暗号化している場合でもきちんとキーを入力すればアナライズ可
Windowsのパスワードをわずか数分で解析する「Ophcrack」の使い方 - GIGAZINE
Windowsの各種ユーザーアカウントのパスワードを解析して表示することができるオープンソースソフト「Ophcrack」を使ってみました。Windows Vistaにも対応しており、総当たりで解析するのではないため、非常に素早く解析できるのが特徴。数分程度の時間で解析できてしまいます。今回の実験ではジャスト3分でAdministratorのパスワードが表示されてしまいました、ショック。 通常はISOイメージをCDに焼いてCDブートで起動するのですが、今回はUSBメモリから起動してみました。実際に起動してから終了するまでの様子のムービーもあります。 というわけで使い方などの解説は以下から。 ※あくまでも自分のパスワードの弱さをチェックするためのソフトなので、使用する際には自己責任でお願いします Ophcrack http://ophcrack.sourceforge.net/ ダウンロードは
無料で使える高解像度のデスクトップ用壁紙配布サイトまとめ - GIGAZINE
Windows Vista用に新しいデスクトップパソコンを買ったのはいいのですが、今までのパソコンよりもハイグレードなグラフィックボードとモニターを選んだところ、かなり解像度がアップしていまい、今までの壁紙では寸足らずになってしまいました。 というわけで、個人的必要に迫られて収集してみた高解像度のデスクトップ用壁紙配布サイトをまとめてみました。全部ダウンロードは無料です。 同じように高解像度のディスプレイにしてから、いまいちいい壁紙がないな～と悩んでいる人や、これから高解像度のモニターに買い換える人には便利なのではないかと。まとめは以下から。 1994年から続いている老舗サイトで、1600×1200の壁紙が90枚以上あります。フォト系がメイン。 Socksoff.co.uk [wallpaper links resource] ほぼ毎日新しい壁紙が続々と追加されています。解像度は最大で19
画像を角丸にしたり影を付けたりできる「Corner.js」
画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。 実際のサンプルは以下の通り。 Corner.js http://www.netzgesta.de/corner/ これはノーマル状態 グラデーションシェードを付ける 影を付ける 角を丸くする へこんだ感じの影にする そしてそれらを全部組み合わせることも自由自在 これぐらいまるくすることも可能 オリジナルのアイディアは「reflection.js」から来ているようですが、それにしてもすごい。
牧歌的だったり幻想的だったりするイギリスの風景を集めた「Xplored」 - GIGAZINE
イギリスにある、ちょっとのどかで牧歌的だったりどこか幻想的だったりする風景を集めたサイト。城跡や崩れた石垣、小高い丘や雄大な草原など、あまり近所で見られるような光景ではありません。 詳細は以下の通り。 Xplored http://www.xplored.eu/ ドーセット州クライストチャーチにあるChristchurch Castle(クライストチャーチ城)。どれぐらいの規模の城だったのかもわからない。 Corfe Castle(コーフ城)。11世紀に建てられた城で、13世紀まで王室の宝物倉庫として使われていたらしい。 Knowlton Church(ノウルトン教会)。平原の真ん中にある朽ちた教会。 Netley Abbey。かなり大きな修道院だったみたい。 Portchester Castle(ポーチェスター城)。城壁はローマ時代に作られ、城郭は中世から19世紀まで使われたそうです。
無線LANアクセスポイントを機能強化する無料ファームウェア「Tomato Firmware」 - GIGAZINE
現在市販されているさまざまな無線LANアクセスポイント（無線LANブロードバンドルータとか呼び方はいろいろ）について、その機能について設定を変更するコントロールパネルみたいなものがどれでも付いていますが、それを入れ替えることで使えなかった機能を使えるようにしようというのが無料で利用できる代替ファームウェアの特徴。 今の無線LANブロードバンドルータが数万円クラスの高級機と同等の機能を備えるようになり、さらにそれ以上の機能が付くこともあります。 というわけで、そういうお得な使い方ができる無料代替ファームウェア「Tomato Firmware」を今回は取り上げます。詳細は以下。その他の無料代替ファームウェアも集めてみました。 リンクシスのWRT54G/GL/GSシリーズと、BUFFALOのWHR-G54SおよびWHR-HP-G54で利用可能なのが以下のファームウェア、「Tomato Firmw
CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄（フォーム）部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ
6万5000以上の動物の鳴き声を聞くことができる「Macaulay Library Catalog」
6万5000種類以上の動物の様々な鳴き声のサウンドクリップ、さらに1万8000種類の動物に関するムービーを揃えたものすごいサイトです。 このサイトのディレクターはGreg Budneyという人で、全世界を巡って録音してきた膨大な量のコレクションになっています。学術的及び研究の目的で集めて公開されたものらしいのですが、音質もよく、無料でこれだけのものをパソコンの前にいながらにして視聴できるというのはインターネットならでは。この敷居の低さによってさまざまな人にアクセスしてもらうことが目的だそうです。 また、RavenViewerというフリーソフトもダウンロードでき、例えば鳥の鳴き声をリアルタイムにビジュアル化して表示することが可能です。 アクセスは以下から。 Macaulay Library Catalog http://www.animalbehaviorarchive.org/ 音声はRe
4.6GBものサウンド素材が無料ダウンロードできる「SampleSwap」 - GIGAZINE
作曲に使えるサウンドループや、FlashのBGMとして使えそうな素材が山ほど置いてあります。現時点でファイルサイズは4.6GB、ファイル総数は7579個。テクノ・ヒップホップ・トランス・ドラムループなどが1420個、ドラムヒットが950個、効果音が874個、インストゥルメントサンプルが581個、ボーカルサンプルが579個、メロディックループが440個などなど、圧倒的な量です。 視聴とダウンロードは以下から。 SampleSwap.org - Download 4.6 GB of free audio samples (drum loops, vocals, synths, instruments, sound fx...) http://sampleswap.org/ 以下から視聴することができます。緑色のボタンをクリックすると再生されます。 Download Sounds 実際にダウンロ
ダーク系配色のデザインを採用しているサイトいろいろ - GIGAZINE
背景色が黒色の場合、白の割合をどれぐらいにするか、そしてそれをどれぐらい効果的に表現しようとするか、つまり機能美として背景などの目立たないところにはハイライトを使わず、読ませたい部分にきっちり目の焦点を合わせるために使われているか、そういう点に気をつけるのがポイントだそうで。 というわけで、デザイン的にダーク系配色を使う場合に見ておいた方がいいサイトの例があるそうなので、見てみましょう。言うまでもありませんが、デザイン最優先で見がたくなっているものから、いわゆる機能性を優先しつつデザイン性まで確保しているものまで様々ですので、すべてがいいデザインというわけではありませんが、参考にはなるのではないかと。 30 Dark Designs You Should’ve Seen | Smashing Magazine デザイン的に一番機能美として優れているとされるのは一応、以下のサイト。目立たせた
3D景観CG作成フリーソフト「Terragen 2 Technology Preview」登場
ものすごく高画質でリアルな3D景観CGが作成できるフリーソフト「Terragen 2」のTechnology Preview版がダウンロード可能になっています。いろいろと制限はあるものの、とりあえず試しに使ってみることは可能です。 というわけで、実際に使ってみました。 Terragen Terragen 2 Technology Preview ダウンロードは以下から。 Terragen 2 Technology Previewのダウンロード 大体、こんな感じのCGが作成できます。 Terragen 2 Images チュートリアルが以下のページにあります。 MeltingIce07 PATHS: Tutorials for your Design World 現在の制限としては、800×600以上の画像が生成できない、Render Detailが最大で1.0までしか指定できない、アンチエ
iPodの診断モードに入る方法 - GIGAZINE
自分が使っているiPodの調子が悪くなった時、どこが悪いのかを診断できる「診断モード」というものがあるそうです。これを用いることによって、問題点を発見することが可能になるかもしれません。 ただしメーカーの公式の利用法ではないので、試すときは自己責任で。 続きは以下の通り。 How To Boot IPod Into Secret Diagnostic Mode! Video まずリセットさせる必要があります。 電源が切れるまで、真ん中のボタンを押しながら「menu」ボタンを押し続けます。 真ん中のボタンを押したまま「menu」ボタンから指を放し、「back」ボタンを押します。 数秒すると「diagnostic mode（診断モード）」のメニュー画面が出てきます。 USBやFireWire、クリックホイール、ディスプレイにヘッドホンジャックなど、さまざまなテストが可能。 HDDの情報を見るこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
