中年システムエンジニアのオモチャ箱

中年システムエンジニアが初体験のブログ活動。技術情報の備忘録以外も、色々と載せていければと思います。


スマホアプリ開発

Monaca 自作コンポーネントへ値の引渡、及び、親メソッド実行 Onsen UI+Vue

前回は、自作コンポーネントを作成し、利用してみました。 www.ma-se.com 今回は、自作コンポーネントに値を渡す処理や、自作コンポーネントから親メソッドを実行する方法について記載していきます。前回からの続きのプロジェクトを使用しますので、まだ作成…

Monaca 自作コンポーネントを作成しよう Onsen UI+Vue

前回は、入力コントロールで入力した値をリアルタイムに画面に表示してみました。 www.ma-se.com 今回は、前回作成したプロジェクトを使用して、自作コンポーネントを作成し利用したいと思います! コンポーネントファイルの作成方法 コンポーネントファイル…

Monaca 入力値をリアルタイムに表示させよう Onsen UI+Vue

前回までは、Splitter、Tabbar、Navigator を使用して画面遷移を行いました。下記の記事で取り上げています。 www.ma-se.com www.ma-se.com www.ma-se.com 今回は入力コントール(テキストボックス)に入力した値を、リアルタイムに画面へ表示したいと思いま…

Monaca Navigator を使用して画面遷移をしてみよう Onsen UI+Vue

前回までは、Splitter や Tabbar を使用して画面遷移を行いました。下記の記事で取り上げています。 www.ma-se.com www.ma-se.com 今回は Navigator を使用して画面遷移をしてみましょう!プロジェクトは、新規プロジェクトを作成するところから始めてくださ…

Monaca Tabbar を使用して画面遷移をしてみよう Onsen UI+Vue

今回は、新規プロジェクトを作成するところから始めてください。忘れてしまった方は、下記の記事を参考にしてみてくださいね。 www.ma-se.com Tabbar 機能を使用して、画面遷移をしてみます。新規プロジェクトの作成では、下記を選択・入力してください。 フ…

Monaca Splitter メニューの文字列を変更(連想配列を使ってみる) Onsen UI+Vue

今回は、前回作成したプロジェクトを使用して、メニューバー、及び、各画面の文字列を変更します。また、連想配列という便利な配列があるので使用してみましょう!フレームワークは「Onsen UI+Vue」です。 まだ準備ができていない方は、下記ページより準備…

Monaca プロジェクトの新規作成 Onsen UI+Vue

今回は、プロジェクトを新規で作成してみましょう! まだ準備ができていない方は、下記ページより準備してから読んでくださいね。 www.ma-se.com www.ma-se.com プロジェクトの新規作成 Monaca ツールでは、様々なフレームワークとテンプレートが用意されて…

Monaca デバッガーの使い方

前回は Monaca ツールを使って、スマホアプリのハイブリッド開発について記載しました。 www.ma-se.com まだ準備ができていない方は、上記ページより準備してから読んでくださいね。 Monaca デバッガー Monaca で開発したスマホアプリは簡易的ではありますが…

Monaca スマホアプリのハイブリッド開発

スマホアプリのハイブリッド開発 スマホで動作するアプリケーションには大きく分けると iPhone や Android が存在します。そして、各スマホで使用するアプリケーションも、iPhone 用、及び、 Android 用として準備されています。ではアプリケーション開発者…