Vue.js v-ifとv-showで表示制御を行う

v-if で要素の出力制御を行う v-ifの値がtrueの時に、要素の表示を行う。 <div id="app1" class="frame"> <h2 v-if="show">v-ifのサンプル</h2> <button v-on:click="show = !show">タイトルを{{buttonLabel}}</button> </div>

Vue.js computedプロパティ

計算マクロはcomputedプロパティとして定義することができる。 <div id="app1" class="frame"> <h2>立方体の体積:1辺の長さ{{ side }}の体積は、{{ side**3 }} </h2> <h2>computedで計算:1辺の長さ{{ side }}の体積は、{{ volume }} </h2> </div> var app1 = new Vue({ el: '#app1', data: { side: 5 }, computed: …

ニュースクリップ フェイスブックは送金インフラを目指し、日産の業績がひええ...な件

フェイスブック、再建5カ年計画 最大の壁は「国家」 www.nikkei.com 題名の通り、フェイスブックの目指す道は落ちた信頼が障壁になる。という話し。 ええと、記事を読む限りフェイスブックは中国で発達している「送金インフラ」の世界版を成し遂げたいみたい…

Google Playチームから虚偽の振る舞いに関する回答が来た

質問をしてから半日ほどですごく丁寧な回答が来ました。 こういった実装をしていた で、どういった内容の違反だったかと言うと、僕のアプリの場合、ActionBarに敢えてテキストを非表示にする処理を施していたんだけど、ご存知の通り、ActionBarに表示するデ…

Vue.js インラインstyle、class要素のbind

v-bind:style style属性にbindする var app1 = new Vue({ el: '#app1', data: { titleFontColor: "red", h2Color:"blue" } }) HTMLにはオブジェクトを埋め込む。styleのキー要素は-(ハイフン)がキャメルケースとなる。 <h2 v-bind:style="{color:titleFontColor, backgroundColor:h2Color}">Title</h2> または、クォートすればstyleの…

ニュースクリップ メルカリ起業当初の苦労は人材多様化で乗り切り、ドコモはインバウンドを呼び込もうとするもイラン情勢はまだまだ不安定

イラン、ホルムズ海峡で英タンカー拿捕 英が緊急会合 www.nikkei.com イランが英国籍石油タンカーを拿捕した。という話し。 これはイランがますます国際社会から孤立しそうなんだけど... 日本政府はエネルギー危機もさることながら、憲法改正、自衛隊派遣に…

今度は別のアプリがまたGoogle Playから削除された

昨日のアプリ削除対応から束の間、またGoogle Playより別のアプリ削除のメールが届いた。 今度は虚偽の振る舞いに関するポリシーに違反していると判断されたため、Google Play での公開が停止され、削除されました。とのこと。 で、今回はアプリ停止という状…

Google Playからポリシー違反でアプリが削除された話し

突然、こーんなメールがGoogleより届いた After review, FF14タイムズ, packagename, has been removed from Google Play because your app title violates our impersonation policy. This app won’t be available to users until you submit a compliant u…

Android ホームランチャーアイコンの作成

最近のOSでは丸型のランチャーアイコンなんかにも対応しているらしく、全サイズのランチャーアイコンを作成するのは、Image Assetを利用するのが便利。 利用の仕方は簡単で、ランチャーアイコンとする背景透過のPNGを用意する。 Foreground Layerを選択してA…

天気の子を見てきた

ネタバレするつもりはないけど、視聴前に一切の情報を入れたくない人は注意して下さい。 ほぼ自分語りのポエム 20年前、就職で上京した僕を迎えた曇り空はとても陰鬱だった。いや、晴れ間は確かにあったんだけど、なぜかとてもグレーなフィルターに透かされ…

Rails Model.to_jsonでデータを加工して吐き出す

例えばDBに,AAA,BBB,CCCのように先頭のカンマが不要なデータが入っていて、対象をトリムしてjson出力したい場合などなど。 Model側でtrimするメソッドを定義 インスタンスメソッドで加工したいカラムに対してメソッドを定義する class FooModel < Applicatio…

久しぶりの多摩丘陵散歩

久しぶりに多摩丘陵に登った。 ジメジメしてて蒸し暑くて少しあるくだけで、汗ビショビショになった。 やっと夏が来た。という感じだねえ。 坂道を登る登る 中腹まで登って振り返ると絶景。アニメのオープニングとかで出てきそうな見渡しだね。 にゃんこ発見…

Ruby アメブロのRSSから画像を取得する

アメブロのimage情報はsummaryの中に<img>として配置されている。 また、ブログ文中で使用されている絵文字も画像として取り扱われているので、私の場合、幅高さが150px以下の画像(多分、実サイズは96px)は認識しない画像として定義した。 画像サイズの取得は先日…

Ruby 画像サイズを取得する

gem fastimage を使うと便利。 GitHub - sdsykes/fastimage: FastImage finds the size or type of an image given its uri by fetching as little as needed URLを指定すればネットを通して画像のサイズを取得できる。 puts FastImage.size(url) # => [266,…

Android WebViewにアメブロブログの画像を表示する

AndroidのWebViewでアメブロブログの画像が出ない問題。 どうやらアメブロはブラウザのDomストレージにアクセスしているようで、WebViewにストレージアクセスを設定しておく必要がある。 エラーログ Uncaught "TypeError: Cannot read property 'getItem' of…

ニュースクリップ ADSLの終焉はメルカリ赤字で京王線は炎上、しかし冷夏でもビールは世界で売れるし労働者の格差はなくなる

アサヒ、豪ビール最大手を買収 1.2兆円で基本合意 www.nikkei.com 題名そのまま、アサヒHDが巨額の資金で豪ビールを買収した。という話し。 日本の苦味が強くてキンキンに冷やして飲むビールが世界でプレミアビールと位置づけられて徐々に人気になってきてる…

19歳の夏と俺

今週のお題「海」 取り留めの無い思い出。 19歳の頃、はじめて携帯電話を買った。といっても田舎で電波状態の悪かったPHSから携帯電話に変更しただけだった。 友達の少なかった僕の携帯電話の電話帳の中には数人の友人と片思いしている女性の電話番号が登録…

ニュースクリップ アリババ株でも韓国経済は厳しいし、生産拠点はベトナムに移しても新海誠は怒りをバネにする

ソフトバンクG、「魔法のランプ」アリババの威力 www.nikkei.com ソフトバンクの巨額の資金調達を支えるのはアリババ株である。という話し。 売却益もさることながら、アリババ株の経済力で巨額の資金調達を可能にしているそう。 で、その調達した資金はAIに…

Kotlin 日付の計算

都度ググってしまうのでここにメモしておく。 日時の加算、減算 Calendarクラスを使用する。 この例では7日前をDateオブジェクトで受け取る。run{}を使うとすっきり書ける。 val prev_week:Date = Calendar.getInstance().run { add(Calendar.DATE, -7 ) //7…

Kotlin Listの中の特定の値を持ったオブジェクトをfilterする

多分、みんなListの中にオブジェクトをぶち込んで利用することが多いと思う。 Listの中の特定のオブジェクトをいくつかfilterしたい場合とかどうやってるのかなあ...と思った。 こんな感じで書いたんだけど果たして... この場合はmuteListの中に含まれるオブ…

ニュースクリップ ヤフー、アスクルは対立してもみずほのシステムは完成する

ヤフー、アスクル社長の再任に反対 EC事業巡り対立 www.nikkei.com ヤフー連結子会社のアスクルが資本提携解消を求めている。という話し。 流れとしては、 まだ赤字だけど増収中の有望なECシステムが両者共同で運用されている。システム立ち上げの際、ヤフー…

Android ViewPagerで表示されたFragmentによって、ActionBar Itemの表示を切り替える

ViewPagerで表示されているFragmentによって、不要なActionBar Itemがある場合に非表示とする。 Itemオブジェクトの保存 MenuItem生成時に表示制御を行いたいItemをメンバとして記録しておく。lateinitで宣言すると、ViewPagerに渡した時にまだ初期化されて…

Android Fragmentの中にSupportMapFragmentを配置する。

例えばViewPagerに配置したFragmentに地図を配置したい場合などなど。 そのままFragmentのレイアウトにベタっとSupportMapFragmentを配置して、

ニュースクリップ 中国AI無人化とキャッシュレスの世界はアナログレコードが復活していて大阪人はせっかちだからリクールの株を売って選挙に行こう

中国「無人化」最先端の現場 自動運転バス・ホテル… www.nikkei.com 中国のAI、無人化が進んでいる。という話し。 少し前までの中国は労働集約モデルの見本のようなイメージがあったんだけど、それも今は昔、都市部ではオートメーション化が進んできているそ…

Rails 主キー以外での特定カラムのアソシエーション

例えば、こういったテーブルがあった時、 hoges foos id id foos hoge last_foo no hogesはfoosをhas_manyで持つ関係とする。 通常はこういうfoosを指定すれば、foos.hogeに対してリレーションを貼れるんだけど、 has_many :foos last_fooカラムでfoosの特定…

Rails カラムの削除と追加

作業メモ。 TEXT型からINT型に変換したい時はchange_columnしようとしても精度が合わず失敗する場合がある。 Caused by: PG::DatatypeMismatch: ERROR: 列"typo_column"は型bigintには自動的に型変換できません HINT: 必要に応じて"USING typo_column::bigin…

Android MapViewを利用する

APIキーの取得 MapViewを利用するには予めAndroid用GoogleMapのAPIキーを取得しておく必要がある。 Google Cloud PlatformでAPIキーの取得を行っておく。 プロジェクトを作成後、APIとサービスを有効化からMaps SDK for Androidを選択すれば良い。 プロジェ…

ニュースクリップ 参院選投票予測と中国GDPとマイナンバーとセブンイレブンのこれから

中国成長率6.2%に減速、1992年以降で最低 4~6月 www.nikkei.com 中国のGDP成長率が近年で最低値になっている。という話し。 やはり原因は貿易摩擦と推察されている。 ただ、記事中のグラフを見る限り2010年以降から下降線を辿っているようなので、これをど…

僕がおすすめするYoutubeゲーム実況者さん7名

女性実況者 鳴海るな さん www.youtube.com スカイリムの女性実況者を探していた時に見つけた実況者さん。 かなりの癒しボイス。癒しボイスからのびっくりした時の大声がまた素敵。 チャンネル登録者数7万人以上のチャンネルを休止して、新しいチャンネルを…

ニュースクリップ フェイスブックの制裁金とドンキ好調、共働き家庭と子供の夏休み

米、個人情報保護を重視 フェイスブックに巨額制裁金 www.nikkei.com facebookに限らず、GAFAに対して欧州、米が適切な運営を求めている。という話し。 SNSの個人情報とソーシャルグラフが選挙利用されていたということはかなりショッキングだったよね。 米…