投稿者: oki2a24

カテゴリー
WordPress

【Quick Adsense】Google Analytics アクセス解析の投稿にある広告を一気に全部、地道に消す方法のメモ

本ブログは WordPress で運用しております。広告も表示しており、それには Quick Adsense プラグイン Version 1.9.2 を使用させていただいております。

Google Analytics に関する投稿に埋め込んだ広告を非表示にした作業をいたしました。Quick Adsense の動きに関することや、手順について残しておこうと思います♪

修正手順

  1. アクセス解析 | oki2a24 タグページを表示
  2. Ctrtl を押しながらアクセス解析のページリンクをクリックし、新しいタブでページを開く。
  3. 「投稿を表示」リンクをクリックし、すべての投稿で編集ページヘ移動。
    ※最初の1ページ目だけ、編集ページをテキストモードにしてから、他のページも開いていくこと。
  4. 冒頭に、「<!–NoAds–><!–OffWidget–>」をコピペする。
  5. 「更新」をクリックして変更を保存する。

わたくしたちの使用している本ブログ用のサーバはとてもスペックが低いです＞＜。

一度に10ページも20ページも処理したいですけれども、フリーズしてしまいますので6ページ、つまり半年分ずつ処理いたしました♪

続きを読む “【Quick Adsense】Google Analytics アクセス解析の投稿にある広告を一気に全部、地道に消す方法のメモ”
カテゴリー
コンピューター

Windows 10 に Yeoman をインストールして、AngularJS 開発を始める環境を構築する手順

Yeoman を導入する環境

  • MacBook  Pro (Retina, 13-inch, Late 2012)
  • Boot Camp バージョン 5.1
  • Windows 10 Pro

Yeoman を導入する大まかな進め方

の公式チュートリアルを途中まで実践いたします。今回の目的は環境構築ですので、Step 5: Preview your app in the browser まで行います。他には、

の「Ruby インストール」「Bundler, Compass インストール」以外も参考にいたします。

手順 0. Yeoman を導入するにあたってのポイント

続きを読む “Windows 10 に Yeoman をインストールして、AngularJS 開発を始める環境を構築する手順”
カテゴリー
Microsoft

【Mac Boot Camp】バージョン 5.1 へアップデートし、トラックパッドと Magic Mouse の問題を解消できました♪ 今、Boot Camp バージョン 4.1

バージョンアップで解消できた問題

  • トラックパッドが使えるようになった。Boot Camp コントロールパネルにトラックパッドのメニューが表示されるようになった。
  • Magic Mouse の中央ホイールが使えるようになった。

これらの問題は、【Mac Boot Camp】Windows8.1 から　Windows10 にアップグレードした時の様子 | oki2a24 で確認しておりました。

この度、解決できましたので手順を残しておきます♪

続きを読む “【Mac Boot Camp】バージョン 5.1 へアップデートし、トラックパッドと Magic Mouse の問題を解消できました♪ 今、Boot Camp バージョン 4.1”
カテゴリー
コンピューター

【AngularJS】一覧・詳細画面ごとのコントローラー間でデータ共有しているサンプル【Monaca】【Onsen UI】

一覧、詳細のコントローラー間でデータを共有する AngularJS アプリサンプル！

【AngularJS 】ページにバインドした $scope を別のコントローラと共有・同期したい【Monaca 】【Onsen UI】 | oki2a24 の続編となります

今まで、Monaca に Onsen UI を組み込んで AngularJS を駆使して次の 2 つのデータ共有方法を学習してまいりました♪

  • レベル1. 同じページに複数のコントローラー
  • レベル2. 異なるページに複数のコントローラー

そして、次の点を学びました。

  • ファクトリーオブジェクトは 1 つのみ存在する。
  • $scope はファクトリーの参照である。
  • ファクトリーまたは $scope のどちらのプロパティの値を変更しても、すべてのコントローラーのデータが即時で同期される
  • ファクトリーまたは $scope のどちらにプロパティを追加しても、すべてのコントローラーのデータが即時で同期される

実際のアプリでは、一覧画面でひとつを選択して詳細画面へ行き、編集や削除を行い、一覧画面へ戻る、そのとき詳細画面の変更内容は一覧画面へ反映済み、という動きが普通と存じます。

今回は、そのようなケースを想定して次のような仕様のサンプルを作ります。

  • 一覧画面: 一覧データはサーバから取得してメモリに保存（ただしサンプルなのでダミーの JSON ファイルを作って使う）
  • 一覧画面 → 詳細画面の移動時: サーバから詳細データを取得してメモリに保存（ただしサンプルなのでダミーの JSON ファイルを作って使う）
  • 詳細画面: 内容を変更して「変更」ボタンをタップしたら、サーバへ内容を送信し、詳細メモリ・一覧メモリの内容も更新する。（ただしサンプルなのでサーバへ変更内容は送信しない）

ネットワーク通信は実際には行いません。一覧から詳細への移動時は毎回ダミーの JSON ファイルからデータを取得いたします。したがいまして、詳細画面が表示される時は毎回同じデータです。

レベル3. 異なるページに複数のコントローラーでデータはオブジェクトの配列

続きを読む “【AngularJS】一覧・詳細画面ごとのコントローラー間でデータ共有しているサンプル【Monaca】【Onsen UI】”
カテゴリー
コンピューター

【AngularJS】自作のカスタムフィルタで true、false を変換して表示するコード

やりたい事

  • true、false を HTML では任意のフォーマットに変換して表示したい。
  • たとえば、true ⇒ ○、false ⇒ ×
  • AngularJS を使いたい。

調べてみますと、フィルタという機能を使えば、たとえば「1」を「$1」と表示形式を指定できるようです。

さらに、自作のフィルタも作ることができるそうですので、やってみました♪

カスタムフィルタのサンプルコード

続きを読む “【AngularJS】自作のカスタムフィルタで true、false を変換して表示するコード”
カテゴリー
コンピューター

【Monaca】iPad の DatePicker が使えた♪※デザインはイマイチ

Monaca Datepicker プラグインは iPad では使用できないとある。

ポイント

  • Datepickerプラグイン – Monacaドキュメント には「こちらのプラグインはiPhoneでのみ動作し、iPadでは正常に動作しません。」とある。
  • しかし、iOS 8 の iPad で確かめたところ、Datepickerプラグインを使ってネイティブ側の DatePicker コントロール ( 日付設定 ) にアクセスできた。
  • ただし、タップした場所ではなく常に左上に表示され、デザイン性には欠けた。
続きを読む “【Monaca】iPad の DatePicker が使えた♪※デザインはイマイチ”
カテゴリー
コンピューター

AngularJS の date フィルタで日本語の曜日を表示するサンプル

ポイント

  • 国際化、i18n、多言語対応用 JavaScript ファイルを読み込む。
  • date フィルターの使い方は同じ。

i18n ファイルの導入・入手手順

続きを読む “AngularJS の date フィルタで日本語の曜日を表示するサンプル”
カテゴリー
コンピューター

Material Design Lite に input type=”file” の部品はありませんでした＞＜（2015年8月13日現在）

ポイント

  • Material Design Lite には、サーバにファイルをアップロードする <input type=”file”> タグに対応するパーツは無い。
  • <input type=”file”> を実現するには、アイコンやラベルを使用して対応すること。

この悲しい結論に至るまで。

続きを読む “Material Design Lite に input type=”file” の部品はありませんでした＞＜（2015年8月13日現在）”
カテゴリー
コンピューター

Material Design Lite のアイコンを自分のサーバにダウンロードして使う方法！

Material Design Lite でパッとウェブページを作ったときに学んだことメモ | oki2a24 で MDL を使ったウェブページの作り方を初めてやってみました。

初めてですので GETTING STARTED ページにまずは取り組みました。フレームワークに関するファイル等を自分のサーバに置くやり方を実践いたしました。

JavaScript ファイル、CSS ファイルは自分のサーバに置くことができました。けれども、アイコンだけは CDN にホストされたファイルを使用しておりました。

前回の実践では強引にリンク先をたどってファイル等を入手いたしました。ですけれども次のページにアイコンも自分のサーバにホストする方法がございました。

今回は自分のサーバで MDL のアイコンをホストする方法を記録しますわ♪

続きを読む “Material Design Lite のアイコンを自分のサーバにダウンロードして使う方法！”
カテゴリー
コンピューター

【AngularJS 】ページにバインドした $scope を別のコントローラと共有・同期したい【Monaca 】【Onsen UI】

AngularJS でデータ共有用のファクトリーを生成し、複数のコントローラーに注入することでコントローラー間でデータ同期を取る

【まとめ】AngularJS でデータ共有用のファクトリーを生成し、複数のコントローラーに注入したときのふるまい・ポイント

  • ファクトリーオブジェクトは 1 つのみ存在する。
  • $scope はファクトリーの参照である。
  • ファクトリーまたは $scope のどちらのプロパティの値を変更しても、すべてのコントローラーのデータが即時で同期される
  • ファクトリーまたは $scope のどちらにプロパティを追加しても、すべてのコントローラーのデータが即時で同期される

はじめに

  • Monaca で iOS アプリを作っている
  • 一覧ページと詳細ページがあり、それぞれ別の AngularJS のコントローラーが紐付いている
  • 一覧ページで選択したデータは、移動先の詳細ページで値を更新できる
  • 詳細ページで更新した値は一覧ページの値へも反映されていてほしい

こんなことを実現したいのですけれども、コントローラー間でデータの共有ってできるのかしら？

続きを読む “【AngularJS 】ページにバインドした $scope を別のコントローラと共有・同期したい【Monaca 】【Onsen UI】”