Using Redux with React Hooks
Note, 2023: This article was most relevant when Redux initially launched its hooks API as people began migrating to hooks. While it probably isn’t as useful as it was then, it is still accurate in 2023 and relevant for anyone who is working with a legacy codebase. You might also be interested in our newer post: Redux Toolkit is the official way to write Redux apps. React Redux recently released ve
物理ベースレンダリング -基礎編-
みなさんこんにちは！ 本日Cygamesエンジニアブログを開設しました！ 弊社は昨年の夏CEDEC 2014にてPlayStation 4への参入を発表致しました。 ハイエンド据置きゲーム機にもこれまでと変わらず最高のコンテンツをお届けできるよう取り組んで参ります。 大阪の開発拠点 大阪Cygamesも設立され、準備が整えられています。 改めまして大阪Cygamesエンジニアの岩崎です。いままで歴代コンシューマ機を中心にグラフィックエンジンを制作してきました。日々最新のハイエンドグラフィックス技術を追いかけています。 今後グラフィック技術情報を中心にこのブログで定期的に情報をお届けしていきたいと思います。グラフィック分野に限らずその都度良いものがあればご紹介できればと思います 便利なツールや実際にゲーム開発に使えるオープンソースプロジェクトなども紹介していく予定です。 第一弾は…！ 今世
Blender2.8でglTFを出力
「glTFをThree.jsで読み込み」でglTFをThree.jsで読み込みましたが、その頃は3DCGを始めたばかりでわからないことも多く、Three.jsで読み込んだとき色や質感が再現できませんでした。最近Blender2.8が正式リリースされ、標準でglTFが出力できるようになったので、「BlenderでiPhoneXSを制作(2)」で制作したiPhoneXSをglTFで出力して、Three.jsで読み込んでみました。 Blenderにも慣れてきて参考書も出始めてきたので、そろそろBlender2.8を使い始めようと思います。 ● PBRマテリアルの設定 マテリアルとテクスチャを表示させるため、BlenderのプリンシプルBSDFでPBRマテリアルを設定します。PBR（物理ベースレンダリング）は現実の光学現象をシミュレートすることにより、リアルな質感を表現できるレンダリング方法です。
sIBL Archive
Each thumbnail links directly to an archived sIBL-set. Watch out, these are big downloads. Click to download, then expand the zip achive as a folder and place the folder in your sIBL-Collection. Starter's sIBL-Collection Including 4 sets: apartment, empty room, backlot, office-eden Update Pack Already collected the sets as they came out monthly? No need to download all 1.4 GB again. Just grab this
「VRM」とは？ そのメリットや対応アプリなど情報まとめ
VRMとは？ VRMのメリット VRM対応のアプリケーションやサービス VRMデータを使ってみよう VRMとは？ 3DCGのモデルデータを扱うファイルフォーマットは、いくつかの標準規格やデファクトスタンダードはあるものの、アプリケーションごとの互換性が完全ではなかったり、モデリングツールや制作者ごとにデータの作り方に細かい違いがあったりと、「一度作ったデータをどのアプリケーションでも同じように扱える」までには至っていません。人型3Dアバターの扱いにおいて、こうした細かいモデルデータの差異を吸収・統一し、アプリケーション側の取り扱いを簡単にするために作られたのがVRMです。 また、技術的な側面に加えて、アバターの「人格」の扱いに関するライセンス情報をファイルに埋め込めるのもVRMの大きなポイントです。アバターを用いて暴力表現や性的表現を演じることの可否を設定できるなど、3Dモデルが単なるデー
VRM は Unity 専用じゃない！ブラウザで VRM 表示出来るものを作りました！ | VirtualCast Blog
ザ・シードオンライン には、 glTF 規格の拡張である VR 利用想定のヒューマノイドモデル拡張の VRM 及び、 VirtualCast 上でインタラクティブなアイテムを自由に作成出来る VCI をアップロードすることが出来ます。 以前はそれらのファイルをブラウザ上で閲覧するのに、 Unity の WebGL ビルドを用いていました。 しかし、2019年5月現在の Unity の WebGL ビルド(と Web Assembly)は、数 MB のランタイムのダウンロードと、起動処理に数秒かかるなどの難点が存在していて、ネイティブ(JavaScript)実装に置き換えたいという要望が出ていました。一部端末で正常に表示出来ないという問題もあります。 そこで、私山岸の調査の結果、 babylon.js を採用し、自前で VRM/VCI を出来るだけ正しく porting するプロジェクトを稼
仙石浩明の日記: 「無知の無知」への 3ステップ
KLab(株)は、 2007年から新卒採用を行っています。 今年も例年通り、4月1日に入社式を行いました。 みなさん、入社おめでとうございます。 社長のお話が終わり、みなさんは挨拶が終わって、 緊張もほぐれてきたのではないかと思います。 ここからは各役員の挨拶なのですが、 なぜか私だけは挨拶だけでなく (長くならない範囲で ^^;) 話もしろということになったらしいので、 話を捻り出してみます。 「考えることが大事」ということは社長のお話にもありましたし、 みなさんも既によく知っていることだと思います。 ただ、 知っていることと実際に実行できることとの間には越えがたい壁があることも事実で、 分かっちゃいるけどついつい考えなくなってしまう、 あるいは考えているつもりが、 いつのまにか深く考えることがなくなってしまうものなのでしょう。 そもそも自分がどのくらい考えているかなんて、 なかなか意識
【Ruby】Stringクラスのencodeメソッドについて - TASK NOTES
String の encode 周りのメソッドについてまとめました。 文字コード関連メソッド String クラスには以下の文字コード関連メソッドがあります。 メソッド 機能 String#encode 指定したエンコーディングに変換した文字列を返す String#encode! 指定したエンコーディングに変換して自身を置き換える String#encoding 文字列のエンコーディング情報を表現した Encoding オブジェクトを返す String#force_encoding 文字列の持つエンコーディング情報を指定した Encoding に変える String#valid_encoding? 文字列が持っているエンコーディング情報と内容が妥当であるか判定 encodeとencode!メソッド encodeとencode!メソッドは以下のように復数の引数を受け取ります。 String#
いわゆる金融商品の損失等を巡る課税上の問題－金融商品を巡る個人所得課税についての若干の立法論的提言－（要約）
１ 研究の目的 所得税法は、所得をその源泉や性質に応じて10種類に分類し、各種所得の担税力の相違等に着目して計算方法を定めており、各種所得金額の計算上生じた損失の金額（以下「所得の赤字」という。）についても所得の種類ごとにその取扱いを異にしている。また、資産に係る損失（以下「資産損失」という。）については、その資産が各種所得のいずれに関連するかによって課税上の取扱いが異なっている。したがって、いわゆる金融商品について生ずる資産損失についても、その果実が各種所得のいずれに分類されるかにより、当該各種所得に関連する資産に応じた損失の取扱いが適用されることになる。 金融商品から生ずる所得の課税に関しては、従来、例えば、所得税法上雑所得等に該当する「金融類似商品」から生ずる所得や、一時所得に該当する懸賞金付預貯金等の懸賞金等については、利子所得と対比した場合の中立性の観点から問題が認識され、10種
「macOS Mojave」でフォントが汚い・見づらい・ボヤける問題の対処法 | gori.me（ゴリミー）
「macOS Mojave」にアップデートしてから、以前に比べると外部ディスプレイに表示される文字が見づらい。残念ながらこれは不具合ではなく、仕様だ。 AAPL Ch.によると、「macOS 10.14 Mojaveではフォントのサブピクセル・アンチエイリアス処理が変更されカラーフリンジがなくなるため、非RetinaディスプレイのMacに大きく影響。 」とのことだが、それにしても見づらい。しかも13インチ型MacBook Pro（2018）のディスプレイを使っていても見づらい。 何か解決策がないか探していたところ、AdobeのJackson Palmer氏が「macOS Mojave」で変更されたサブピクセル・アンチエイリアス処理を無効化するターミナルコマンドをツイートしていたので、紹介する！ システム環境設定の「滑らかな文字を使用」を有効化 最も手軽なのは「システム環境設定」の「一般」の
.bind() | JavaScript 日本語リファレンス | js STUDIO
バインドされた関数が呼び出された際に、 対象となった関数(fun)へthisパラメーターとして渡される値を指定します。 バインドされた関数がnew演算子を使用してコンストラクタ処理された場合、この値は無視されます。 bind()関数は、同じ関数本文(ECMAScript 5観点で、 内部のcallプロパティ)を持つ新しい関数(バインドされた関数)を作成します。 この新しい関数は、(バインドされた関数の対象となった関数上で)呼び出された際に、 bind()の第1引数をthis値にバインドし、これを上書きすることは出来ません。 またbind()は、バインドされた関数が呼び出される際に、 対象の関数へ提供されるデフォルトの引数の読み込みを受け入れます。 バインドされた関数は、new演算子を使用してコンストラクタ処理することも可能で、 これは対象となった関数がコンストラクタ処理されたように振る舞わ
Vuetify.js を使ってマテリアルデザインに挑戦しよう！ ｜ SiTest (サイテスト) ブログ
「マテリアルデザイン」という言葉を Google が発表してから既に3年が経過しましたが、みなさんは実際にマテリアルデザインを使ったことはありますか？ 今ではかなり浸透しており、メジャーな JavaScript のフレームワークには、マテリアルデザインをベースにした CSS フレームワークが登場しています。（React.js はフレームワークというよりライブラリですが） ・ Angular ： Angular Material ・ React.js ： Material-UI ・ Vue.js ： Vuetify.js マテリアルデザインのルールに則れば、直感的で使いやすい UI が作れる！ そこで今回は、 Vue.js の CSS フレームワークのひとつ Vuetify.js を使って、ゼロからマテリアルデザインを適用していきたいと思います。 前述の通り、 Vuetify.js とは、
資金調達を軽々しく「おめでとう」と言うのはもうやめようという話 | INST blog
ということで、相変わらずウォーキング・デッドにハマっているINST石野です。今シーズン6の11話。もうウォーカーが風景に見えてきました。 さて、今日はスタートアップな皆様が一度は絶対に考える「資金調達」について。雪道通勤のお供にどうぞ。お気に召したらぜひシェアしてみてくださいね。 ※冒頭の画像にはちゃんと意味があります。 「資金調達おめでとう」シェアに警鐘を鳴らしたい 前提として僕が経営するINSTは資金調達を行っていない。融資は受けたけれども、自己資金だけで一応ここまでなんとかやってこられている。そして、余程のことが起きない限り、「融資」をしてもらうことはあっても「投資」を受ける気は全くない。それはなぜかというのを今日は説明すると同時に「資金調達おめでとう」に警鐘を鳴らしたい。 ※なので、資金調達を経験した経営者の方も、「おめでとうシェアしたことあるわー」という人も、所詮、資金調達童貞の
Reduxの実装とReactとの連携を超シンプルなサンプルを使って解説
玉石混合状態にあったFluxのフレームワークも、ここ最近ではReduxが首一つ抜け出したような感じとなっています。自分はFacebook/Flux派ではありましたが、先月発売された『WEB+DB PRESS vol.92』に掲載されていた伊藤直也さんのReduxの記事を読んで、Reduxを覚えてみようという気になりました。Redux自体はとてもシンプルで、とっつきやすいと思いました。ただReactとの連携はFacebook/Fluxと比べるとややこしい部分が多いかなといった印象です。ちょっとしたサンプルを作ってみたので、Reduxの実装方法とReactとの連携について紹介したいと思います。 ReduxとはReduxは、Facebookの提唱するFluxアーキテクチャに基づいて（影響を受けて）設計されたJavaScriptフレームワークです。作者は@dan_abramov氏。 reactjs
スマホ／SNS時代の終焉か、シリコンバレーで動き始めた「中毒性」見直しムーブメント | AMP[アンプ] - ビジネスインスピレーションメディア
一生のうちSNSにどれくらいの時間を費やす可能性があるのか考えたことはあるだろうか。 MediaKitによると、13〜79歳までの66年間で平均5年4カ月もの時間をSNSに費やす可能性があるという。その内訳はユーチューブ1年10カ月、フェイスブック1年7カ月、スナップチャット1年2カ月、インスタグラム8カ月、ツイッター18日となっている。1日あたりでは、ユーチューブ40分、フェイスブック35分、スナップチャット25分、インスタグラム15分、ツイッター1分だ。 これは米国市場のデータから算出された数字であるため、日本の現状とは異なるかもしれないが、スマホ／SNSが生活の一部になっているという状況は同じと考えてよいだろう。 これらはあくまで平均の数字。SNSヘビーユーザーであれば、さらに多くの時間を費やしている。特に若い世代のSNS利用は増加傾向にあることが判明している。 Common Sen
![スマホ／SNS時代の終焉か、シリコンバレーで動き始めた「中毒性」見直しムーブメント | AMP[アンプ] - ビジネスインスピレーションメディア](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c91c4a39aad39b7856cac6c56f92bb42a15ccab/height=288;version=1;width=512/https%3A%2F%2Fampmedia.jp%2Fwp-content%2Fuploads%2F2018%2F05%2Fshutterstock_796805782-2-1.jpg)
2週間半のReact Nativeアプリ開発を振り返る - c-bata web
React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~ 作者: 松澤太郎出版社/メーカー: マイナビ出版発売日: 2018/08/29メディア: 単行本（ソフトカバー）この商品を含むブログを見る ここ2週間ちょっとReact NativeでiOSアプリ書いてました。 サーバサイドをメインでやってきた自分にとって面白い技術で、今後も趣味で使ってみたいなと思えているのでTipsや所感を残しておきます。 目次 選定理由 Tips エラーハンドリング・状態管理 入力欄をキーボードの出現に合わせて動かすアニメーション 今回使ったライブラリ react-native-focus-scroll react-navigation react-native-vector-icons react-native-camera react-native-vid
スマホアプリ開発を加速する、Firebaseを使ってみよう 記事一覧 | gihyo.jp
第9回Firebase Cloud MessagingとFirebase Notificationsでメッセージを送信する 白山文彦 2016-07-19
CentOS6.9を7.3にアップグレード | Akashic Records
CentOS6系から7系へのアップグレードはアップグレードツールが存在するのですが、このツールは6.7以上で実行すると問題があると書かれているます。 TipsAndTricks/CentOSUpgradeTool – CentOS Wiki 色々ググると6.5からならアップグレードできたという記事が多い反面、6.8からアップグレードしようとしてエラーが出たという記事もありました。 CentOS6.8 から CentOS7 へのアップグレード – demandosigno ↑の記事を読むと、openscapをバージョンダウンさせるといけそうという話があったのでその方法で試してみました。 注意：アップグレード後の起動時にsshdが止まっているのでコンソールアクセスができる状態が必要です。 また一時的にsudoが動かなくなったりする場合があるのでrootのパスワードを忘れないように。 あと他にも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using Devise in rspec feature tests
http://houritu.nekokuro.jp/210