インプレス ビジネスメディア
Monaca＋PhoneGapでサクッとはじめるハイブリッドアプリ開発 第3回

手順2：アップロードした画像を表示してみる

手順2：アップロードした画像を表示してみる

では早速、取り込んだ画像を表示するHTMLを書いてみましょう。ファイル一覧からindex.htmlを開き、下記の通り書き換えてください。

この記事をシェアしてください

前の記事

Webサイト制作の知識だけでカンタン年齢計算アプリを作ろう！

次の記事

ネットワーク通信に対応した写真アルバムアプリを作ろう！

関連記事

Webサイト制作の知識だけでカンタン年齢計算アプリを作ろう！

2012年12月27日 0:30

ネットワーク通信に対応した写真アルバムアプリを作ろう！

2013年4月12日 20:00

Socket.IOを使ってNode.jsでリアルタイムWebアプリを開発する

2013年3月27日 20:00

HTML 5＋JavaScriptでCanvasアプリを作る

2009年1月13日 20:00

サンプルのプログラムコード解説

2012年2月6日 20:00

デスクトップアプリライクな操作性を実現するドラッグ＆ドロップAPI

2013年3月1日 20:00

バックナンバー

ネットワーク通信に対応した写真アルバムアプリを作ろう！

2013年4月12日 20:00

  • Web開発
  • 技術解説

JavaScriptを活用して現在時刻を表示する時計アプリを作ろう！

2013年3月11日 20:00

  • 開発言語
  • Web開発
  • 技術解説

Webサイト制作の知識だけでカンタン年齢計算アプリを作ろう！

2012年12月27日 0:30

  • 開発言語
  • Web開発
  • 技術解説

Webとネイティブの好いとこ取り？ ハイブリッドアプリ開発のススメ

2012年12月10日 21:00

  • Web開発
  • モバイル
  • 技術解説
バックナンバーをもっと見る

この記事の筆者

鴨田 健次

1980年生まれ。大学時代の専攻は、ドイツ語（ドイツに半年ほど留学）と映像制作（ドキュメンタリー）。独学でWebデザインを学び、大学卒業後は制作会社やコンテンツポータル会社で、主にWebデザイナー/HTML・CSSコーダーとして勤務。2010年から、アシアルにてWebディレクター/Webデザイナーとして、日々精進している。
鴨田 健次 のプロフィールを見る

アシアル株式会社

PHPとモバイルの開発を得意としたテクノロジーベンチャー。2002年7月の設立以来、PHP技術者のためのコミュニティサイト「PHPプロ！」や教育サービス、スマホアプリ開発プラットフォーム「Monaca」の提供など、Web システムの開発に留まらずさまざまなサービスを展開している。
http://www.asial.co.jp/

アシアル株式会社 のプロフィールを見る

筆者の人気記事

JavaScriptを活用して現在時刻を表示する時計アプリを作ろう！

2013年3月11日 20:00

ネットワーク通信に対応した写真アルバムアプリを作ろう！

2013年4月12日 20:00

Webサイト制作の知識だけでカンタン年齢計算アプリを作ろう！

2012年12月27日 0:30

Webとネイティブの好いとこ取り？ ハイブリッドアプリ開発のススメ

2012年12月10日 21:00

業界情報やナレッジが詰まったメルマガやソーシャルぜひご覧ください

Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。

これは広告です

新着記事

位置情報の基本中の基本となる「点」の情報の扱い方を学ぼう 6:30 Kubernetesコミュニティのグループ構成と活動領域の見つけ方 6:30 AIには別の顔を見せるWebサイト: エージェントを狙う間接プロンプトインジェクション 12月4日 6:30 【CNDW2025】なぜCloudNative DevSecOpsを推進するのか？ 米軍の事例が示す「速度と安全性」の必然 12月4日 6:00 【序論】なぜ今、監視は「再発見」されるのか 12月3日 6:30

人気記事トップ10

外部から「WSL1/2」のサーバーにネットワークアクセスをしてみよう AI搭載のスマートグラス「Even G2」が国内発売ほか 日本初開催の「KubeCon＋CloudNativeCon Japan 2025」、ボランティア視点で運営の裏側をちょっとのぞいてみた話 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ オープンソースの電子書籍管理ソフト「Calibre 8.15」リリース メガネ型オーディオが特別セール実施中、Metaが新モデル群を公開ほか 「Rocky Linux 10.1」リリース IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 米Red Hat、「Red Hat Enterprise Linux 9.7」を発表 AI時代のエンジニアに求められるものとは？「生き残る」ためのキャリア戦略
AI搭載のスマートグラス「Even G2」が国内発売ほか 外部から「WSL1/2」のサーバーにネットワークアクセスをしてみよう 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ Linux Foundation Education、無料オンラインコース「Linuxカーネル開発 初心者向けガイド」の提供を開始 【ビジョンなき導入の末路】データが暴く日本企業の課題と次の一手 【序論】なぜ今、監視は「再発見」されるのか 「AIを導く」のはオープンソース ー実証に基づいた明確な解を示したレポート「ソブリンAIの現状」を公開 Linuxカーネル「Linux 6.18」リリース メガネ型オーディオが特別セール実施中、Metaが新モデル群を公開ほか 日本初開催の「KubeCon＋CloudNativeCon Japan 2025」、ボランティア視点で運営の裏側をちょっとのぞいてみた話
AI搭載のスマートグラス「Even G2」が国内発売ほか 外部から「WSL1/2」のサーバーにネットワークアクセスをしてみよう 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ Linux Foundation Education、無料オンラインコース「Linuxカーネル開発 初心者向けガイド」の提供を開始 【ビジョンなき導入の末路】データが暴く日本企業の課題と次の一手 アイレット、KDDIの属人化問題を生成AIアシスタントの精度を高め解消へ 世界中の「欲しい」を10秒で叶える ─株式会社SAZOが描く越境ECの新時代 「Terraform」でコードをモジュール化して、環境を分離することで適切に管理しよう IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 【序論】なぜ今、監視は「再発見」されるのか
人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ！ Sponsored

新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ 11月28日 6:30 IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 11月26日 6:30 アイレット、KDDIの属人化問題を生成AIアシスタントの精度を高め解消へ 11月21日 6:30 「Grafana Cloud」の先進的ユーザーであるグリーが10年をかけて到達した「オブザーバービリティ」とは 5月15日 6:30 Grafana Labs CTOのTom Wilkie氏インタビュー。スクラップアンドビルドから産まれた「トラブルシューティングの民主化」とは 4月21日 6:30 API管理をより簡単にする「Kong Konnect」が解決する課題とその主要機能 3月5日 5:30 目指すはプロセス連結によるサイロ化の打破! ガバナンス強化にも寄与する自動化プラットフォームとは 1月15日 6:30 AIで激変する「DevOpsの未来」と「IT組織のリーダーが備えるべきこと」とは 2024年11月26日 8:53 仕様書からテストケースを自動生成! Autify Genesisが変えるソフトウェアテストの未来 2024年11月21日 8:04 LLMを自由に切り替え! Kongが提案するAIゲートウェイ活用法 2024年11月15日 6:12