【翻訳】React Native at Airbnb: The Technology - Studio Andy
はじめに この記事は2018年6月20日にAirbnb社のGabriel Pealによって公開された記事を日本語に翻訳したものです。 公開にあたっては氏本人の同意を確認中ですが、誤訳や問題のある表現等を見つけた方は僕のTwitterアカウントまでDMいただけますと幸いです。 元記事: medium.com 本文 この記事はAirbnb社におけるReact Native体験と 次の時代のモバイルアプリケーション開発について記したブログシリーズの第二弾です。 React NativeはAndroid, iOS, Webで横断的に動作する、それ自体が比較的新しく急速に発展しているクロスプラットフォームフレームワークです。2年間に渡って使ってきた今、React Nativeは多くの点において革新的なツールであると自信を持って言えます。それはモバイル開発におけるパラダイムシフトであり、私たちはRea
社内でFlutterのハンズオンを行ったので、資料を公開します - Pepabo Tech Portal
先日、社内で Flutter のハンズオンを行ったので、その際に使用した資料を公開します。 Flutter とは？ Made by Google Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter™️ は Google が作った、単一のコードベースで iOS、 Android、Web のアプリケーションを作成できるツールキットのことです。 アプリケーションの大部分を Dart という言語で記述します。 Flutter Official Document ※Flutter および Flutter のロゴは Google LLC の商標です。 Flutte
ライブイベント関連4団体が緊急事態宣言延長に際して声明文発表「さらに万全な対策を講じ公演を開催」
ライブイベント関連4団体が緊急事態宣言延長に際して声明文発表「さらに万全な対策を講じ公演を開催」 2021年5月5日 21:19 28642 325 音楽ナタリー編集部 × 28642 この記事に関するナタリー公式アカウントの投稿が、SNS上でシェア / いいねされた数の合計です。 10649 16469 1524 シェア 一般社団法人日本音楽事業者協会、一般社団法人日本音楽制作者連盟、一般社団法人コンサートプロモーターズ協会、一般社団法人日本音楽出版社協会の4団体が、新型コロナウイルス感染拡大に伴う政府の緊急事態宣言の延長に際しての声明文を公開した。 ライブイベント公演開催に関わる4団体の会員社は、政府が4都府県に発令中の緊急事態宣言の期間延長を検討していることを受けて、対象地域における無観客開催要請の撤廃を強く申し入れているという。また2020年5月の最初の緊急事態宣言の解除以降、徹底
CSS Triggers List - What Kind of Changes You Can Make
• Layout • Paint • Composite align-content Changing align-content alters the geometry of the element. That means that it may affect the position or size of other elements on the page, both of which require the browser to perform layout operations. Once those layout operations have completed any damaged pixels will need to be painted and the page must then be composited together. align-items Changi
「美大でメシが食えない」を変えたい京都造形芸術大教授～学生の作品販売でキャリア支援（石渡嶺司） - エキスパート - Yahoo!ニュース
美大志望に「カタギの家庭のガキが行くところやない！」美術系大学や学科と言えば、「卒業してもメシが食えるのか？いや、食えないだろう」とのイメージが強くあります。 そして私立大学であれば、当然ながら学費は文系学部に比べれば高め。 しかも、学費以外にも実習費用に材料費などもかかります。 要するに、費用（学費・材料費など）対効果（就職）という点ではコストパフォーマンスが相当低い、と言わざるを得ません。 就職については「フリーランス志向の学生が多いから、卒業生ベースの就職は悪くて当然」「一般企業への就職は意外と多い」と美術系大学関係者は主張するでしょう。 実際にその通りで、彫刻関連の学科だと自動車メーカー（新車デザインの際に彫刻技術が必要）、絵画関連の学科だとIT企業（スマホアプリのデザインやキャラクター開発など）で、それぞれ評価されての就職者がいます。 しかし、絵画関連だと画家・アーティストを目指
[Web フロントエンド] esbuild が爆速すぎて webpack / Rollup にはもう戻れない - 株式会社カブク
TypeScript + Preact + Material UI + material-table で作っている管理画面のビルドツールを Rollup から esbuild に変えたお話です。 2021/01/07 追記 esbuild に新しく CSS ローダーやプラグイン機構が実装されたので紹介記事を書きました！ esbuild の機能が足りないならプラグインを自作すればいいじゃない https://www.kabuku.co.jp/developers/create-your-own-esbuild-plugin はじめに これまでの JavaScript ビルドツールと私 以前は私も定石通り「アプリには webpack、ライブラリには Rollup」をビルドに利用していましたが、近年はアプリのビルドにも Rollup を利用することが多くなり、 webpack を利用することはな
blog.kwst.site
UnityでYOLOを使った物体認識 2022.8.14 UnityでYOLOを使うにはBarracudaという機械学習の推論ライブラリを使います。 https://docs.unity3d.com/Packages/com.unity.barracuda@3.0/manual/index.html カスケード分類器による物体認識は前回の記事を参照ください。 『OpenCV plus Unityでカスケード分類器を使った物体認識 』 Webカメラで物体認識するサンプル 今回作るのはUnity上でYOLOを使ってWebカメラ画像で物体認識するサンプルです。 OpenCV plus Unityをインストールする Barracudaをインストールする YOLO v4のパッケージをインストールする OpenCV plus Unityのインストール こちらの記事の通りにOpenCV plus Uni
Aeでマスクを使ってオブジェクトを部分的に隠す！
Aeでアニメーションを作成している時、部分的にオブジェクトを隠したい時があります。複雑なものでなければ、背景色と同じオブジェクトを置いてそこに隠せばごまかせたりもするのですが、あまり綺麗なやり方ではないですし、透過されてる場合などは残念な感じになってしまいます。 この記事では、Aeの マスク（トラックマット） を使用して綺麗にオブジェクトを部分的に隠す方法を紹介します！
regl入門 - KAYAC engineers' blog
こんにちは、カヤック・クライアントワークチーム・フロントエンドエンジニアのMr.ブラウンです。 今回は、 「Fast functional WebGL」 と謳っているreglを紹介いたします。 ※ 多少、WebGL・GLSLをさわったことがある前提で話が進んでいきます。 はじめに reglは、シェーダーを自分で書く必要があります。 three.jsのようにBoxGeometryというクラスを使えば簡単に立方体をつくることができたり、 PixiJSのようにGraphicsというクラスを使えば簡単に四角形などをつくることができたり… はできません。 四角形であろうと、丸であろうと、立方体であろうと、 簡単に図形をつくることができるクラスやメソッドは用意されておらず、 reglで何かをつくりたければ自分自身でシェーダーを書かなければいけません。 (three.js・PixiJSはメジャーなcan
Neon: A WebGL Installation
The best part of 3D graphics development is that there is an endless amount of things to learn. Every new technique is a rabbit hole of discovery where the new builds upon the old and new effects are created. It truly feels like imagination is the only limiting factor. At the heart of every Active Theory project is a passion for creative technology so it’s important to balance client work with exp
キーボードから手を離さずにVS Codeで開発したいという気持ちを大切にしています
みんな～。今日も元気にVS Code使っとるかな？ワシは使っとるよ。 VS Codeはショートカットキー（ホットキー）を駆使するとイイ感じにカッコいいアレが感じるの気がしてるです。 だから教えてやるよ。無料でな！ 俺が良く使うものだけ紹介するから、俺の知らない便利機能は出てこない。「これ便利あるよ」ってのがあったら教えていただきたい。 あと、伴ってWindowsやChromeの操作のはなしもする。キーボードから手を離さずに作業しよう。 ◆エディタ自体の操作 ▼Alt 分かってると思うけど、ツールバーにアクセスできる。単純かつ強力だけど意外と忘れがち。 ツールバーにフォーカス当たってる状態で例えば「T」って押すと「ターミナル」カーソル当たるんで、そっから↓キーでメニュー開いたりすりゃいい。 ▼Ctrl + P ほんとこれ。キーボードから手を放す時間を極力減らしたい人はこれ。 Ctrl + P
仕事における男女の体力差について - りこぴんブログ
ちょっとだけ真面目な文章を書きました(・ω・)男女の問題を扱えるほど自分に教養があるとも思えないので、こういう話はしたことがなかったのですが、あまり問題提起されている様子がなかったので、自分で書いてみることにしました。拙い文章ですが、読んでいただけますと幸いです。 --- 極端に男女比が偏った職場でなければ、基本的に職場には男性、女性、その他の性別の人が一緒に働いています。「男性は外で働くべきだ。」「女性は子供を産み、家で家事するべきだ。」と考えられていた時代が長かったことを思うと、多様性のある生き方が認められている現代の価値観は、大きく進歩していると言えます。 しかし、男性と女性の体力は、平均的に男性の方が上です。オリンピックも男子、女子、障害を持っている方、とグループを分けて行われていることに疑問を抱く方は少ないのではないかと思います。同じ距離を走っても、平均を取れば男性の方が女性より
Resize an image with javascript for use inside a canvas createPattern
I've seen a few tricks on how you resize an image you want to use inside an IMG-tag but I want to have an image variable inside a Javascript, resize it and then use the image inside a context.createPattern(image, "repeat"). I have not found any hint on how to do that. You can find a functional demo at http://karllarsson.batcave.net/moon.html with images on what I want to do. The solution from Lokt
CSSのclip-pathプロパティでいろいろ簡単に実装できる、便利な使い方と実装のポイント
CSSのclip-pathプロパティは、非常に便利です。 セクションの区切りを斜めにしたり、ボタンに波紋のエフェクトをつけたり、スクロールして要素がビューポートに入った時にアニメーションで表示されたり、最近のWebページやスマホアプリで見かけるエフェクトはclip-pathプロパティを使用すると、簡単に実装できます。 clip-pathプロパティの基礎知識と便利な使い方、実装のポイントなどを詳しく解説します。 Understanding Clip Path in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに clip-pathプロパティにおける座標 clip-pathプロパティに使用できる値 clip-pathプロパティを使用した実装 終わりに はじめに clip-pathプ
[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法
ビューポートを使った単位（vw, vhなど）は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか？ サイトのナビゲーションやページコントロールはどうでしょうか？ それらは計算に含まれますか？ スマホで要素をビューポートの高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法を紹介します。 The trick to viewport units on mobile 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ビューポートの高さ（vh）の仕様 高さいっぱいの要素を表示する方法 ビューポートのリサイズにも対応する ビューポートの高さ（vh）の仕様 W3Cの仕様では、ビューポートの単位をどのように計算するかは漠然としています。スマホでは高さが重要になることが多いので、ビューポー
![[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a5cf0a3bb9540d4d9f77cfb193ce39e28e90836/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018080401-02.png)
君は真に理解しているか？z-indexとスタッキングコンテキストの関係 - ICS MEDIA
CSSで要素の重なりを表現する時はスタッキングコンテキストによって決められています。スタッキングコンテキスト（Stacking Context）はウェブページ上の仮想的な奥・手前方向の概念であり、「重ね合わせコンテキスト」、あるいは「スタック文脈」とも言います。 z-indexによる重なり位置の指定もこのスタッキングコンテキストのうちの一つです。今回はz-indexより広い概念のスタッキングコンテキストの深淵を覗いてみます。 z-index:5がz-index:53万に勝つ方法 重なりといえば、z-indexです。z-indexはWeb初心者キラーなプロパティで、その値が必ずしも重なりの順序になりません。例えば次のようなz-indexが53万と5の要素があったとします。この場合、53万の要素が上にきます。 <div class="wrapper wrapper-freeza"> <div
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソフトバンク光＆光BBユニットに市販ルーターを組み合わせ、IPv6ハイブリッド通信の爆速環境を構築する | Pastime工廠
http://gonshi.github.io/grouthRing/
Getting Chrome to accept self-signed localhost certificate
Is it possible to use a gesture to go back in Finder?