This page is intended for users in Hong Kong. Go to the page for users in United States.

Weexでモバイルアプリを作ってみた

こんにちは。エイチームの人事広報の安藤です。

本シリーズは、エイチームグループのエンジニアが「Qiita Advent Calendar」に投稿した記事をご紹介します。みなさんのお仕事の参考になれば幸いです


エイチームライフスタイルアドベントカレンダー2017、6日目は株式会社エイチームライフスタイルのWebエンジニア @mziyut が担当します。

ReactよりもVue派でもフロントエンドじゃないPHPerな @mziyutWeexを使ってネイティブアプリ作成を行ってみました。

React Nativeを使用しているプロジェクトも近頃増えてきているのでHTML+CSS+JavaScriptでネイティブアプリを作成することに対して、
敷居が低くなってきていると思います。その中で、Vue.jsを使ってネイティブアプリを作成するWeexに関する情報が少なかったので動かしてみました!

Weexとは

alibabaが開発を行っていたネイティブアプリフレームワークです
ちなみに、現在はApache Software Foundationに移管されました

中身は、VueなのでVueに慣れ親しんだ方なら違和感なく開発できるかと思います。
実際にソースコードを見ても違和感はありませんでした


目次

事前準備

Weexプロジェクトの作り方

PC上で動かして見よう

実際に実機で動かしてみよう

Playgroundツールもあります

まとめ


続きはQiitaで


エイチームでは新たな仲間を求めています。

Webエンジニア
Webエンジニア/スタートアップ採用!あなたのJOINが会社の成長の鍵!?
■エイチームとは? エイチームは、名古屋に本社をおく、総合ITベンチャー企業。インターネットを使った様々なサービスを展開しています。 スマートデバイス向けゲーム・ツールアプリを提供するエンターテインメント事業、人生のイベントや日常生活に密着した様々なWebサービスを提供するライフスタイルサポート事業、自転車通販サイトを運営するEC事業の3つの軸で事業を行っています。 【エンターテインメント事業】 「人と人とのつながり」をテーマに、世界中の人々にスマートデバイス向けゲームやツールなどのアプリケーションを企画・開発・運営 【ライフスタイルサポート事業】 人生のイベントや日常生活に密着した比較サイト、情報サイトなど様々なWebサービスを企画・開発・運営 ・車査定・車買取サイト「ナビクル」 ・キャッシング・カードローン総合検索サイト「ナビナビキャッシング」 ・引越し比較・予約サイト「引越し侍」 ・結婚式場情報サイト「ハナユメ(旧「すぐ婚navi」) 【EC事業】 自社在庫を持ち、独自の物流網を構築。自転車をはじめ、EC化の難関である大型商材のEC化に本格参入!ECサイトを企画・開発運営 ■今後の展望 私たちエイチームは、2000年2月の設立以降、右肩上がりの成長を続け、2012年4月には東証マザーズに上場。 2012年9月にはエンターテインメント事業において大阪で新拠点をスタートさせ、同年11月には史上最短で東証一部に上場。2015年8月に、品川に東京オフィスをオープンさせ、第三次成長期に突入しました。  既存の枠にとらわれず、今後もインターネットを使った多様な技術を駆使し、幅広いビジネスに挑戦することで新たな収益源を創出し、企業価値のさらなる向上に努めます。 ■エイチームの目的・目標 「みんなで幸せになれる会社にすること」 「今から100年続く会社にすること」 この経営ん理念の達成。 また、そのためにも、現在229億円の売上を、中長期的に1000-1500億円へと伸ばしていきたいと考えいます。 その目標を実現する上で、今後も積極的に既存事業の成長と新規事業の創出を目指しています。
株式会社エイチーム


Webエンジニア
業界トップクラスのサービスを作る。エンジニアがマーケットを創り出す!
■エイチームとは? エイチームは、様々な事業領域においてインターネットを使った多様なビジネスを展開しています。 『戦略ありき挑戦をする』を基に、「経営の安定性」×「高い成長性」のバランスを実現しながら、現在は「エンターテインメント」「ライフスタイルサポート」「EC」、3つの事業軸でビジネスを展開しています。 【エンターテインメント事業】 「人と人とのつながり」をテーマに、世界中の人々にスマートデバイス向けゲームやツールなどのアプリケーションを企画・開発・運営 【ライフスタイルサポート事業】 人生のイベントや日常生活に密着した比較サイト、情報サイトなど様々なWebサービスを企画・開発・運営 ・車査定・車買取サイト「ナビクル」 ・キャッシング・カードローン総合検索サイト「ナビナビキャッシング」 ・引越し比較・予約サイト「引越し侍」 ・結婚式場情報サイト「ハナユメ(旧「すぐ婚navi」) 【EC事業】 自社在庫を持ち、独自の物流網を構築。自転車をはじめ、EC化の難関である大型商材のEC化に本格参入!ECサイトを企画・開発運営
株式会社エイチーム


インフラエンジニア
インフラエンジニア:大規模サーバ、NW、DB等の設計・構築・運用経験歓迎
■エイチームとは? エイチームは、様々な事業領域においてインターネットを使った多様なビジネスを展開しています。 『戦略ありき挑戦をする』を基に、「経営の安定性」×「高い成長性」のバランスを実現しながら、現在は「エンターテインメント」「ライフスタイルサポート」「EC」、3つの事業軸でビジネスを展開しています。 【エンターテインメント事業】 「人と人とのつながり」をテーマに、世界中の人々にスマートデバイス向けゲームやツールなどのアプリケーションを企画・開発・運営 【ライフスタイルサポート事業】 人生のイベントや日常生活に密着した比較サイト、情報サイトなど様々なWebサービスを企画・開発・運営 ・車査定・車買取サイト「ナビクル」 ・キャッシング・カードローン総合検索サイト「ナビナビキャッシング」 ・引越し比較・予約サイト「引越し侍」 ・結婚式場情報サイト「ハナユメ(旧「すぐ婚navi」) 【EC事業】 自社在庫を持ち、独自の物流網を構築。自転車をはじめ、EC化の難関である大型商材のEC化に本格参入!ECサイトを企画・開発運営
株式会社エイチーム


Web engineer
名古屋_就活前にスキルアップしたい学生エンジニア!Web開発をお任せします
■エイチームとは? エイチームは、様々な事業領域においてインターネットを使った多様なビジネスを展開しています。 『戦略ありき挑戦をする』を基に、「経営の安定性」×「高い成長性」のバランスを実現しながら、現在は「エンターテインメント」「ライフスタイルサポート」「EC」、3つの事業軸でビジネスを展開しています。 【エンターテインメント事業】 「人と人とのつながり」をテーマに、世界中の人々にスマートデバイス向けゲームやツールなどのアプリケーションを企画・開発・運営 【ライフスタイルサポート事業】 人生のイベントや日常生活に密着した比較サイト、情報サイトなど様々なWebサービスを企画・開発・運営 ・車査定・車買取サイト「ナビクル」 ・キャッシング・カードローン総合検索サイト「ナビナビキャッシング」 ・引越し比較・予約サイト「引越し侍」 ・結婚式場情報サイト「ハナユメ(旧「すぐ婚navi」) 【EC事業】 自社在庫を持ち、独自の物流網を構築。自転車をはじめ、EC化の難関である大型商材のEC化に本格参入!ECサイトを企画・開発運営
株式会社エイチーム


デザイナー
名古屋_学生デザイナー/就職前にWebデザインを実体験できる有給インターン
■エイチームとは? エイチームは、様々な事業領域においてインターネットを使った多様なビジネスを展開しています。 『戦略ありき挑戦をする』を基に、「経営の安定性」×「高い成長性」のバランスを実現しながら、現在は「エンターテインメント」「ライフスタイルサポート」「EC」、3つの事業軸でビジネスを展開しています。 【エンターテインメント事業】 「人と人とのつながり」をテーマに、世界中の人々にスマートデバイス向けゲームやツールなどのアプリケーションを企画・開発・運営 【ライフスタイルサポート事業】 人生のイベントや日常生活に密着した比較サイト、情報サイトなど様々なWebサービスを企画・開発・運営 ・車査定・車買取サイト「ナビクル」 ・キャッシング・カードローン総合検索サイト「ナビナビキャッシング」 ・引越し比較・予約サイト「引越し侍」 ・結婚式場情報サイト「ハナユメ(旧「すぐ婚navi」) 【EC事業】 自社在庫を持ち、独自の物流網を構築。自転車をはじめ、EC化の難関である大型商材のEC化に本格参入!ECサイトを企画・開発運営
株式会社エイチーム
株式会社エイチーム's job postings

Weekly ranking

Show other rankings
If this story triggered your interest, go ahead and visit them to learn more