k4241271wiki @ ウィキ

日記

2017-07-12T15:53:59+09:00

*7月12日位置情報取得の参考HPを置いておきます。 http://shared-blog.kddi-web.com/webinfo/13　（Google Map API V3で、現在地を地図上に表示する） http://qiita.com/akkey2475/items/81f4f94f17bfe5c7ce42　（Geolocation APIでPCやスマホの位置情報を取得する） *６月２１日（水）やっっと見つけたjsonを利用したgooglemapの作成。ajax通信がmonacaでできなくて苦労したーーー！！その他、先週の面接からの今回面接準備・・・ **今日使ったサイト http://kigiroku.com/gmap/gmap2.html　（jsonを使ってマーカーを立てる） http://cly7796.net/wp/other/to-run-the-ios-build-in-monaca/（IOSでのアプリ限定配布方法） https://docs.monaca.io/ja/monaca_ide/manual/build/build_android/#building-for-android　（androidでのアプリ限定配布方法） *６月１６日（金）そろそろ次の面談までにやらないといけないことをはじめないとまずい・・・！ということで、手始めにjsonについて。 dataファイルまではできました。呼び出しがまだ。 **今日使ったサイト http://dev.classmethod.jp/etc/concrete-example-of-json/　（jsonの書き方） http://www.trident-game.com/blog/2015/10/14/%E3%80%90%E8%BC%AA%E8%AC%9B%E3%80%91json%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9/　（jsonの書き方。こっちをメインに見て進めた） *６月５日（月）今日は吹き出しから各校舎紹介ページに飛べるようにしました。markerDataにlinkを追加し、「吹き出し内容の記述」に追記しました。ただ、転移先のページに戻るボタンがまだないので完全に片道切符状態。そろそろ「試作」ではなく、本物アプリに形にした方が良さそう。Onsen UIの関係で。校舎案内ページは位置情報有り機能なし機能どちらからも飛べる共通ページにする予定なので、戻るボタンでエラーが出ないようにしないと・・・明日は面談用のあれこれもしないとなぁ。 **今日使ったサイト http://matorel.com/archives/754　（Newなhtmlファイルを作るための参考に） http://memorandums.3ki3ki.com/googlemap/　（吹き出しにリンク詰め込むのに見たけど、結局使ってない） http://qiita.com/shuntaro_tamura/items/99adbe51132e0fb3c9e9　（ページ遷移の基本の基本） http://iroha-ni-smaho.com/2015/12/03/onsen-ui-%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%A8%E7%94%BB%E9%9D%A2%E9%81%B7%E7%A7%BB-%E3%80%9C%E3%83%8F%E3%82%A4%E3%83%96%E3%83%AA%E3%83%83%E3%83%89%E7%B7%A8%E3%80%9C/　（戻るボタンを見に・・・） http://ja.onsen.io.s3-website-us-east-1.amazonaws.com/v1/guide.html (onsen UIドキュメント) *６月２日（金）最近はjacascriptの本とにらめっこばかりで疲れたので、[[Monaca]]を触りました。とりあえず、地図が表示されてピンが立ち、詳細が見れるだけのアプリを試作してみようと考えました。はじめはmapboxを使おうとしていて、なかなか上手くいかず夕方頃に思い切ってgoogleAPIに変えました。すると、苦労はあったものの上手く表示されるようになりました。ピンも立ちました。吹き出しもできました。地図表示まで悶々と悩んでいたので上手く行った瞬間喜びにわきました。吹き出しをタップすると、校舎詳細がのっているページに飛ばせたらいいかな、と思っています。なので、校舎ごとにhtmlファイルを作ることになりそう・・・？ googleAPI [[javascript]]のAPIキーはいつものアカウントで確認できる（と思う）。 **今日使ったサイト https://www.tam-tam.co.jp/tipsnote/javascript/post7755.html　（google mapの埋め込みやピンたて、吹き出し） https://www.ajaxtower.jp/googlemaps/charset/index6.html　（APIキーを使った埋め込みの参考） http://blog.mb.cloud.nifty.com/entry/7103　（これは途中で諦めたmapboxを使ったアプリ） https://docs.monaca.io/ja/manual/dependencies/components/　（Monacaのコンポーネント追加。コンポーネントとは「道具」って意味らしい）

ICT8対策

2017-06-27T12:35:36+09:00

*ICT7問題より **A社 ***MIC問題ヒューマンエラーとは：ヒューマンエラーとは、人間が原因で起こるトラブルのこと。本問題の回答→DNSのアドレスのタイプミスが原因なので、正常なものに書き換える。 ciscoルーターがDNSの役目をしていると仮定。 outer_A(config)#ip domain-lookup 「ip name-server」コマンドで、DNSサーバを指定します。 Router_A(config)#ip name-server 192.168.1.254 （http://atnetwork.info/ccna2/dns3.html） ***HIZ問題サーバー問題。 aptコマンドとは:パッケージを取得してインストール/アップデートする aptコマンドはちゃんと終了させないと次のaptコマンドが打てない。 $ ps ax | grep apt ps:プロセスを表示\でつないで grep aptでaptに関するものだけ抜く。発見できたら $ sudo kill -KILL 11675 11675はプロセス番号（https://tjun.org/2008/05/15/apt-get_error/） ***KYF問題 WoLとは：Wake On LAN の略。ネットワーク経由でお手元のパソコンから離れた場所に設置してあるパソコンの電源をオンにする機能のこと。コンピュータネットワークに特定のパケットを送信させることにより、そのパケットの内容に該当するコンピュータが自ら電源を投入させる仕組み。マジックパケットとは:マジック・パケットは、一般に「AMD Magic Packet Format」と呼ばれる形式のフレームで、以下のような内容をUDPで送信することとなっている。あて先アドレスが「FF:FF:FF:FF:FF:FF（ブロードキャスト・アドレス）」起動したいPCのLANアダプタに割り当てられているMACアドレス×16回（http://www.atmarkit.co.jp/ait/articles/0904/08/news117_2.html） **B社 ***MAH問題 TCAM（ Ternary CAM ）とは：TCAM（Ternary CAM）と呼ばれるメモリで　ルーティングテーブルの検索、セキュリティACL、QoS ACLなどをハードウェアによって高速処理できます。 ACLとは：アクセスコントロールリスト ACLの設定しすぎでCPUが頭打ちにきているので、必要最低限に削減する。 (http://www.infraexpert.com/study/aclz7.html) ***HIR問題 RIPについて：ルーティングプロトコル。（基本：http://www.infraexpert.com/study/distancevector6.html）・・・回答は解説文の通り。no-autosummaryで手動集約する。 ***KAZ問題 BGPとは：「Border Gateway Protocol」の略。現在のインターネットにおいて、ISPなどの相互接続時にお互いの経路情報をやり取りするために使われる経路制御プロトコル（https://www.nic.ad.jp/ja/basics/terms/bgp.html） BGP設定方法と詳細（http://www.infraexpert.com/study/bgpz06.html） IBGPピアとEBGPピアの違い（http://www.infraexpert.com/study/bgpz03.html） **C社 ***RYO問題 Docerとは（http://www.atmarkit.co.jp/ait/articles/1701/30/news037.html） iptablesの設定が飛ぶ（http://blue1st-tech.hateblo.jp/entry/2017/01/29/232733） Docerとネットワーク（http://christina04.hatenablog.com/entry/2016/07/22/193000） ***MIZ問題 cloudstackとは：CloudStack(クラウドスタック)は、オープンソースのクラウド基盤ソフトウェアです。コンピューティングリソースをプールすることで、パブリッククラウド、またはプライベートクラウドとしてクラウドを構築することができます。・・・要はクラウドコンピューティング環境を構築できる。必要な時に必要なだけの機能をオンデマンド式に利用できる。(http://www.atmarkit.co.jp/ait/articles/1108/11/news102.html) cloudstackの構築方法（http://palloc.hateblo.jp/entry/2016/04/18/220438）

メニュー

2017-06-26T21:11:25+09:00

**メニュー -[[トップページ]] -[[プラグイン紹介>プラグイン]] -[[メニュー]] -[[日記]] -[[Monaca]] -[[javascript]] -[[ICT8対策]] ---- **リンク -[[@wiki>>http://atwiki.jp]] -[[@wikiご利用ガイド>>http://atwiki.jp/guide/]] // リンクを張るには "[" 2つで文字列を括ります。 // ">" の左側に文字、右側にURLを記述するとリンクになります //**更新履歴 //#recent(20) &link_editmenu(text=ここを編集)

javascript

2017-06-02T22:31:35+09:00

*基本・まず、&bold(){Java}と&bold(){javascript}は&bold(){別物}。・ページを表示する ***アンカータグ（href属性）に埋め込む(p39) リンクテキスト *変数 **変数の宣言(varとletjujn) var 変数名　[= 初期値] let 変数名　[= 初期値] ***varとletの違い letは同盟の変数を許可しない。ブロックスコープを認識する →letは最近導入された変数名。letの方が細かく指定でき良さげだけど互換性に不安が残る。 *定数 const 定数名 = 値 *制御構文（ifとswitch） 2つから片方を選択する→if 複数から1つを選択するswitch (caseとか使うやつ) *オブジェクトやインスタンス **インスタンス化(new 演算子) var 変数名　= new オブジェクト名([引数,...]) **プロパティ/メソッド呼び出し変数名.プロパティ名[= 設定値]; 変数名.メソッド名([引数[,...]]);3 *記述 **EventTarget.addEventListener https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener

Monaca

2017-05-29T18:05:11+09:00

*Onsen UI Onsen UIとはモバイル向けWebアプリで使用できるコントロールのセットのことをいい、Monacaの提供元からオープンソースで公開されている。Monacaアプリには、これを標準的に組み込むことができる。　&bold(){例えばボタンはのようにHTMLのタグ形式で記述する}&bold(){}だけで、Onsen UIの機能を備えたボタンコンポーネントとして使用できる。また、「UI」という名前が付いているものの、Onsen UIにはナビゲーションや画面遷移などのシステム寄りの機能も組み込まれており、&bold(){例えば次へ移動して前に戻るナビゲーションシステムはコンポーネントが制御}、管理する。 *Monaca IDEの基本機能 &bold(){メニュー} Monaca IDEの上部にあるメニューには［ファイル］や［編集］など、見慣れた項目が並んでおり、主に以下のような機能が提供されている。 &bold(){［ファイル］}からの選択でよく使用する機能には［JS/CSSコンポーネントの追加と削除］がある。ここからはjQueryやCordovaの機能がプラグインとしてプロジェクトに追加できる &bold(){［ビルド］}はMonacaアプリのアプリケーションファイルの作成に使用する &bold(){［設定］}からはハイブリッドアプリのOSごとの設定に使用する項目にアクセスできる &bold(){デバックパネル} 　コードエディターの下にあるのはデバッグパネルと呼ばれる領域だ。　このパネルでは主に、デフォルトで表示される［Console］タブの［Log］タブの機能を使用する。Monacaデバッガーで実行するアプリのconsole.log()関数の結果はここに表示される。console.log()の結果は、後述するデバッガーの［App Log］画面でも確認できるが、特にアプリを実行しながら結果をリアルタイムに確認したい場合に非常に役立つ。 *コード記述 &bold(){} 　ここではviewportメタタグを使って表示領域をデバイスの幅と高さに設定し、初期と最大の表示倍率を「1」、ユーザーのズーム操作を許可しない、という設定を行っている。viewportメタタグのこの設定によって、このアプリはモバイルデバイスの画面で適切に表示されるようになる。 &bold(){ 　

というのはOnsen UIのコンポーネントの1つで、ページのナビゲーションを管理、制御する。Onsen UIコンポーネントは、HTMLと同じタグ形式でHTMLファイル内に記述していく。titleやvar、pageはの属性だ。varにはJavaScriptコードからこのコンポーネントを参照するための名前を指定する。page属性にはで最初に表示するHTMLページを指定する。“初めてのOnsen UIアプリ”を起動して最初にpage1.htmlが表示されたのは、page属性に「page1.html」が指定されていたためだ。 *その他記述について http://www.buildinsider.net/mobile/monaca/02 引用 http://www.buildinsider.net/mobile/monaca/01

Monaca基本

2017-05-29T18:01:31+09:00

*Onsen UI Onsen UIとはモバイル向けWebアプリで使用できるコントロールのセットのことをいい、[[Monaca]]の提供元からオープンソースで公開されている。Monacaアプリには、これを標準的に組み込むことができる。　&bold(){例えばボタンはのようにHTMLのタグ形式で記述する}&bold(){}だけで、Onsen UIの機能を備えたボタンコンポーネントとして使用できる。また、「UI」という名前が付いているものの、Onsen UIにはナビゲーションや画面遷移などのシステム寄りの機能も組み込まれており、&bold(){例えば次へ移動して前に戻るナビゲーションシステムはコンポーネントが制御}、管理する。 *Monaca IDEの基本機能 &bold(){メニュー} Monaca IDEの上部にあるメニューには［ファイル］や［編集］など、見慣れた項目が並んでおり、主に以下のような機能が提供されている。 &bold(){［ファイル］}からの選択でよく使用する機能には［JS/CSSコンポーネントの追加と削除］がある。ここからはjQueryやCordovaの機能がプラグインとしてプロジェクトに追加できる &bold(){［ビルド］}はMonacaアプリのアプリケーションファイルの作成に使用する &bold(){［設定］}からはハイブリッドアプリのOSごとの設定に使用する項目にアクセスできる &bold(){デバックパネル} 　コードエディターの下にあるのはデバッグパネルと呼ばれる領域だ。　このパネルでは主に、デフォルトで表示される［Console］タブの［Log］タブの機能を使用する。Monacaデバッガーで実行するアプリのconsole.log()関数の結果はここに表示される。console.log()の結果は、後述するデバッガーの［App Log］画面でも確認できるが、特にアプリを実行しながら結果をリアルタイムに確認したい場合に非常に役立つ。 *コード記述 &bold(){} 　ここではviewportメタタグを使って表示領域をデバイスの幅と高さに設定し、初期と最大の表示倍率を「1」、ユーザーのズーム操作を許可しない、という設定を行っている。viewportメタタグのこの設定によって、このアプリはモバイルデバイスの画面で適切に表示されるようになる。 &bold(){ 　

トップページ

2017-05-29T16:16:16+09:00

**@wikiへようこそ -ウィキはみんなで気軽にホームページ編集できるツールです。 -このページは自由に編集することができます。 -メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができます **まずはこちらをご覧ください。 -[[@wikiの基本操作>>http://www1.atwiki.jp/guide/pages/11.html]] -[[編集モード・構文一覧表>>http://www1.atwiki.jp/guide/pages/137.html]] -[[@wikiの設定・管理>>http://www1.atwiki.jp/guide/pages/36.html]] **分からないことは？ -[[@wiki ご利用ガイド>>http://atwiki.jp/guide/]] -[[よくある質問>>http://www1.atwiki.jp/guide/pages/21.html]] -[[@wiki更新情報>>http://www1.atwiki.jp/guide/pages/143.html]] -[[@wikiへのお問合せフォーム>>http://atwiki.jp/helpdesk]] 等をご活用ください **[[アットウィキモードでの編集方法>>http://www1.atwiki.jp/guide/pages/226.html#id_6861418f]] -[[文字入力>>http://www1.atwiki.jp/guide/pages/228.html]] -[[画像入力>>http://www1.atwiki.jp/guide/pages/230.html]] -[[表組み>>http://www1.atwiki.jp/guide/pages/914.html]] **[[ワープロモードでの編集方法>>http://www1.atwiki.jp/guide/pages/226.html#id_a14c0938]] -[[文字入力>>http://www1.atwiki.jp/guide/pages/2644.html]] -[[画像入力>>http://www1.atwiki.jp/guide/pages/2645.html]] -[[表組み>>http://www1.atwiki.jp/guide/pages/2646.html]] **その他にもいろいろな機能満載！！ -[[@wikiプラグイン一覧>>http://www1.atwiki.jp/guide/pages/264.html]] -[[@wikiかんたんプラグイン入力サポート>>http://www1.atwiki.jp/guide/pages/648.html]] **バグ・不具合を見つけたら？要望がある場合は？お手数ですが、[[お問合せフォーム>>http://atwiki.jp/helpdesk]]からご連絡ください。

右メニュー

2017-05-29T16:16:16+09:00

**更新履歴 #recent(20) &link_editmenu2(text=ここを編集)

プラグイン/ニュース

2017-05-29T16:16:16+09:00

* ニュース @wikiのwikiモードでは #news(興味のある単語) と入力することで、あるキーワードに関連するニュース一覧を表示することができます詳しくはこちらをご覧ください。＝＞http://www1.atwiki.jp/guide/pages/266.html#id_542badf7 ----- たとえば、#news(ゲーム)と入力すると以下のように表示されます。 #news(ゲーム)

プラグイン/編集履歴

2017-05-29T16:16:16+09:00

* 更新履歴 @wikiのwikiモードでは #recent(数字) と入力することで、wikiのページ更新履歴を表示することができます。詳しくはこちらをご覧ください。＝＞http://www1.atwiki.jp/guide/pages/269.html#id_bf9eaeba ----- たとえば、#recent(20)と入力すると以下のように表示されます。 #recent(20)