iOS 8のPhotoKitの概要＆Xcode 6.1／Storyboard／Auto Layout／iOSシミュレーターの基本的な使い方
連載目次 前回の記事「開発者が知っておきたいiOS 8の新機能＆Xcode 6のインストールと基本的な使い方」では、iOS 8を簡単に紹介し、iOSアプリ開発を始めるための環境構築について説明しました。今回から、iOS 8の新機能を使ったアプリの開発を進めていきます。 前回、本連載で開発していくアプリに盛り込むものとして以下の項目を挙げました。 Xcode 6のセットアップ・使い方・機能を解説 Swiftを使用 iOS 8で追加された新機能を使用 iPhone 4s／5s／6／6 Plusの画面サイズに対応 「iOS 8で追加された新機能」についてですが、本連載では「PhotoKit」の機能を使用したアプリを開発します。「PhotoKit」は、iOS標準の「写真」アプリで使用されているAPIが解放されたもので、「写真」アプリ並みの機能を持ったアプリを開発できます。 iOS 8のPhotoK
誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer
誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer：HTML5アプリ作ろうぜ！（13）（1/4 ページ） Material DesginでWeb ComponentsでオープンソースでレスポンシブなJavaScriptフレームワーク「Polymer」をWeb上で活用するためのチュートリアル記事です。Bootstrapライクなレイアウトを実現するサンプルを交えてインストール方法や使い方を紹介します。
いまさら聞けない、成功するブランチモデルとgit-flowの基礎知識
いまさら聞けない、成功するブランチモデルとgit-flowの基礎知識：Gitブランチを使いこなすgit-flow／GitHub Flow入門（1）（1/2 ページ） 数回に渡ってgit-flowとGitHub Flowを使ったGitの活用テクニックを紹介します。初回は、ブランチ管理の課題と効率的にバージョン管理できる5つのブランチモデルと、ブランチの管理を簡単に行えるツール「git-flow」について。 Gitなどの次世代のバージョン管理ツールの特徴として、ブランチの機能を高度に活用できるという利点があります。Gitのブランチを生かしたツール・フローとして「git-flow」「GitHub Flow」が注目を浴びていますが、本連載では数回に渡ってgit-flowとGitHub Flowを使ったGitの活用テクニックを紹介します。初回は、git-flowの概要を紹介します。 効率的にバージョ
Google Chromeでスマートフォンサイトをチェックする：Google Chrome完全ガイド - ＠IT
スマートフォン（スマホ）が広く普及し、昨今では多くのWebサイトが、画面の狭いスマホに最適化した専用のビュー（表示）を備えるようになってきました。 サイトがスマホでどう見えるのかは、もちろん実際にスマホで表示してみるのが確実です。ただ、スマホやタブレットにはさまざまな機種があり、画面の解像度も異なるため、どう見えるかを全て実機でテストするのは困難です。 このような場合は、デスクトップ版Webブラウザの「スマホ表示」機能（スマートフォンのWebブラウザのエミュレーション）を利用すると、PCで簡単にスマホサイトの確認ができます。操作方法もそれほど難しくありません。 本記事では、Windows OS／macOSのデスクトップ版Google Chrome（以下、Chromeと略）の「デベロッパーツール（開発者ツール）」でスマホ表示を確認する方法を紹介します。このツールは名前に「デベロッパー（開発者
初心者のためのLT作成講座――まずは構成を練る
ライトニングトークをすると、これまで得られなかった気付きやノウハウを得られる。コミュニティとLTをこよなく愛するエンジニアによる「LT」解説 LTをして、コミュニティライフを楽しもう！ ライトニング・トーク（以下：LT）をご存じですか？ LTとは「5分間きっかりで行うプレゼン」です。IT系のカンファレンスや勉強会に参加したことがある人なら、一度は見たことがあるのではないでしょうか。 本連載では、LTの事例紹介を通じて、「LTをするといろいろいいことがあるよ！」ということをエンジニアの皆さんにお伝えしたいと思います。LTをすると、いろいろな気付きやノウハウを得られます。 ●本連載の目的 LTおよびプレゼンテーションへの理解を高め コミュニケーション能力の向上を目指し コミュニティライフをより楽しむ 今回は、2010年9月30日のDevLOVEイベント「Energized Work !」のLT
IE9／IE10でWebページの表示が乱れるときの対策（互換表示機能を使う）
IE8（左）では正常だがIE10（右）ではまったく表示されないWebページの例 どちらもイントラネット・サイト上の同じURLを指定しているが、表示結果は大きく異なっている。IE10の方は装飾やレイアウトがまったく反映されておらず、テキストだけがそのまま表示されている。 正しく表示されない原因はたくさんあるが、特にInternet Explorer（IE） 6／7全盛のころに制作されたWebページは、その設計が古いせいで、IE9／IE10のような最近のWebブラウザだと正しく表示されないことがよくある。 そこで役立つのが「互換表示」と呼ばれる機能だ。これはIE8以降のバージョンのIEに標準装備されていて、古いIEと同等の表示結果が得られるように動作（表示方法）を切り替えることができる。IE9／IE10では、ワンタッチでIE7と互換性のある表示モードに切り替えられる。本稿ではWebページを正し
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
SQLの基礎 「SELECT」文を覚えよう
本記事のおもな内容 いろいろあるSQLの規格 サンプルデータベースを操作してみる SELECT文の基本的な使い方 WHERE句の使い方 条件の指定方法 リレーショナルデータベースシステム（RDBMS）も、今や、システムの構築には不可欠なものとなりました。皆さんが目にしているシステムや、管理しているシステムでも、RDBMSが使われていないシステムを探すほうが大変ではないでしょうか。RDBMSの普及にともない、RDBMSへのアクセス手段であるSQLも、日常的によく見かけるものとなりました。 このSQL実践講座では、SQLの効率的な使い方をエッセンスにしてお伝えしていこうと考えています。SQLは、データを操作するために非常に簡単な構文で構成されているように見えます。ところが、実際に使い込んでいくと、一見簡単に取得できるように見えるデータが取得できない場面にぶち当たることがあると思います。また逆に
複数の条件を指定してSELECT文を実行する
皆さま、あけましておめでとうございます。昨年末から始まったこの連載。まずはSELECT文の初歩を解説しました。いかがでしたでしょうか？ 本連載ではこれからしばらくの間、SELECT文のいろいろな使い方、つまりデータベースからデータを取り出すさまざまな方法を解説していきます。第1回でも申し上げましたが、SELECT文の構文はSQLの中で最も易しく、そして最も難しいものです。これは、SQL文の中でもSELECT文を利用する機会がかなり多いということも意味しています。ぜひ多くのSQL文を実際に試して、皆さんの力にしてください。 「AND」や「OR」を利用して条件を並べる 今回は、複数の条件を指定したSELECT文の書き方を解説します。第3回で説明しましたが、SQL文で検索対象を「特定の行データのみ」に制限するには、条件を指定するキーワード「WHERE」を使用します。 第3回の例では、条件は1つし
SQL文でデータを追加・更新・削除する方法
主な内容 --Page 1-- ▼データを追加するINSERT文 ▼列を省略したINSERT文 ▼SELECTを利用したINSERT文 --Page 2-- ▼データの更新を行うUPDATE文 ▼行の削除を行うDELETE文 ▼まとめ これまで7回にわたってSELECT文の利用法を取り上げてきましたが、今回はデータの操作を行うための文、「INSERT」「UPDATE」「DELETE」を取り上げます。 これらの命令文はそれぞれデータの追加、更新、削除といったデータの操作を行うためのものです。連載の第1回「初めてSQLコマンドを叩く緊張と感動の一瞬」でデータの操作を行う命令文をデータ操作言語（DML：Data Manipulation Language）と分類する、と解説しましたが、SELECT文と今回取り上げる命令文でDMLにひととおり触れることになります。DMLをマスターできれば、SQLの
5分で分かるフラットデザイン
iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分－フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference（WWDC）」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。
GoogleリーダーのRSSフィード情報をバックアップする
従って、Googleリーダーのユーザーはそれまでに別のRSSリーダーへ移行する必要がある。それには、現在Googleリーダーに登録してある各サイトのRSSフィード情報（フィードURLとその形式、サイトのタイトルなど）を、移行先のRSSリーダーへ何らかの形で受け渡さなければならない。しかし通常、RSSフィードは少なくとも数十、多い人なら数百～数千サイトが登録されているだろう。それらを1つずつ手動で移行するのはまったくナンセンスであり、可能な限り避けたいところだ。 幸い、Googleリーダーは登録RSSフィード一覧をエクスポートして、ローカル・ファイルにバックアップできる。そのデータ形式はOPML（Outline Processor Markup Language）という標準仕様に従っているので、移行先のRSSリーダーがOPML形式によるインポートに対応していれば、簡単な操作で膨大なRSSフィ
Fireworksはまだまだ終わらない
Fireworksはまだまだ終わらない：FireworksがCreative Cloudのアップグレードサイクルから外れた意味 FireworksはCreative Cloudのアップグレードサイクルからまたも外れてしまった。これは開発終了を意味するのか、Fireworks大好きな筆者が現地ロサンゼルスで考えた。 2013年5月6日（現地時間）、アメリカ、カリフォルニア州ロサンゼルスのロサンゼルスコンベンションセンター（LACC）で、Adobe MAX 2013が開幕した。米アドビシステムズ（以下、アドビ）は、1日目の基調講演で、「Adobe Creative Cloud」のバージョンアップ、多数のアプリケーションの機能強化、複数ユーザーでのコラボレーション機能の強化などを発表した。 この内容は日本でも速報として伝えられ（参照記事：Creative Suiteシリーズがアップデート終了）い
スーパー女子中学生エンジニアが、日本の教育を斬る
本連載では、Life is Tech ! が主催するイベント「Edu×Tech Fes 2013 U-18～驚異のプレゼンテーション～」をレポートする。Edu×Tech Fes 2013 U-18は、テクノロジーから教育を考え、教育からテクノロジーを考えるイベント。天才中高生が語るゾクゾクする3時間を、全7回の連載でお届けする。 女子中学生エンジニアが生み出した「見えるプレゼンタイマー」 角南萌氏は、現在2年生。女子中学生エンジニアだ。海外生活での体験を基に、日本とアメリカの教育について語った。彼女は、アメリカで行われたプログラミングキャンプをきっかけにテクノロジの世界に目覚め、子どもの文化・教育研究所主催の「全国小・中学生作品コンクール（パソコン部門）」において文部科学大臣奨励賞を受賞、また、昨年リリースしたタイマーアプリ「見えるプレゼンタイマー」は1万ダウンロードを突破し『アプリ甲子園
第3回 変数の宣言とスコープ ― ＠IT
JavaScriptが、いま注目を浴びている。 長い冷遇の時代を経ながらも、Ajaxという技術の登場とも相まって、JavaScriptの価値はいままた確実に見直されつつある。その過去の凋落と近年の華々しい脚光は、「復権」と呼んでもよいかもしれない。 本連載は、JavaScript復権のいまこの時代に求められる、JavaScriptという言語への理解を再確認しようというものだ。その連載、第3回となる今回扱うテーマは、「変数」である。どのような言語においても同様であるが、コード上で値を入力し、処理した結果を格納し、また、ほかへと引き渡すすべての基本となるのが変数だ。プログラミング言語を理解するうえにおいて、変数の理解は欠かせない。そして、それはJavaScriptの世界においても同様だ。 本稿では、JavaScriptにおける変数のデータ型に始まり、そのスコープ（有効範囲）の概念、そして、初学
ブラウザでストレージ？ Web Storageを使いこなそう
連載目次 ■Web Storageの概要と活用例 旧来（＝HTML 4.1以前）のWebブラウザでは、eコマース・サイトのカート情報やログイン状態の管理情報などのデータをブラウザに保存する仕組みとして、大半のWebサイトではクッキーを利用していた。しかし、クッキーでは、保存容量が4KBytesまでであることや、すべてのリクエストに対してサーバにデータを自動で送信するため、容量制限やセキュリティ対策に悩まされることも多くあった。 HTML5では、クッキーに代わるデータ保存の仕組みとして、「Web Storage」と呼ばれる機能を利用できる。Web Storageは、ブラウザ側でKey-Value型でデータを保存する機能のことで、現在のインターネットを取り囲む環境に対応した「クッキーの後継技術」ともいえる。 Web Storageとクッキーの機能の差異は、以下の表のとおりだ。
HTML5のスマホ対応の基礎知識とハマリどころ3選
HTML5のスマホ対応の基礎知識とハマリどころ3選：スマホ向けサイト制作で泣かないための秘伝ノウハウ（2）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、HTML5についておさらいし、OSごとの対応状況や、iPhone／Androidなどで表示する際のハマリどころを紹介 こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選」では、スマートフォン向けサイト制作についての注意点や、代表的なOS／機種依存を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での検証サービス事業で蓄
初心者のためのLT作成講座――5分で収まるスライドを作る3つのTips
前回のまとめ こんにちは。「ライトニングトークをしてコミュニティライフを楽しもう！」という連載、第2回です。本連載の目的については、第1回「初心者のためのLT作成講座――まずは構成を練る」をご確認ください。 さて、前回は、LTに必要な4ステップを紹介しました。 構想 準備← 練習 本番の発表 今回も引き続き「闇アジャイラー」のLTを例に取ってLTの作り方を解説します。今回のテーマ「準備」。 完成したLTのスライド「闇アジャイラーvs光アジャイラーforDevLOVE（EnergizedWorkLT祭）」を実際に見ながら、読んでいただければ幸いです。 ●さくっとおさえておきたい前提 2010年に、DevLOVEのイベントでLTを行った LTのテーマは「Energized Work（いきいきと働く、という意）」 LT希望者が多かったため、5分ではなく3分でのLT ●資料と当日の動画 2ndステ
HTML5でWebページをマークアップするための基礎知識
HTML5の文法で押さえておきたい3つのポイント HTML5で規定された文法は、既存のHTMLとも最大限互換性が保たれるように設計されました。例えば「＜p＞の終了タグがない」といったHTMLはWeb上に無数に存在するわけですが、それらをエラーとするのではなく、むしろ「それらを許容する、そして、そのことを仕様上明記する」という方法が取られています。 これにより、XHTMLに比べてコンパクトな記述でマークアップしつつも、HTML5に準拠したWebブラウザ上であれば、同一のDOMが生成されることが保証されます。 ではHTML5の文法について、詳しく見ていくとしましょう。 【1】タグの記述を省略できる要素 HTML5では、要素によってはタグの記述を省略できます。具体的には「終了タグを書いてはいけない」「終了タグを省略できる」「開始タグを含め、タグ自体を省略できる」の3パターンがあります。 以下に、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
