データを受け取って加算する処理を記述しますバックエンド側の追加コードはこれだけですimport * as amf from 'active-module-framework' export class TestModule extends amf.Module { async JS_add(a:number,b:number) { return a+b } }
この項目はサーバ上のPHPプログラムをVisualStudioCodeでデバッグする方法に関しての説明である 前提条件としてnginx、php-fpm、php-xdebug、sambaの設定が完了している必要がある また、sshのポートフォワードを利用するため、クライアントとしてRLoginを前提に説明するxdebugを有効にする VisualStudioCodeの設定 RLoginでのポートフォワード設定 デバッグの開始
基本文法を学ぶ前に、PHPでどんなことが出来るのかを確認する実行環境を用意しておくことをお勧めする
お問い合わせはこちらまで
このサイトはGoogleAdSenseを利用しています
HTMLファイルに追加<script> function output(msg){ var output = document.querySelector(".output"); output.innerHTML = msg; } </script> <div class="output">出力領域</div> Android側WebViewClientにonPageFinishedをオーバーライドして以下を記述mWebView.loadUrl( "javascript:output('ふぉっふぉっふぉ');" );
Googleアナリティクスによるアクセス情報の統計データを収集していますこのデータは個人を特定するものではありませんアナリティクスはCookieを使用していますが、このサイトのシステム自体はCookieによるデータの保存は一切行っていません Googleサービスに関するプライバシーポリシーは以下を参照してくださいhttps://policies.google.com/privacy
MainActivityにメソッドの追加Handler mHandler = new Handler(); @JavascriptInterface public void Test(final String msg){ mHandler.post(new Runnable() { @Override public void run() { mEditText.setText(msg); } }); } WebViewに対して、機能を追加するmWebView.addJavascriptInterface(this,"JavaProc"); JavaScript側から呼び出し<div onClick="JavaProc.Test('abcd');">ここを押して</div>
Node.js+TypeScriptによって、SPA(SniglePageApplication)のWebシステムを開発するためのフレームワークです。 最大の特徴は、最小限の追加コードでフロントエンドとバックエンドのデータのやりとりが行えることです。 npmで公開中です。デフォルトで添付しているサンプル
このサイトのアドレスは https://croud.jp/ です
appを右クリック -> new -> Folder -> Assets Folder
assetsフォルダにTest.htmlを作成<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>テストページ</title> </head> <body> あいうえお<br> かきくけこ<br> </body> </html>
このサイトのシステムはSPA(Single Page Application)で作成していますそのためコンテンツの切り替えにページ遷移は発生しませんURLのパラメータで表示しているコンテンツを判別しているので、そのままリンク可能です
バックエンド系のAMFとフロントエンド系のJWFを作っています。その二つで作ったのがこのサイトです。
・システム構成VPS GoogleのGCEを使用OS Ubuntu 19.04WebServer nginx/1.15.9DBServer PostgreSQL 11系統BackEnd Node.js 10系統・使用言語 フロントエンド、バックエンド共にTypeScriptで構築しています
mWebView.loadUrl("file:///android_asset/Test.html");
ツリー構造をサーバ系とプログラミング系で整理しました。
共通変数 ID処理 データ追加処理 データ追加テスト データの削除 データ削除テスト WEBアプリケーション化
プロパティの入出力 排他制御とID生成
セルにフォーマットの適用
GAS側 レイアウト Java側
GAS側 Android側の準備 Androidのマニフェストの変更 MainActivity.javaの編集 結果をTextViewに表示する 通信機能の分離
AndroidのUnitTestで作成するコンソールプログラム
AndroidStudioでテストプログラムの作成 Json用ライブラリの組み込み
GAS側 Java側
単純なデータ
単純データ 配列
ここではAndroidアプリからGASを呼び出す方法を紹介します。やり方は二種類あります。・GASを単純にWebサーバとして扱い、JSON形式でデータのやりとり・GASをAPIサーバとして扱い、権限の管理なども同時に行う 前者の方が簡単に作ることが出来ますが、権限の管理などを自分で行う必要があります。後者は利用手順が少々面倒ですが、Googleアカウントによる権限管理が利用できるので、GoogleAPIとの連携がやりやすくなります。
データをまとめて出力 データをまとめて出力2 データをまとめて取得 合計の計算 データの検索 データの検索 修正
GASを扱う場合、SpreadSheetをDBのかわりに活用すると効率的です。 ここではSpreadSheetを簡単に扱うためのコードを紹介します。操作用ファンクション スプレッドシートの操作 データの追加 JSON文字列として出力
ログ出力 ログとフォーマット ループによる出力 if文
スクリプトの作成 プロジェクト名の設定 コードの入力 実行方法
GASはGoogleDriveのアプリケーションとして簡単に追加でき、無料でありながら様々な事が行えるサーバサイドスクリプト環境です。Googleのサービスだけあって、Google系のAPIとの連携が比較的簡単に行える上、作ったプログラムに対して独自のアプリケーションからアクセスすることも可能です。 これ一つ覚えれば、何らかのアプリケーションからデータを共有したい場合など、わざわざ独自のサーバを立てる必要がなくなります。
ServiceプログラムはUIを持たずに、他のアプリケーションの裏で動作することが前提となります。ただしAndroidのバージョンによっては、組み方によって動作中でもあっさりと停止させられてしまう場合があるので注意が必要です。 完全にUIを使わないと動作状態が分からなくなってしまうので、今回は通知領域を使うサービスを作っていきます。サービスの作成 onBindの書き換え 通知出力用メソッドの作成 開始処理 サービスの起動 サービスの停止 メッセージのやり取り(送信) メッセージのやり取り(受信) おまけ
WebViewでローカルファイルを読み込む方法ですアプリケーション無いのストレージを使うので、パーミッション設定は不要ですassetsフォルダの作成 ファイルの作成 ページの指定 WebViewからJavaScriptを呼び出す JavaScriptからAndroid側の処理を呼び出す
WebViewを使うとアプリ上に簡単にWebページが表示可能です。Webのフロントエンドのスキルがあるならば、いっそアプリのUIをこれで作ってしまうことも可能です。レイアウト URLの指定 内部ブラウザの指定 ページの履歴移動 URLをEditTextに表示 URLの直接指定 JavaScriptの有効化 戻るボタン
Androidのセンサーは、機種によって対応の有無が違っており注意が必要です。また、使いどころが難しいので、なんだかんだでうまく活用しているアプリが少ないのが現状です。レイアウト MainActivity 回転抑制
Android6.0以降にはカメラやストレージアクセスなど、実行後にユーザから権限許可を受ける必要があります。Activityのコールバック等があるため、これを記述するのはそれなりに面倒です。 ここでは汎用的に使える権限許可のソースコードを提示します。Permission.java MainActivit.java 動作に関して
サーバやプログラミングの技術情報
TypeScriptによる簡単フロントエンド開発(非モジュールバンドラ版)
フロントエンド開発にTypeScriptを用いようと思っても、最初に何をすれば良いのか分かり辛いため、意外に高いハードルがあるのが現状です。 開発であらゆる便利機能を利用し、フル装備の環境を作るならWebPackのようなモジュールバンドラを使用することになりますが、設定内容や必要とするプラグインの情報量が多すぎて、最初からそれをやると大量の死人を出すことになります。 ここではJavaScriptからTypeScriptに移行する過程で、余計な機能などを一切入れず、コンパイラのみで行う最低限の設定内容を紹介します。
前置きがいらない人は、このページは読み飛ばしてください。 TypeScriptによるフロントエンド開発は、素のJavaScript開発に比べ、その開発効率を飛躍的に上げることが可能です。・型チェックによる不正な代入の防止・開発環境と連携した入力補完によるメソッドやプロパティ、パラメータの明確化・最新の文法の対応と古い規格へのトランスコンパイル機能 一般的にTypeScriptはJavaScriptに型が加わった言語だという認識をされることが多いですが、実はそれだけに止まりません。型の定義を専用の定義ファイルに吐き出しておくことで、それを配ればオリジナルのファンクションやインタフェイスの名前やパラメータをチェックすることが出来ます。 例えばフロントエンド開発ではイベントの種類が多すぎて、全パラメータを覚えている人はいないであろうと思われるaddEventListener、これも型定義が用意されています。イベントの名前が網羅され、コールバック用の引数の内容まで開発時に表示されます。間違った使い方をすれば当然のごとくきっちりエラーが出ます。 document.createElementも、そに書いたDOMの種類が型として認識されます。//elementが自動的にHTMLDivElementとなる const element = document.createElement('div'); これによって、作成したDOMのインスタンスに対して、不正な入出力が出来なくなります。もし追加プロパティなどのカスタマイズが必要な場合は、きっちり書かなければいけないところが逆に面倒ですが、それ以上にメリットが大きいのです。//divにcustomParamという追加プロパティを設定 const element = document.createElement('div') as HTMLDivElement&{customParam?:string}; そしてJavaScript自体もどんどん新しい文法が作られ、どんどん便利な文法が実装されていくのですが、古いブラウザでは対応できないという問題が発生します。特にループやイテレータ系など、使えばコードが簡潔に書けるようなものに関しては、本来ならどんどん使っていきたいところです。しかしそれをやった時点で、ある程度のクライアント環境を切り捨てなければなりません。 TypeScriptなら
サーバやプログラミングの技術情報
サーバやプログラミングの技術情報
「ブログリーダー」を活用して、空雲さんをフォローしませんか？
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
