wgld.orgの管理人であるdoxasさん主催のWebGLスクールの第三回目です。 今回はGLSLによるシェーダの記述の基礎を固める内容でした。 前回のまとめ 第一回 WebGLスクール 「WebGLの概念」 第二回 WebGLスクール 「WebGLの手続きと手順」 シェーダのおさらい シェーダには 頂点シェーダ と フラグメントシェーダ がある 頂点シェーダはジオメトリパイプラインで使用される フラグメントシェーダはフラグメントパイプラインで使用される シェーダの流れ javascript ↓ 頂点シェーダ ↓ フラグメントシェーダ ↓ 描画 javascriptからデータ(頂点データと汎用データ)を頂点シェーダに送る。汎用データはjavascriptからフラグメントシェーダに直接送ることも可能。頂点シェーダで処理したデータをフラグメントシェーダに送る。フラグメントシェーダで処理をし、

Google の社員が、社内で「社員の多様性を重視するのはよくない、男女は生物学的に違う」という内容の文章を公開し、それが社外にリークされたために、世界中で問題となっている。また、その社員は2017/08/07の月曜日に解雇されたらしい。 ところで、ヨナタン・ザンガーは、素粒子理論物理学出身のグーグル元幹部(主席技術者)で、おりしも、例の文章が問題になる直前に辞めたので自由にいいたいことが書けると下の文章を公開して話題になっている。ヨナタンに連絡して、翻訳と公開の許可を求めたところ、快諾していただけたので翻訳した。なお、原文が書かれたのは2017/08/06の日曜日であり、解雇の前である。 翻訳: http://d.hatena.ne.jp/nuc/20170809/p2 原文: https://medium.com/@yonatanzunger/so-about-this-googler

Patricio Gonzalez Vivo、Jen Lowe著 この本はフラグメントシェーダーについてのガイドブックです。難解で複雑なフラグメントシェーダーの世界を、一歩一歩わかりやすくご案内します。 翻訳について この文書はPatricio Gonzalez VivoのThe Book of Shaderの日本語訳です。 技術的な内容はできる限り正確に伝えるように心がけていますが、その他の部分では言葉を補ったり簡略化したり、表現を変えている部分もあります。英語が得意な方はぜひ原文もお読みください。 フィードバックにはgithubのレポジトリをご利用ください。 目次 イントロダクション 初めの一歩 シェーダーとは？ ハロー・ワールド！ ユニフォーム変数 シェーダーを使う アルゴリズムで絵を描く シェイピング関数 色について 形について 二次元行列 パターン Generative desi

はじめに React HooksはReact 16.8 で追加された新機能であり、state などの React の機能をクラスを書かずに使えるようになります。 React Hooks以前は、ロジックの再利用がコンポーネントに依存してしまいロジック単独でのモジュール化が難しいという問題がありました。 しかしReact Hooksのカスタムフックという独自のフックを作成する機能を使うことで、Viewに依存することなくロジックだけを再利用することができるようになります。 この記事では、v1からv6まで改善していく様子を見て頂くことでReact Hooksの利用方法を紹介します。 今回の実例ではコンポーネントのコード量は以下のように削減されます。 実例紹介 コンポーネント間のページネーションを実装するuseLocalHistoryカスタムフックを作成します。 ブラウザのhistory APIのよ

iOSアプリのPush通知を実現するには、APNs（Apple Push Notification Service）と連携する必要があります。この連携方式について調べてみたので備忘録としてまとめておきます。 APNsとの連携方式 APNsとの連携はPush通知を受け取るアプリケーションとの連携と、アプリケーションにPush通知を送るようにAPNsへ依頼するアプリケーションとの連携 の2種類行う必要があります。 Apple Developer Documentation 前者のPush通知を受け取る側の設定についてはiOSのアプリケーションのApp IDをApple Developer Console上で発行するときにPush Notificationsを有効にし、APNsの証明書と紐付けることで実現できます。証明書の発行の手順はやや複雑ですが、ググればいろんな記事がヒットします。 qiit

こんにちは。きんくまです。 今回はiOSでのメモリリークのお話です。 検索してみたところ以前このブログでもいくつか記事が上がっていました。 [iOS] そのアプリ、メモリリークしてませんか？ 気がつかないでメモリリークをやってしまったりするので、チェックしたり防止しましょう。 そもそもメモリリークって？ メモリリークは、あるオブジェクトをメモリに確保したあと、そのオブジェクトが解放されずにメモリ内に残ってしまう状態です。 何が怖いかといいますと最終的にメモリが足りなくなりアプリが落ちてしまうことです。 解放されないオブジェクトが1つだけだとしても、そこから数珠つなぎに複数のオブジェクトが参照されている場合は、思いがけずメモリをたくさん確保してしまったりします。 また、画面の行き来でリークが起きると、行き来のたびにリークの数が貯まっていくことになります。 それで、どういうときにメモリが解放さ

git pull して、リモートブランチの最新に合わせようとしたら・・、あれ？コンフリクト・・？なにこれ、うまくいかない！「git push -f origin masterして強制Pushはできたのに。git pull -f origin master的な強制コマンドはないの？！」 とにかくリモートに合わせたい。そんなあなたのための、解決方法と解説です。 「git pull --force」は存在しない・・。 「git push --force」というコマンドがあるので、そこから連想してしまいますが、「git pull --force」というオプションは存在しません。 git pull の強制的に実行するには、別のコマンドが必要になりますので、見ていきましょう。 git pull で、ローカルを強制上書きする方法 ローカルのmasterを、強制的にリモートのmasterに合わせる //

はじめに 今回はアプリからインスタグラムのフィードへのシェア導線をつける実装です。詳しくはこちらに書いてあります👨‍💻 インスタグラムに遷移できるようにする まずは、アプリからインスタグラムの Custom URL Scheme が利用できるように info.plist の LSApplicationQueriesSchemesにinstagram://を追加していきましょう。 画像を保存して LocalIdentifier を取得する func saveImage() { UIImageWriteToSavedPhotosAlbum(image, self, #selector(image(_:didFinishSavingWithError:contextInfo:)), nil) } @objc private func image(_ image: UIImage, didFi

この記事でできるもの 下記のキャプチャのようにアプリからインスタグラムのフィードへのシェア導線をつけることができるようになります。 どうやって実装するのか？ 結論だけパッとまとめると今回の実装方法は下記の三点セットです。簡単！ アプリでインスタグラムの Custom URL Scheme を処理できることを確認する。 共有したいコンテンツ(今回は写真)をフォトライブラリーに保存する。 Custom URL Scheme を使ってインスタグラムに遷移する。 概要をつかむ iOS からインスタグラムにシェアをする方法は主に２つあります。 Custom URL Scheme => 今回はこれで実装します！ Document Interaction API アプリ間でファイルを共有するためのインターフェース Custom URL Scheme Custom URL Scheme を使用する場合は、

まとめ Custom View / Custom ViewController どちらの場合も、 Storyboard とコードの両方から扱うためには、 View や ViewController そのものを xib で定義するのではなくて root view を xib で定義してinstantiate するのが良さそうです。 Custom View まず MyView.xib を作成し、ルートの view の下に UI 部品を配置していきます。 このとき、ルートの view は MyView クラスではなく UIView のままです。 次に、 File's Owner に MyView クラスを設定します。 すると MyView.xib と MyView クラスが紐付けられ、 UI 部品の Outlet や Action を接続できるようになります。 MyView クラスでは、ルートに

【Xcode11】いつもスクロールしなかったUIScrollView + AutoLayoutをやっと攻略できた 2020.08.05 千田 こんにちは、せんだです。 今回はせんだ自身もよくハマってしまっていた、XcodeでのUIScrollViewの設置の仕方について説明したいと思います。 これまで色々な先人の方々の記事を拝見しながらどうにかこうにかやっていたのですが、ここにきてようやく攻略できた気がしたので、備忘録がてらまとめてみました。 環境 Xcode 11.5 Swift 5.2.4 iOS 13.5 ざっくりとした手順 UIScrollViewを設置する UIScrollViewとViewに制約を設定する UIScrollViewにUIView（ContentView）を配置する UIScrollViewとContentViewに制約を設定する ContentViewに高さを設