タグ

2015年2月10日のブックマーク (10件)

  • iOS/Android/Windows――すべてに対応するアプリを開発するには? | gihyo.jp

    多様化するプラットフォームとデバイス、そして頻繁なOSのアップデートや製品リリースに対応するため、クロスプラットフォーム開発の必要性はますます高まってきています。iOS、Androidの両方で動作するアプリを、できるかぎり共通のコードで開発するためのライブラリやフレームワーク、サービスを探した経験のある方も多いのではないでしょうか? そんな中、2012年秋のWindows 8のリリースにより、タブレットを含むノートPCデスクトップPCの世界にも、アプリストアができました。ますます多岐にわたるプラットフォームに対応すべく、この記事ではiOS/AndroidWindows、すべてに対応するアプリを作る方法についてご紹介します。 Webの技術を使う まず1つ目は、Webの技術を用いる方法です。各OSには、Web技術を利用したコンテンツを表示するためのWebViewコントロールが用意されていま

    iOS/Android/Windows――すべてに対応するアプリを開発するには? | gihyo.jp
    watanata2000
    watanata2000 2015/02/10
    クラスプラットフォーム スマートフォン 開発ツール 比較
  • Xamarin vs 他のクロスプラットフォーム開発ツール - Qiita

    Xamarin は、クロスプラットフォーム開発ツールとして紹介されることが多いので、他の同類のツールと比較してみたいと思います。 対象は Android と iOS に絞ります。 速度がーとか、メモリ使用量がー、とか言った話はナシで、仕組みとかを淡々と述べます。 ゲーム系は分からないのでナシで。業務アプリつくるレベルだと思ってください。 あ、いずれもガッツリ使ったことはないので、間違ってたらツッコミお願いします。 1. まず Xamarin についておさらい 開発言語 C#、F# などの .NET 言語を使います。VB.NET は…プロジェクトテンプレートが無いだけですかね? 実行モデル Android では、パッケージ(apk) として Monoランタイムと.NET中間言語がパッケージングされ、アプリ実行時にネイティブコードにコンパイルされて実行されます、いわゆる JIT。 iOS では

    Xamarin vs 他のクロスプラットフォーム開発ツール - Qiita
    watanata2000
    watanata2000 2015/02/10
    クラスプラットフォーム モバイルアプリ 開発
  • [.com/.net] ドメインオークション | ドメイン取るならお名前.com

    ドメインオークションとは? ドメイン名の取得権利をオークション形式で ご購入いただくサービスです。 対象TLD.com.net.org.biz.info.mobi オークション対象はすべて中古ドメイン 中古ドメインで集客効率アップ 中古ドメインは過去に運用されていたWebサイトの「検索エンジン評価」「被リンク」「残存トラフィック」などを引き継いでいます。そのため、すでに中古ドメインが持っているパワーを活用することによって、集客効率の引き上げが期待できます。 SEO対策 高ドメインオーソリティの中古ドメインは、被リンクSEO対策用のサテライトサイト・ECサイト・ブログなどに活用されています。 アフィリエイトサイト 中古ドメインは、高収益アフィリエイターのアフィリエイトサイト構築によく活用されています。 新規サービス・商品サイト 新規で取得できなかったサービス名・商品名にピッタリのドメイン名も

    [.com/.net] ドメインオークション | ドメイン取るならお名前.com
    watanata2000
    watanata2000 2015/02/10
    PhoneGap 基本 入門
  • Jenkins入門【2.0対応】 - オープンソース継続的インテグレーション(CI)ツール

    Jenkinsをインストールして使ってみよう[MacLinuxWindows] 継続的インテグレーションツール「Jenkins」の使い方を基礎から解説する連載がスタート。初回は、Jenkinsの概要とインストール手順、簡単なジョブの登録方法を説明する。 Jenkinsでテストを実行してみよう+Rubyテストの基礎(RSpec&Turnip使用) Jenkinsを使って小さなテストを自動実行して、開発スピードを飛躍的に向上させよう。また、MacでのRubyRails環境の構築方法から、テストフレームワーク「RSpec」とインテグレーションテスト環境「Turnip」を使ったテストの書き方までを解説する。

    watanata2000
    watanata2000 2015/02/10
    入門 Ruby Mac
  • line-height の値には単位なしが良いとされる理由

    CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size

    watanata2000
    watanata2000 2015/02/10
    line-height 単位なしにすべき ★
  • 最適な「font-size」、「line-height」「letter-spacing」 - WEB制作 勉強ログ | WEB LOG

    普段からインターネットを使っているので、WEBページにおける「読みやすさ」はユーザビリティにおいて重要な役割です。 そこで、テキストに関するCSSプロパティである「font-size」、「line-height」、「letter-spacing」について調べてみたので、メモしたいと思います。 font-size WEBページの文字サイズにもやはり見やすいサイズがあり、現在だと12px〜14pxが多いように感じます。 たとえば・・・ WEBサイトの勉強 (12px)WEBサイトの勉強 (13px)WEBサイトの勉強 (14px)このようになります。 (わかりにくいと思いますが・・・) line-height「line-height」は行間の調整に使います。 1.3em〜1.6emあたりを文字サイズなどによって使い分けてるようです。 反省とは非合理的なものを認識できるし、またそれしかできない。

    最適な「font-size」、「line-height」「letter-spacing」 - WEB制作 勉強ログ | WEB LOG
    watanata2000
    watanata2000 2015/02/10
    font-size line-height letter-spacing フォントサイズ 行高 文字間隔
  • Media Queriesの指定について - Qiita

    Media Queriesの指定方法 Media Queriesを使ってcssを読み込む方法は3つ HTMLのlinkタグのmedia属性に記述 css内に@media記述 css内に@import記述 代表的なmedia type

    Media Queriesの指定について - Qiita
    watanata2000
    watanata2000 2015/02/10
    Media Queries @media @import レスポンシブデザイン デバイス対応 IE8 以下対応方法 ★★★
  • デバイスに合わせてCSSを振り分ける「Media Queries」 | DevelopersIO

    Media Queriesは、読み込まれるCSSや、CSSの記述のインラインに条件を加えること出来るようになる仕様です。 今までもCSS2のMedia typesを使い、screenやprintなど大まかなメディア用スタイルを設定することはできました。ですが、それでけでは昨今のスマートフォン、タブレット端末事情にはとても対応できません。JavaScriptで対応する方法もありますがシンプルではありません。そこで、CSS3だけで振り分けが可能になるのがMedia Queriesという仕様です。 Media Queries Media Queriesはユーザーの端末、スクリーンサイズをもとに適したスタイルシートを適用することができます。Media Queriesを利用することで、PC用スタイルシート、タブレット用スタイルシート、スマートフォン用スタイルシートと個別にスタイルを指定することができ

    watanata2000
    watanata2000 2015/02/10
    Media Query @media レスポンシブデザイン デバイス対応 IE8 以下対応方法 ★★★
  • レスポンシブ ウェブ デザインの基本  |  Articles  |  web.dev

    レスポンシブ ウェブ デザインの基 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 インターネット上のスマートフォン ユーザーの数が増えるにつれ、 ウェブ デザイナーにとって、使い勝手の良い方法でコンテンツを配置することがますます重要になっています。 対応していますレスポンシブ ウェブ デザイン A List Apart の Ethan Marcotte、 ユーザーの要求に応えるデザイン戦略です。デバイスの 使用するデバイスに合わせてサイトのレイアウトを変更することで、機能を拡張できます。対象 たとえば レスポンシブなサイトでは コンテンツがスマートフォンで 1 列形式で表示され タブレットでは 2 列、デスクトップ パソコンでは 3 ~ 4 列です。 <ph type="x-smartling-placeholder"></ph> 画面の幅が大きくなる

    watanata2000
    watanata2000 2015/02/10
    @media レスポンシブデザイン ★
  • Macのターミナルから Sass + Compass をインストールして使うまでの簡単な手順メモ

    Macのターミナルから Sass + Compass をインストールして使うまでの簡単な手順メモ
    watanata2000
    watanata2000 2015/02/10
    Sass + Compass Mac 環境構築