カテゴリー
コンピューター

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

やりたい事

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

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

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

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

カテゴリー
コンピューター

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

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

ポイント

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

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

ポイント

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

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

カテゴリー
コンピューター

Material Design Lite に input type=”file” の部品はありませんでした><(2015年8月13日現在)

ポイント

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

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

カテゴリー
コンピューター

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

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

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

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

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

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

カテゴリー
コンピューター

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

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

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

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

はじめに

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

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

カテゴリー
コンピューター

Material Design Lite でパッとウェブページを作ったときに学んだことメモ

パッと作りたいもの

  • ヘッダーとそこにメニュー
  • フッター
  • レスポンシブ
  • パスを指定するページを作りたい。
  • リストデータをテーブル表示するページを作りたい。
  • コードを書くというよりも、パーツをペーストすることでウェブページを組み立てたい
  • インターネットとの通信はしない。

パッと作るのに使えそうなフレームワーク

カテゴリー
Microsoft

【Mac Boot Camp】Windows8.1 から Windows10 にアップグレードした時の様子

Windows10 へアップグレードする前の環境

  • MacBook Pro
  • Boot Camp
  • Windows8.1

アップグレードした時の様子

ゆっくりとメモや写真などを撮りながら進めました。

  • かかった時間: 約 65 分
カテゴリー
WordPress

サイトの CSS および JS ファイルに Googlebot がアクセスできるようにいたしました♪

Google から送られてきたメール

ポイント

  • Google は HTML だけでなく、JavaScript や CSS の内容も加味して検索結果を作っている。
  • JavaScript や CSS でコンテンツの表示順番などを変更できることから、人間が見る状態のページから検索順位を決めるためと思われる。
  • bot によるクロールについて、WordPress のサイトで、コアとなるプログラムが入った /wp-includes/ ディレクトリは外していたが、/wp-includes/js/ だけは許可するようにした。
カテゴリー
コンピューター

2015年7月のアクセス解析

先月 2015 年 7 月の 1 ヶ月間の Google アナリティクスの結果です。

  • ユーザー > サマリー(左に先月、右に先々月と比較表示)
  • 行動 > サイトコンテンツ > すべてのページ
  • 集客 > ソーシャル > 参照元ソーシャル ネットワーク
  • 集客 > 検索エンジン最適化 > 検索クエリ

以上の 4 種類の Google Analytics 結果です。