遊び箱 さん プロフィール

  •  
遊び箱さん: 砂場box
ハンドル名遊び箱 さん
ブログタイトル砂場box
ブログURLhttps://sunababox.com/
サイト紹介文angular, ionicを使ってハイブリッドアプリを作る際に手助けとなるサイトを目指します
参加カテゴリー
更新頻度(1年)情報提供13回 / 28日(平均3.3回/週) - 参加 2018/09/19 17:11

遊び箱 さんのブログ記事

  • 過去の記事 …
  • android studioのエミュレーター
  • ionicで作ったアプリの確認にエミュレーターを起動使用として失敗した時のメモ前半はAVDのインストールしていきます。私の環境はubuntu mate低スペックサーバーなので設定は各自で変えてください。android studioの起動まず起動しましょう/opt/android-studio/bin/studio.sh 私の場合は/optにインストールしましたがそれぞれ自分のインストールしたディレクトリから起動してください。前回androidstudioをインストールしたログはこ [続きを読む]
  • ionicでアプリ開発入門 リスト表示を理解しよう -ion-list-
  • チュートリアルでの解説もあと少しで終わりそうです。このページでデータ表示、受け渡しに軽く触れてサクッとアプリでも作ってみたいところですね。ではサクッとやっていきましょう。今回はチュートリアルで作成されるページMy First Listです。My First Listを見てみる。My First Listを表示してみましょう。ずらっと一覧が表示され、タップすると詳細ページへ移動します。このページを表示するファイルは/src/page/listlistにす [続きを読む]
  • ionicでアプリ開発入門 新しいページの追加をしてみよう
  • では、サクッと新しいページを作ってみましょう。サイトを作るのもアプリを作るのもチュートリアルを使いまわすことはできないですからね。ionicでページを追加してみようページを追加するにはhtmlやcssなどを新規作成する必要は有りません。コンソールで1行書くだけです。ionic ggはgenerateのgですionic generateと打っても大丈夫です。ところでvscodeでもコマンド打てるって知ってました?英語表記で申し訳ないですが、メニュー [続きを読む]
  • ionicでアプリ開発入門 ファイル構成を知ろう
  • ionicのファイル構成を知ろうスペックに余裕があれば先にionic serveでアプリ、ブラウザを起動しておきましょう。 では、visual studioを立ち上げて File -> Open Folder からプロジェクトを開き、 そこでOKボタンでファイル群を開きましょう。 srcフォルダの構成ディレクトリはたくさんありますが、基本的に作業するディレクトリは srcディレクトリの中で大体は完結します。ではvscodeでsrcの中を [続きを読む]
  • Node.jsのお話
  • Node.jsってなんだ?Q.nodejsとはなんぞやA.web制作からwebアプリケーション開発まで様々な事が出来るソフトウェアJavaScriptを使って開発するのでCやRuby javaなどよりは習得が用意(JavaScriptが多言語より劣っているわけではない)ホームページを作ったことがある人なら理解できると思いますが、クロームなどのブラウザで閲覧できるwebサイトは、htmlなどをサーバーに置くことで初めてwebページとして表示できるんですよね。セッ [続きを読む]
  • ionicでアプリ開発入門 ionic serveした時の挙動
  • ionicの実態はどこに?前回ionic startしてionic serveしてブラウザが起動してという一連の作業をやってみました。うまくいきました?もうwebのデザインってほぼこれで作ればいいんじゃない?wpとかもういらないんじゃん?とかちょっと思ってみたりします。amp対応してくれとかさ、面倒くさいしさ、御社の場合amp化する前にコンテンツ作りなよって言う気持ちとかさ時代は一周回って手入力の時代じゃない?毎回ビルドすれば良くない [続きを読む]
  • ionicでアプリ開発入門 プロジェクトファイルの作り方
  • 前回まででionicを使う準備は完了しています。ここからはアプリをつく方法をひたすら積み上げていくだけですね。ionicは基本的にCLIで操作していきます一応GUIでもあるみたいですが、私は使ったことが無いのでurlだけcreator.ionicCLIとはなんぞやCLIとはCommand Line Interface(コマンド・ライン・インターフェース)の略です。まんま、コマンドラインで操作するもの、でしょうかね。ぶっちゃけCUI、CLI同じです。>< 違ったら [続きを読む]
  • ubuntuにchromeを簡単にインストールしよう
  • そろそろクローム入れていいんじゃない?って話便利ですよね、chromeubuntuにはデフォルトでfirefoxブラウザが入っています。私は数年前までfirefox厨でした。chrome?重くね?プラグイン使えるの?firebugつかえるの?とか思ってたのですが、大きなバージョンアップでプラグインが使えなくなり、いつのまにかfirefoxちゃんが重くなりあれ?これってもうchromeの方が良いんじゃないかと思い乗り換えました。慣れてみると超便利だよ [続きを読む]
  • ionicアプリ開発入門 -環境構築- ionicとcordovaをインストールしよう
  • みなさんこんにちは、ご機嫌いかがですか?今日は素敵なionicとcordovaをインストールしようと思います。まずはじめに、前回インストールしたnvmがちゃんと機能しているか確認しましょうね。ちょっとこちらをご覧ください。npmのバージョン確認方法box@asobibako:~$ npm -v5.6.0npmがきちんとインストールされているようですね。nodeが入っていれば勝手に付いてくると思います。nodeはv8.11.4です。私は前回入れた5.6.0を使います [続きを読む]
  • nvmを使ってnode,npmをインストールしよう
  • nvmを使ってnode npmをインストール、管理するさて、ここまでくれば後少しで環境構築は完了です。nvmでnodejsとnpmを管理しましょう。バージョン確認まず、nvm ?versionでnvmのバージョンを確認0.33.11多分最新だと思うんだよね…nvmは何をするもの?nvmとはNode Version Manager略してnvmです読めばわかるんですが、nodeのバージョン管理をしてくれるツールです。nodeをインストールするのって結構面倒くさいんですよ。nodeをア [続きを読む]
  • nvmのインストール
  • nvmをインストールしようさて、ubuntuをインストールして、android studioをインストールしてvimをインストールしてここまであまりionicに触れてませんでした。ここからはいよいよ!別のパッケージのインストールを続けます。もう少し、あと少しだけ・・・インストールするものがありますん。では早速行きましょう。必要なパッケージを追加インストールUbuntuターミナルで以下のパッケージをインストールしておきます。前回android [続きを読む]
  • 過去の記事 …