フルーツ（飲料＆食品）に関するWebメディア

前回は、自作コンポーネントを作成し、利用してみました。 www.ma-se.com 今回は、自作コンポーネントに値を渡す処理や、自作コンポーネントから親メソッドを実行する方法について記載していきます。前回からの続きのプロジェクトを使用しますので、まだ作成していない方は上記リンクより作成してくださいね。 自作コンポーネントに値を渡す方法 入力値１と入力値２に入力した値を、自作コンポーネントであるボタ...

前回は、入力コントロールで入力した値をリアルタイムに画面に表示してみました。 www.ma-se.com 今回は、前回作成したプロジェクトを使用して、自作コンポーネントを作成し利用したいと思います！ コンポーネントファイルの作成方法 コンポーネントファイルと言っても、通常の vue ファイルと変わりません。下記の通り作成してみましょう！ src フォルダ上で右クリックし、新規ファイル作成を選択しま...

前回までは、Splitter、Tabbar、Navigator を使用して画面遷移を行いました。下記の記事で取り上げています。 www.ma-se.com www.ma-se.com www.ma-se.com 今回は入力コントール（テキストボックス）に入力した値を、リアルタイムに画面へ表示したいと思います。 プロジェクトは、新規プロジェクトを作成するところから始めてください。忘れてしまった方は、...

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

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

今回は、前回作成したプロジェクトを使用して、メニューバー、及び、各画面の文字列を変更します。また、連想配列という便利な配列があるので使用してみましょう！フレームワークは「Onsen UI＋Vue」です。 まだ準備ができていない方は、下記ページより準備してから読んでくださいね。 www.ma-se.com 連想配列とは ウィキペディアにも掲載されています。 連想配列 - Wikipedia 簡単に説...

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

前回は Monaca ツールを使って、スマホアプリのハイブリッド開発について記載しました。 www.ma-se.com まだ準備ができていない方は、上記ページより準備してから読んでくださいね。 Monaca デバッガー Monaca で開発したスマホアプリは簡易的ではありますが、開発ツールのプレビューから確認することができます。ただし、実機のスマホ（以下、「実機」と記載）と全く同じ動作をするわけで...

スマホアプリのハイブリッド開発 スマホで動作するアプリケーションには大きく分けると iPhone や Android が存在します。そして、各スマホで使用するアプリケーションも、iPhone 用、及び、 Android 用として準備されています。ではアプリケーション開発者は、どのようにして開発しているのでしょうか？ 開発方法は様々ですが、おおよそ下記の形となります。 iPhone 用と Andro...

明日、2019/05/01 から、ついに新元号「令和」が始まります！ 中年 SE の職業はシステムエンジニアです。 そこで、Microsoft 製品の新元号対応はどのようになっているのか調べてみました！ 日本の新元号対応に向けて Windows と Office を準備する方法 上記から、Windows の自動更新が有効になっていれば、自動的に対応されるようですね！ もし、使用している PC の ...