deha magazine / Webシステム開発
Webシステム開発
Expo✕React Nativeの環境構築を行う【React Native入門】
React NativeはJavaScriptのコードのみでiOSとAndroid両方のアプリを開発することができます。JavaScriptの経験はあるが、アプリ開発の経験は無いというエンジニアにはとても便利なツールと言われています。 この記事ではReact Nativeを使ってアプリ開発を行っていく方向けに、Expoを利用した環境構築の仕方を紹介していきます。 Expoを利用することで簡単にReact Nativeの環境開発が可能ですよ。 合わせて読みたい>>【Mac編】ReactNativeを使って環境構築をする方法は?【JavaScriptのコードのみでアプリ開発】 React Nativeでの開発に興味がある方 JavaScriptを勉強していた方 React Nativeの環境構築を知りたい方 これらに当てはまる方におすすめの記事となっています。これを読めばReact Nativeの環境構築の方法がわかります。
続きを読む >>
【売上げUP】Shopify(ショッピファイ)の口コミ・評判がいい アプリとは?【おすすめ10選】
人気のECプラットフォームShopifyには6,000種類ものアプリがあると言われています。 それらのアプリでは、マーケティング・SEO活動や、サイトのセキュリティや、商品発送や、カスタマーサービスなど様々なEC業務の負担を軽減することが可能です。 また上手く活用していけば売上アップも期待できます。この記事ではそんなShopifyの口コミや評判がいいアプリを一挙に紹介していきます。 「Shopifyのおすすめのアプリって何?」「どうすればオンラインストアの売上がアップするのか知りたい」「売れるオンラインストアを構築するためには何が必要?」 こうしたお悩みを持つ方におすすめの記事となっています。これを読めばあなたのショップも売り上げがアップすること間違いなしです!
続きを読む >>
React Nativeでアプリ開発!外注時のポイントとは?
スマートフォンやタブレットの普及が世界中で進んでいく中で、重要な要素の1つがアプリケーションです。Webアプリ、ネイティブアプリ、ハイブリッドアプリ等が存在し、商品やサービスを提供する企業はどんなアプリを開発するのがよいかを検討します。 そんな中、企業側のニーズに応えるために、コストや納期、エンジニアの確保などさまざまなメリットが見込めるクロスプラットフォームを採用するシステム開発会社が増えています。 そこで今回は外注先の選定、「React Native」による開発を外注する際のポイントをご紹介します。 「React Native」が気になる方 アプリ開発をしたい方 これらに当てはまる方におすすめの記事となっています。これを読めばアプリ開発を外注する際に注意すべきポイントも丸わかりですよ。 外注先の候補を選ぶ 外注先を探す方法として「取引先からの紹介」「システム開発のマッチングサイト(発注ナビなど)」「社員・知人の紹介」などが多くなっています。 最近ではフリーランスのエンジニアに外注をする方法も増えてきており、「クラウドワークス」や「ランサーズ」といったクラウドソーシングのサービスを利用する企業も増えています。 また最近ではオフショア開発という選択をする企業も増えています。 言語・文化の課題はありますが、国内での開発よりもオフショア開発の方がコストや納期についてもメリットが大きいことも注目される要因です。 最新の技術に対するスキルが高い国も多く、橋渡し役のブリッジSEを活用することでコミュニケーションも円滑になり、需要が増えています。 外注先を選択する 外注先の候補の絞り込みができたらヒアリング・打ち合わせを繰り返し、プレゼンと見積金額、納期などを複数社から受け、コンペを行います。 自社で提供したいアプリケーションの仕様通りに開発ができる会社か、納品・運用開始後のサポート体制は万全か、などあらゆる項目を協議し外注先を決定します。 過去に外注の実績があるシステム開発会社であれば自社の業務やサービスを理解し、開発をした実績があるので新たに探す外注先よりもスムーズにアプリケーション開発が進められます。 どのクロスプラットフォームで開発する? 発注側は顧客にどんなアプリケーションを提供し、商品やサービスを販売するかを考えます。 ここでもコストや納期の課題が出てきますが、クロスプラットフォーム開発であれば課題をクリアすることができます。クロスプラットフォーム開発とはWindowsやmacOSなど異なるプラットフォーム上で、同じ仕様のアプリケーションを動作させるプログラムのことです。 単一のプログラムで複数の動作環境に対応できるので、コストを抑えることができるのですね。 クロスプラットフォーム開発に対応するシステム開発会社も増えているので、どのフレームワークを使用するのかを考えるのも重要です。 自社のサービスや社内の業務フローにマッチするフレームワークを選定し、外注するシステム開発会社がどのフレームワークに対応できるか、その中でもどのフレームワークが得意か、を見極める必要があります。 「React Native」でのアプリ開発を外注 ここ数年で人気があるのはGoogle社の「Flutter」とFacebook社の「React Native」、そしてMicrosoft社の「Xamarin」です。 中でも「React Native」は1つのコードでiOS、Android、Webの3つのプラットフォームに対応したアプリケーションを開発できるため、システム開発会社も「React Native」での開発対応ができるよう、エンジニアの採用や教育・育成を行っています。 合わせて読みたい>>【徹底比較】React Native対 Flutter【アプリ開発に必要な5つのポイント】 「React Native」をどの開発会社に依頼するべき? 「React Native」を扱うシステム開発会社を探す際に、どこの国の会社・エンジニアに発注するかを決める必要があります。 当然ですが、母国語が同じ国に発注するのが一番スムーズですが、同じ母国語でシステム開発会社やエンジニアが多くいるとは限りません。 Facebookを見てみると、「React Native Developer Community」グループの登録者数は約87,000人です。それに対し「React Native Japan」グループの登録者数は約650人となっています。(リンク先のコミュニティサイト「Connpass」には約2,300人の登録があります) 「React Native Vietnam」グループを見てみると登録者数は約19,000人と日本よりも多く、この数字だけですべてを判断することはできませんが、「React Native」を扱えるエンジニアが多いことが推測できます。 DEHA SOLUTIONSには日本語、英語対応が可能で、「React Native」での開発ができるエンジニアが多数在籍しています。 「React Native」を使用したアプリケーションのオフショア開発を検討したい、という方は是非DEHA SOLUTIONSまでお問い合わせください。 […]
続きを読む >>
【必須】Shopify(ショッピファイ)のおすすめアプリ5選【無料で使える!】
人気のECプラットフォームShopifyには6,000種類ものアプリがあると言われていて、機能を自由にカスタマイズすることが可能です。 しかし、闇雲にアプリを入れていてもサイトが重たくなってしまい、ユーザーの離脱率に影響が出てしまいます。 そこで今回は、Shopifyを始めた人がまず入れて欲しいおすすめのアプリを5つご紹介します。 「Shopify初心者で何をすればいいかわからない」「オンラインストアに必要な機能が知りたい」「Shopifyのおすすめアプリが知りたい」 こんなお悩みを持つ方におすすめの記事です。これを読めばShopifyのおすすめアプリが丸わかりですよ。
続きを読む >>
Shopify(ショッピファイ)おすすめブログ3選【オンラインストアを始めるならこれを読め!】
自社ECサイトの開発および運営を実現するプラットフォームとして、世界中で広く利用されているShopify。 世界で爆発的に広がっているShopifyですが、日本においてはまだ認知度は低く情報発信しているメディアやブログが少ないのが現状です。せっかくShopifyを始めてみたいと思っても、いきなり1から始めるのは大変ですよね。 「Shopifyのことをまずは知りたい」「Shopifyの便利な機能やアプリについて知りたい」「最新情報や他社の事例を知りたい」 こんな悩みを持った方に向けて、Shopifyのことを全く知らない初級者から構築経験がある上級者まで、それぞれ参考になるメディアを紹介します。紹介したブログをチェックしてぜひあなたもShopify構築を始めてみましょう。 【初級者向け】Omise Hack Shopifyという名前を聞いたことがあるが、そもそも何なのか知らないという方は、こちらのメディアをおすすめします。Shopifyとは何ぞやという基本的な話から、他のEC構築プラットフォームとの比較記事など、導入前にみておきたい記事が豊富です。 アパレルや飲食、スポーツ用品等、ジャンル別にShopifyの導入事例を紹介していますので、同業他社のサイトデザインをみたい時等にも参考になるかと思います。 OmiseHackはこんな方におすすめ Shopify導入を他のEC構築手段と比較し検討したい 自社と似たような導入事例があるか探したい まずは自分でShopifyでEC構築してみたい ▶︎ Shopifyを導入検討するならOmiseHack 【中級〜上級者向け】Shopify 公式ブログ shopifyについての記事だけではなく、マーケティングや集客に関するビジネス系コンテンツが豊富です。 特にShopifyを導入した企業の担当者を取材した「サクセスストーリー」が読み応えがあります。その企業が成長した成功秘話や、Shopifyを導入するに至った背景を取材を通して知ることができます。 全体的に専門用語などが多く、リテラシー高めの読者向けのコンテンツが豊富ですので、普段からWEBを使ったビジネスに慣れ親しんだ中級〜上級者向けのメディアと言えるでしょう。 Shoify 公式ブログはこんな方におすすめ Shopify公式からのお知らせをいち早く知りたい Shopifyを導入した企業の背景やうまくいった秘訣などを知りたい Shopifyを構築した後のマーケティング手法について学びたい ▶︎ Shopifyの最新情報を調べるならShopify公式ブログ 【上級者向け】研究熱心ブログ@トランスコスモス技術研究所 研究熱心ブログは、トランスコスモス株式会社が運営しています。Shopifyに関しては、主に使い方やストアの構築方法を中心にコンテンツ発信しており、開発者向けの専門性が高いコンテンツが多い印象です。 トランスコスモス社は、Shopifyパートナーを集めた交流会を開催する等、業界の発展に力を入れており、まさに最前線で実績を積んでいる発信する上方に信頼がある企業様です。ブログは実践で役に立つ情報が盛り沢山ですので、Shopifyパートナーの方は是非参考にしてみて下さい。 研究熱心ブログはこんな方におすすめ Shopifyの最新情報を知りたい方 SHopifyパートナー企業の方 Shopifyを構築している開発者 ▶︎ 実践に役立つ開発者向けの情報といえば研究熱心ブログ まとめ 以上、おすすめのShopify専門メディアをご紹介しました。 初心者向けのコンテンツから上級者向けのコンテンツまで、様々なブログがありましたね。 Deha MagazineではShopifyでのECサイト構築やモバイルアプリ開発等、オフショア開発全般に関する情報を発信しています。弊社の語学力を生かし、Shopifyの新しい情報を展開しています。 また、この記事を読んでShopifyの構築に興味を持った方はDeha社にて詳しいご相談も可能ですよ。こちらからご気軽にお問合わせください。
続きを読む >>
はじめてでもわかる!React Nativeの開発環境の整え方
「React Native」はクロスプラットフォームに対応したアプリケーションフレームワークで、iOS、Androidどちらのアプリケーション開発にも利用できます。 「React Native」の経験がない場合、必要な情報をインターネットで調べたり、書籍を探したり、研修の一環で習得するなど、さまざまな方法で準備を進める必要があります。 そこでこの記事ではプログラミングに初めて取り組む方にもわかりやすく、「React Native」での開発環境に必要なものやどんな開発環境が適しているかをご紹介します。 JavaScriptを勉強していた方 アプリ開発を行いたい方 これから「React Native」を利用したい方 これらに当てはまる方におすすめの記事となっています。これを読めばReact Nativeでの構築を始める前にどんな準備が必要なのかが丸わかりですよ。 準備するもの①マシンスペック まず当然ですが開発するパソコンのマシンスペックは高いに越したことはありません。さまざまな処理をするためCPUは最新のものを用意し、メモリは多く積んでおくことをオススメします。 準備するもの②スマートフォン iOSまたはAndroidのスマートフォンの実機を使用してアプリケーションを検証します。 しかし、その都度スマートフォンを取り出し、アプリケーションをインストール・更新するのは手間になるので、エミュレーター上で検証をし、最終段階の検証で実機を使用する方法もあります。 準備するもの③ブラウザ そして開発環境に必要な大切なものがブラウザです。「React Native」の場合は「Google Chrome」が推奨されています。デバッグなどでも使用する場合があります。 準備するもの④開発環境(Windowsの場合) OSは「Windows10 Pro」または「Windows10 Home」を前提とします。インストールの順番は以下の1から6が基本となりますが、個人個人の環境によって前後する場合がありますので注意してください。 Chocolatey パッケージ管理ソフト「Chocolatey」を導入することで、各種ツールをスムーズにインストール・設定することができます。 公式サイト Node.js サーバーサイドのJavaScript実行環境である「Node.js」がビルドで必要となります。頻繁にバージョンアップされるため、その時に必要なバージョンを確認してから導入しましょう。 公式サイト Python 「React Native」のビルドシステムは「Python」が採用されています。 公式サイト 「React Native CLI」 or 「Expo」 「React Native」で開発するためにはアプリケーションツールである「React Native CLI」または「Expo」が必要です。「 Expo」はネイティブな機能を使えないことがあり、「React Native CLI」は「Xcode」の知識が必要です。必要に応じてどちらのアプリケーションツールを使用するかご検討ください。 合わせて読みたい>>Expo✕React Nativeの環境構築を行う【React Native入門】 JDK 「JDK(Java Development Kit)」はJavaの開発ツールがセットになっているパッケージです。 公式サイト […]
続きを読む >>
【移行続出!?】Amazonや楽天とShopify(ショッピファイ)の違いって?Shopify人気の秘密をご紹介
大手ECモールと呼ばれるAmazonや楽天。誰もが知っているサービスですが、近年Shopifyに移行する事業者が増えています。2020年に入って新型コロナウィルスの影響でShopify加入の勢いは増しました。 なぜそのような事が起きているのでしょうか?本日はAmazonと楽天、Shopifyの違いから、その謎を紐解いていきたいと思います。 「Shopifyってなんでそんなに人気が出ているの?」 「Amazonや楽天やShopify。たくさんのECサイト作成サービスがあって、どれを利用すればいいかわからない」 こんな疑問やお悩みが解決できるような内容になっていますよ。
続きを読む >>
【徹底比較】Shopify Plusで何ができる?Shopifyとの違いを調査
Shopify PlusはShopifyのプランの1つです。Shopify Plusを利用すればよりクオリティが高い専門的な機能を利用することができます。 Shopifyに比べ大手企業におすすめのShopifyPlus。本日はそんなShopify PlusとShopifyの通常の機能に関して徹底比較していきます。 「Shopify Plusってどんなサービスなの?」 「Shopifyでどのプランを選択すればいいの?」 これらの疑問が解決できますよ。
続きを読む >>
Flexboxの概要
Flexboxはご存知でしょうか。 Fexboxはサイズが動的なデータの場合でも、コンテナー内のより効率的なレイアウト、配置、およびアイテムとスペースの分配の提供を目的としています。Flexboxは柔軟性があり、フロートやpositionを使用せずにレスポンシブレイアウトを簡単に設計できます。 水平方向の位置のあるテキスト、コンテンツのブロックと別のブロックを中央に整列させる必要がある 中央に整列のためCSSトリックを利用するが、全画面または動的データが表示されない状態になる サードパーティのライブラリを利用せずに、レスポンシブインターフェースの設計が大変 など、FexboxならPhotoshopから画像を書き出す際に起こりがちな問題を解決することができますよ。 IT人材が不足している事業者様 floatを使用したレイアウトを行っていた方 Flexbox について詳しく知りたい方 これらに当てはまる方におすすめの記事となっています。これを読めばFlexboxの使い方や概要を知ることができます。
続きを読む >>
【簡単】アフィリエイトの仕組みって?Shopify (ショッピファイ)で使える!フルフィルメントに関しても解説
人気のECサイト作成サービスShopifyでは、アフィリエイトを利用した商品販売が行えたり、フルフィルメントで外部に委託をすることもできます。 これらの機能は、事業者の運営負担を軽減することにつながり、より柔軟な販売が実現します。 この記事ではそのアフィリエイトとフルフィルメントに着目して、それらのメリットやデメリットを徹底解説していきます。 「Shopifyにおけるアフィリエイトの仕組みってどんなもの?」 「もっと楽にShopifyを運営したいけど、方法はある?」 「集客などのマーケティングにもっと時間を割きたい」 これらの疑問が解決できる内容となっていますよ。
