Gopherjsを使ってJavascript化して色々してきましたが、ブラウザでバイナリを動かす手段としてWebAssemblyがあります。
GO1.11から追加された機能で情報も多くないですが、無理にJSにして使うよりも軽く速くなるかもしれないので使ってみたいと思います。
windows10でやっていくので他環境だと環境変数などは適宜変える必要があります。
Gopherjsを使ってJavascript化して色々してきましたが、ブラウザでバイナリを動かす手段としてWebAssemblyがあります。
GO1.11から追加された機能で情報も多くないですが、無理にJSにして使うよりも軽く速くなるかもしれないので使ってみたいと思います。
windows10でやっていくので他環境だと環境変数などは適宜変える必要があります。
PHPを触り始めてから使った関数のメモ。
なんとなく命名の仕方が他と違うような感じもあって覚えにくい。
特にjavascriptと同時に書いていると混乱する。
WordPressの機能を拡張して何かを実装してみたい。
BitfilerのAPIを叩いてビットコインの値段を表示する機能を1から作ってみる。
なんとなく知ってるようで、全く触ったことのないPHP。
WordPressでテーマの編集をするとなんとなく読めるけど書くことは全くできない。
Windows環境で勉強してみようと思います。
今回はインストールからAPIで情報取得するまで。
ファイル読み込みや書き込みなんかの非同期処理をするときにReactだとどこに書いていいかわからないことがあります。
読み込みに関してはcomponentDidMount
などで呼び出せば配置後に1度だけ呼び出すことはできますが、更新処理でちょっと困ったのでメモ。
index.htmlに以下のような標準コードを加えるだけで広告の表示自体はできる。
1 2 3 4 |
<script type="text/javascript"> var nend_params = {"media":xxx,"site":xxx,"spot":xxx,"type":x,"oriented":x}; </script> <script type="text/javascript" src="https://js1.nend.net/js/nendAdLoader.js"></script> |
ただ位置を調整したり複数表示する場合に使いにくいのと、アプリ化したときにリンクの不具合が起きる。
検索してコンポーネントを見つけたがSDKを使う用途の本格的なものだったので簡単なものを作った。
ReactのMaterial-UIコンポーネントには大量のアイコンが用意されている。
1 2 3 4 5 |
import FavoriteIcon from '@material-ui/icons/Favorite'; ... render( <FavoriteIcon /> ); |
これでが表示される。
一覧が見当たらなかったのでフォルダにある分を表示するようにしました。
以前にMaterial-uiコンポーネントのモーダル(ポップアップ)を使ってみました。
モーダルが出ている間は背景のスクロールは出来なくなっています。
しかしスマホで見ると後ろ画面がスクロールしてしまったのでその対策方法。
Material-uiにはモーダル(ポップアップウインドウ)が用意されています。
表示だけならサンプルで動きますが実装するにあたって色々考えたのでメモ。