iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 3256 瀏覽

鐵人賽 app開發 DAY 26

開發 Mobile 手機的新一代霸主－ionic framework 系列第 26 篇

技術 ionic 實作(15)： ionic Loading

在畫面載入資料時，我們習慣上都會加入Loading的效果，來讓User知道資料正在載入中，如下圖所示在ionic 中提供了一個$ionicLoading的物...

jimmy0328 ‧ 2014-10-26

1 Like 0 留言 3222 瀏覽

鐵人賽 app開發 DAY 25

開發 Mobile 手機的新一代霸主－ionic framework 系列第 25 篇

技術 ionic 實作(14)： Master Detail Pattern

master-detail 的功能在手機裡幾乎是一定會使用到的，在前面的部份我們也有實作到master-detail，所以本章就好好介紹 ionic 的 mas...

jimmy0328 ‧ 2014-10-25

0 Like 0 留言 2523 瀏覽

鐵人賽 app開發 DAY 24

開發 Mobile 手機的新一代霸主－ionic framework 系列第 24 篇

技術 ionic 實作(13)： ionic 中封裝 angular的 directive

AngularJS Directive 介紹 https://docs.angularjs.org/guide/directive https://github...

jimmy0328 ‧ 2014-10-24

1 Like 0 留言 2673 瀏覽

鐵人賽 app開發 DAY 23

開發 Mobile 手機的新一代霸主－ionic framework 系列第 23 篇

技術 ionic 實作(12)： ionic 中封裝 angular的 Service

為什麼要使用 Service 呢，簡單的說就是把常用的一些實作抽離出來，除了讓之後比較可以便利的維護外，在ionic 中也可以傳遞二邊的共用的變數。以會員登入...

jimmy0328 ‧ 2014-10-23

2 Like 0 留言 2847 瀏覽

鐵人賽 app開發 DAY 22

開發 Mobile 手機的新一代霸主－ionic framework 系列第 22 篇

技術 ionic 實作(11)： ionic 權控判斷與全域變數的存放

我個人習慣使用來控制ionic 全域變數的有二種方式，第一種就是存放在rootScope物件中，第二種就是封裝成service 來提供二個controller...

jimmy0328 ‧ 2014-10-22

0 Like 0 留言 2248 瀏覽

鐵人賽 app開發 DAY 21

開發 Mobile 手機的新一代霸主－ionic framework 系列第 21 篇

技術 ionic 實作(10)：重構程式 - $http (下)

承上一篇所提的$http (可以參考 ionic 實作(9)：重構程式 - $http (上)) 接下來要將圖片、電話及商店名稱一樣binding 到這三個變...

jimmy0328 ‧ 2014-10-21

2 Like 0 留言 2852 瀏覽

鐵人賽 app開發 DAY 20

開發 Mobile 手機的新一代霸主－ionic framework 系列第 20 篇

技術 ionic 實作(9)：重構程式 - $http (上)

在之前實作的部份，資料的讀取的都是暫時使用靜態變數來呈現的。但實際在開發手機時，通常都是手機中的 SQLLite 資料，或是直接讀取透過 HTTP 來讀取 re...

jimmy0328 ‧ 2014-10-20

0 Like 0 留言 2147 瀏覽

鐵人賽開發技術 DAY 27

練習如何去開發一個通訊軟體 Boo it! 系列第 27 篇

技術 Day27 - Open Source + Mobile OS + Web Technology => Firefox OS

在用瀏覽器上網的時候，除了 IE、Chrome 以外，常聽到的還有 Safari、Opera 以及 Firefox ，而如今這個推廣與貢獻 Open Sourc...

justinsanity ‧ 2014-10-19

1 Like 0 留言 2156 瀏覽

鐵人賽 app開發 DAY 19

開發 Mobile 手機的新一代霸主－ionic framework 系列第 19 篇

技術 ionic 實作(8)：歷史訂購(下)

說明歷史訂購功能，主要是用來查看過去的訂購記錄，在這個部份會有master － Detail 的作法在裡面，接下來要介紹的是detail 的部份如何實作。...

jimmy0328 ‧ 2014-10-19

0 Like 0 留言 3411 瀏覽

鐵人賽開發技術 DAY 26

練習如何去開發一個通訊軟體 Boo it! 系列第 26 篇

技術 Day26 - 分久必和，行動作業系統跨平台整合開發工具 Phonegap

在行動裝置作業系統進入戰國時代的今日，許多的 App 開發商經常都需要為同一個 App 產品開發多個平台上的版本，至少主流的 iOS (iPhone)、Andr...

justinsanity ‧ 2014-10-18

1 Like 0 留言 1928 瀏覽

鐵人賽 app開發 DAY 18

開發 Mobile 手機的新一代霸主－ionic framework 系列第 18 篇

技術 ionic 實作(7)：歷史訂購(上)

說明歷史訂購功能，主要是用來查看過去的訂購記錄，在這個部份會有master － Detail 的作法在裡面。 UI 畫面設計的畫面如下打開 tab-hi...

jimmy0328 ‧ 2014-10-18

1 Like 0 留言 1834 瀏覽

鐵人賽 app開發 DAY 17

開發 Mobile 手機的新一代霸主－ionic framework 系列第 17 篇

技術 ionic 實作(6)：本月消費

說明本月消費功能，主要是要用來統計當月消費的記錄與總金額。 UI 畫面設計的畫面如下打開 tab-consumer.html 修改內容如下，在這邊有使用...

jimmy0328 ‧ 2014-10-17

0 Like 1 留言 2946 瀏覽

鐵人賽 app開發 DAY 16

開發 Mobile 手機的新一代霸主－ionic framework 系列第 16 篇

技術 ionic 實作(5)：今日訂餐

說明今日訂餐功能，主要是要顯示今天中午要訂購的便當店，所以在設計上要有 title 、圖片及menu(菜單)三個部份。 UI 畫面設計的畫面如下這邊使...

jimmy0328 ‧ 2014-10-16

1 Like 2 留言 4444 瀏覽

鐵人賽 app開發 DAY 15

開發 Mobile 手機的新一代霸主－ionic framework 系列第 15 篇

技術 ionic 實作(4)：登入畫面

說明大部份的app如果需要有身份的認證，通常的作法不是使用 facebook、google 或其它第三方登入以外，就是自己有一個會員的帳號登入，今天要實作的部...

jimmy0328 ‧ 2014-10-15

0 Like 0 留言 2616 瀏覽

鐵人賽 app開發 DAY 14

開發 Mobile 手機的新一代霸主－ionic framework 系列第 14 篇

技術 ionic 實作(3)：設定 Routing

Sample source Code : https://github.com/jimmy0328/ourmeal Routing 我們用來設定每個 URL的導...

jimmy0328 ‧ 2014-10-14

0 Like 0 留言 2742 瀏覽

鐵人賽 app開發 DAY 13

開發 Mobile 手機的新一代霸主－ionic framework 系列第 13 篇

技術 ionic 實作(2)：Project 建立及架構介紹

以下的開發環境是在 mac 環境上開發，若有在 window or linux 開發與我撰寫這邊不保證一定可以work。首先建立 ionc Project...

jimmy0328 ‧ 2014-10-13

0 Like 0 留言 2584 瀏覽

鐵人賽 app開發 DAY 12

開發 Mobile 手機的新一代霸主－ionic framework 系列第 12 篇

技術 ionic 實作(1)：UserStory 及 UI 說明

User Story 簡單的使用UserStory 來描述這個 mobile application要做的事，在這個 app 叫做訂便當系統，做為內部訂購統計使...

jimmy0328 ‧ 2014-10-12

0 Like 0 留言 2238 瀏覽

鐵人賽 app開發 DAY 11

開發 Mobile 手機的新一代霸主－ionic framework 系列第 11 篇

技術 ionic routing(下)

今天要介紹 routing中的 url 及templateUrl，簡單的說就是在url上的網址會對應到的那一個template page。以下圖為例，要到fr...

jimmy0328 ‧ 2014-10-11

0 Like 0 留言 3095 瀏覽

鐵人賽 app開發 DAY 10

開發 Mobile 手機的新一代霸主－ionic framework 系列第 10 篇

技術 ionic routing(上)

在ionic 中的routing 是採用 Angular 中的 ngRoute來做為routing。 ionic 官方的範例： http://codepen....

jimmy0328 ‧ 2014-10-10

1 Like 0 留言 3348 瀏覽

鐵人賽 app開發 DAY 9

開發 Mobile 手機的新一代霸主－ionic framework 系列第 9 篇

技術初探 ionic 中的 AngularJS(下)

這個部份介紹ionic 中使用AngularJS 的Directive 及 services 的介紹 Service 當一個app在多controller時，我...

jimmy0328 ‧ 2014-10-09

2 Like 0 留言 3769 瀏覽

鐵人賽 app開發 DAY 8

開發 Mobile 手機的新一代霸主－ionic framework 系列第 8 篇

技術初探 ionic 中的 AngularJS(上)

這個部份介紹ionic 中使用AngularJS 的雙向綁定(Two way data-binding)及依賴注入(DI) 雙向綁定(Two way data-...

jimmy0328 ‧ 2014-10-08

1 Like 0 留言 7489 瀏覽

鐵人賽 app開發 DAY 7

開發 Mobile 手機的新一代霸主－ionic framework 系列第 7 篇

技術當ionic遇上AngularJS

ionic 是一個openSource的套件，使用了HTML、CSS及JS Components 許多的元件可以快速的開發出一個mobile 的apps，其中o...

jimmy0328 ‧ 2014-10-07

1 Like 0 留言 4966 瀏覽

鐵人賽 app開發 DAY 6

開發 Mobile 手機的新一代霸主－ionic framework 系列第 6 篇

技術 ionic 中的JavaScript

ionic 中的JavaScript 簡單的說就是 AngularJS + JavaScript。所以在學習ionic 的 JavaScript 必須要對 An...

jimmy0328 ‧ 2014-10-06

0 Like 1 留言 5441 瀏覽

鐵人賽 app開發 DAY 5

開發 Mobile 手機的新一代霸主－ionic framework 系列第 5 篇

技術 ionic 中的 CSS components

參考網址: http://ionicframework.com/docs/components/ CSS components 如同現在開發 web 的前端UI...

jimmy0328 ‧ 2014-10-05

1 Like 0 留言 5967 瀏覽

鐵人賽 app開發 DAY 4

開發 Mobile 手機的新一代霸主－ionic framework 系列第 4 篇

技術建立第一個 Project

建立ionic Project 有二種方式，第一種可以使用 empty的方式，第二個是使用目前官方提供的二種 sample Project 來建立。第一種bl...

jimmy0328 ‧ 2014-10-04

0 Like 0 留言 7534 瀏覽

鐵人賽 app開發 DAY 3

開發 Mobile 手機的新一代霸主－ionic framework 系列第 3 篇

技術 ionic 語法介紹

ionic 語法介紹 ionic 主要的command 語法如下以下介紹我目前有使用到的幾個 start 用來建立一個新的ionic Project ，此...

jimmy0328 ‧ 2014-10-03

2 Like 1 留言 12263 瀏覽

鐵人賽 app開發 DAY 2

開發 Mobile 手機的新一代霸主－ionic framework 系列第 2 篇

技術安裝 ionic framework

一、環境安裝環境安裝的部份主要包括 NodeJS、Cordova 及 ionic 三個套件要注意。安裝 Node.js window 首先必須開發環境要...

jimmy0328 ‧ 2014-10-02

2 Like 1 留言 29508 瀏覽

鐵人賽 app開發 DAY 1

開發 Mobile 手機的新一代霸主－ionic framework 系列第 1 篇

達標好文技術初探 ionic framework

Mobile 現況目前依市場佔有率來看，大致上以 iPhone 及 Android 為居多。也因此開發iPhone及iPad native 則選擇使用 Obj...

jimmy0328 ‧ 2014-10-01

2 Like 0 留言 4924 瀏覽

技術分享大小事-技嘉P34與P35電競筆電新機上市強釋效能網友體驗會與實際開箱P35W V2實測與心得分享

^(Ｉ)^ 熊言熊語桌機筆電因為市場的特性變化，各廠商開始重新評估與分析市場，也不斷有試水溫的動作，在這最近的兩年多以來。而其中最受矚目的與產生交集的莫過於「...

台灣熊 ( gric ) ‧ 2014-04-11

1 Like 1 留言 2434 瀏覽

技術 RemoteCall + mobile pack

現在利用RemoteCall可以完美遠端支援(維護)移動設備現在是不是還在苦惱怎樣維護支持日益增加的智慧機、移動平板電腦？現有的遠端支援工具是不是速度很慢，...

synccity ‧ 2013-10-18