タグ

ブックマーク / atmarkit.itmedia.co.jp (37)

  • WordPressの「続きを読む」をFacebookページの「いいね!」に

    WordPressの「続きを読む」をFacebookページの「いいね!」に:WordPressでFacebookページを作ろう(2) 前回の「WordPressを使ったFacebookページ作成と更新:基礎編」では、Facebookページの作り方、シンプルで簡単なWordPressを使ったWelcomeページ(タブページ)の作り方についてご紹介しました。 今回は前回に続き、応用編としてカスタム投稿タイプを使ったタブページの管理とファンゲート機能、タブページのiFrameの高さ調節の方法についてご紹介したいと思います。 ※前回の記事の内容を前提に説明している箇所も多いので、ぜひ前回の記事にも目を通してみてください。 ファンゲート機能とは、Facebookページで「いいね!」を押してもらうと、違うページが見られるようにする仕組みです。特にファンゲートの実装はWordPressの機能を使い、投稿

    WordPressの「続きを読む」をFacebookページの「いいね!」に
  • TwilioならLINEみたいな通話機能をカンタン実装できる!

    「Twilioって何? そもそも何て読むの?」という人は、前回を見てね 前回の「TwilioとRailsで作る、電話でテキスト読み上げアプリ」では、Twilioについての概要、Twilioのアカウントの登録手順、そしてAndroidアプリに組み込む初歩ということで「入力されたテキストを読み上げるアプリ」を実装しました。 今回はTwilioを使ってLINEやcomm、カカオトークなどのような通話アプリを作る方法を紹介します。 今回のレシピ Twilioサービス クライアント Android SDK(APIレベル8=Android 2.2以上) Twilio Client SDK for Android サーバ Ruby 2.0.0-p195 Rails 4.0.0 twilio-ruby jquery-rails sqlite3 pg(ruby-pg) turbolinks therubyr

    TwilioならLINEみたいな通話機能をカンタン実装できる!
  • 「Vagrant」って何ぞ?(・o・)

    「Vagrant」って何ぞ?(・o・):Vagrant開発者 Mitchell Hashimoto氏に聞いた 仮想の開発環境作成ツールとして人気が高まっている「Vagrant(ベイグラント)」。その開発者であるMitchell Hashimoto(ミッチェル ハシモト)氏が来日するとの情報を聞き、2013年7月12日、VOYAGE GROUPで行われたミートアップに駆け付けた。 「Vagrant」とは Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。「ほんの数行書くだけで開発用の仮想マシンを構築できる」という優れものだ。 Vagrantのビジョンは、「開発者とシステム管理者にとって最高の『開発フロー』を提供すること」。Vagrantをダウンロードして「vagrant up」と入力し、実行するだけでそれが可能となる。 システム管理

    「Vagrant」って何ぞ?(・o・)
  • iOSアプリ開発初心者のためのオブジェクト指向の基本

    iOSアプリ開発初心者のためのオブジェクト指向の基:iOS SDKで始めるObjective-C入門(6)(1/4 ページ) 開発ツールXcode/iOS SDKを使ってiPhoneiPadアプリを作る方法を、プログラミング言語「Objective-C」の書き方/文法を交えて解説。「Windowsを使っていたけど、iOSアプリを作るためにMacを使い始めた」という初心者を対象にしています。今回は、オブジェクト指向に必要な4つの特性や、カプセル化、継承、ポリモーフィズム、オーバーライドなどの使い方について。 Objective-Cは、その名の通りオブジェクト指向なC言語 前回の記事「人生と同じ? プログラムの式と演算子、制御文を学ぶ」ではプログラムの式や演算子、そして制御文について学びました。前回から時間が経ち、iOSはバージョン7になり、Xcodeもバージョン5になりました。連載「i

    iOSアプリ開発初心者のためのオブジェクト指向の基本
  • プログラミングもクラウドへ―― 学習&開発環境Webサービス23選まとめ

    プログラミングもクラウドへ―― 学習&開発環境Webサービス23選まとめ:安藤幸央のランダウン(67)(1/3 ページ) オンラインのプログラミング環境や、オンラインでコードを書いて学べる学習サイト9選、ビジュアル(子ども向け)プログミラングWeb環境5選を紹介する。 道具としての開発環境 今となっては昔のことですが、机の上でノートに鉛筆でソースコードを書いてプログラミングしていた時代がありました。現在のプログラミング環境から振り返ると、そういう作業はアルゴリズムを考え、頭で想像したコードを書き下ろしており、脳内エミュレーターのようなものだったのかもしれません。 最近のプログラミング環境は、規模も複雑さも肥大化しつつ、プログラミングに関する情報もツールも大変充実したものです(マイナーな環境の情報が少ないことや、新古の情報が混在している問題はありますが)。 Web上の情報も書籍も豊富で、自分

    プログラミングもクラウドへ―― 学習&開発環境Webサービス23選まとめ
  • これでGitも怖くない! GUIでのバージョン管理が無料でできるSourceTreeの7つの特徴とは

    これでGitも怖くない! GUIでのバージョン管理が無料でできるSourceTreeの7つの特徴とは:ユカイ、ツーカイ、カイハツ環境!(31)(1/3 ページ) SourceTreeは直観的なGUIで使いやすい、今話題の無料のリポジトリ管理ツールです。稿では、Windows版のSourceTreeをGitサポート機能を中心に紹介します。 Gitも使える大人気のバージョン管理ツール「SourceTree」 SourceTreeは、もともとMac OS X用に開発されていた無料のGit/Mercurialのクライアントアプリケーションで、GUI(Graphical User Interface)による直観的なバージョン管理の操作ができます。 SourceTreeは、2011年10月に「JIRA」「Bitbucket」で有名なアトラシアンに買収され、Windows用の正式版が2013年6月に公

    これでGitも怖くない! GUIでのバージョン管理が無料でできるSourceTreeの7つの特徴とは
    araishi
    araishi 2014/02/19
  • WebページをRetina対応させるテクニック~基礎知識編

    WebページをRetina対応させるテクニック~基礎知識編:jQuery×HTMLCSS3を真面目に勉強(4)(1/2 ページ) iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応(1920×1080ピクセル)のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場

    WebページをRetina対応させるテクニック~基礎知識編
    araishi
    araishi 2013/08/30
    cssも最近奥深い
  • enchant.jsでゲームを作る7つの利点と5つの注意点

    enchant.jsとは―― 2Dゲームに特化したHTML5+JavaScriptライブラリ 「enchant.js」とは、ユビキタスエンターテインメント(UEI)が2011年4月にリリースした、HTML5+JavaScriptベースのゲームエンジンです。enchant.jsはオープンソースでGitHubでソースコードを公開しています。ライセンスは、MITライセンス/GPL2のデュアルライセンスです。もともとはプログラミング学習を目的として開発されましたが、現在では世界中で多く利用されているHTML5向けゲームエンジンとなりました(2012年6月UEI調べ)。 実際に活用された事例としては、サントリータウンの会員コンテンツであるFlashミニゲームが、enchant.jsを用いてHTMLJavaScriptに組み直されました。これはiPhoneなどのFlash非対応端末からでも楽しめるよ

    enchant.jsでゲームを作る7つの利点と5つの注意点
  • AndroidでSQLiteのDB操作をするための基礎知識

    AndroidSQLiteDB操作をするための基礎知識:Androidで動く携帯Javaアプリ作成入門(6)(1/3 ページ) 連載で、SDKとEclipseを使ってAndroidの携帯端末で動くJavaアプリを作成し、Android Market配布を目指しましょう Androidのデータベースも、いま流行中の「SQLiteJavaプログラマは、大きく分けると2種類に分類されます。エンタープライズ・サーバサイド系Javaプログラマと、組み込み系Javaプログラマです。 筆者は組み込み系ですが、Javaを始めたきっかけはサーバサイド系(正確には、Javaアプレット)です。サーバサイド系ではデータベースは必須、というよりむしろ最重要のシステムですが、組み込み系ではデータベースを使用することはほとんどありませんでした。ただし、「これまでは」です。 今回はAndroidに標準で組み込ま

    AndroidでSQLiteのDB操作をするための基礎知識
  • JavaScriptでファイル操作!? File APIを使いこなそう

    連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている(例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ)。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。

    JavaScriptでファイル操作!? File APIを使いこなそう
    araishi
    araishi 2011/12/17
  • naveでNode.jsのバージョン管理&イベントループ詳説

    naveでNode.jsのバージョン管理&イベントループ詳説:node.jsでサーバサイドJavaScript開発入門(2)(1/3 ページ) 前回のおわび 前回の「サーバサイドJavaScript命「node.js」の基礎知識」をご覧いただいた皆さま、はてなブックマークやTwitterなどでコメントをいただきました方々、ありがとうございます。話題の「Node.js」ということもあり、はてなブックマークも1000ユーザーを超えました。 私の力不足もあり、いろいろな方から指摘をいただいたので、今回は前回の補足と訂正をします。ご指摘いただきました皆さま、ありがとうございます。非常に勉強になります。 「nave」で簡単! Node.jsのバージョン管理 前回の記事で、Node.jsと「npm(node package manager)」のインストールを説明していますが、以下のような問題があり

    naveでNode.jsのバージョン管理&イベントループ詳説
  • サーバサイドJavaScriptの本命「node.js」の基礎知識

    3/4補足 稿を見ていただいた皆さん、はてなブックマークなどでコメントいただき、ありがとうございます。話題のNode.jsということもあり、はてなブックマークも1000ユーザーを超えました。私の力不足もあり、いろいろな方からご指摘をいただいておりますので、Nodeのインストール方法については、近日中に次回記事で補足・訂正させていただきたいと思います。ご指摘ありがとうございます。非常に勉強になります。 Node.js 0.4をインストールしてみよう 稿では、Ubuntu 10.10に記事執筆時のNode.js 最新版(v0.4.0)をインストールします。 以下のコマンドをターミナルから実行し、Node.jsのソースコードをダウンロードします。

    サーバサイドJavaScriptの本命「node.js」の基礎知識
  • サーバサイドJavaScriptの本命「node.js」の基礎知識

    稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです(例えば、「ログが必要だよね」など)。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様

    サーバサイドJavaScriptの本命「node.js」の基礎知識
  • WebSocketで目指せ“リアルタイムWeb”!第1回 node.jsの衝撃とWebSocketが拓く未来 - @IT

    ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々(我々は自分たちのことをBambinoと呼んでいます)がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。

    WebSocketで目指せ“リアルタイムWeb”!第1回 node.jsの衝撃とWebSocketが拓く未来 - @IT
  • 間違いだらけの「かんたんログイン」実装法

    今回は、そのかんたんログインの問題点について説明します。 「契約者固有ID」を用いるかんたんログイン かんたんログインとは、携帯電話の「契約者固有ID」を用いたログイン手法です。 第1回で説明したように、携帯電話のブラウザのリクエストヘッダには契約者固有IDと呼ばれるIDを付けることができます。契約者固有IDは、携帯電話事業者によって詳細は異なりますが、すべての携帯電話事業者が対応しています。 図1は、NTTドコモの携帯電話がサポートしている契約者固有IDである「iモードID」がサーバに送信される様子です。この情報は、ユーザーがそれと意識することなく送信されます。携帯電話のかんたんログインとは、契約者固有IDのみを用いて認証を行い、ログイン機能を実現することです。 かんたんログインは、ベーシック認証のようにIDとパスワードを管理する必要もなく、Cookieのように対応する端末を考慮する手間

    間違いだらけの「かんたんログイン」実装法
  • OAuth 2.0でWebサービスの利用方法はどう変わるか(1/3)- @IT

    OAuth 2.0で Webサービスの利用方法はどう変わるか ソーシャルAPI活用に必須の“OAuth”の基礎知識 株式会社ビーコンIT 木村篤彦 2011/2/2 TwitterがOAuth 1.0を採用したのを皮切りに、今では多くのサービスがOAuth 1.0に対応しています。国内でも、例えば、マイクロブログ型コラボツール「youRoom」、小規模グループ向けグループウェア「サイボウズLive」、「はてな」のいくつかのサービス、「Yahoo!オークション」、リアルタイムドローツール「Cacoo」などがOAuth 1.0に対応したAPIを公開しています。 ここ数年でOAuthはさまざまなWebサービスのリソースを利用する際の認証方式として普及してきました。これは大きなプレーヤーがサポートしたことも一因ですが、OAuthの持つ以下の2つの特徴によって、「OAuthを使うと、サービスプロバイ

  • 開発者が知って得するAndroid 2.3の新機能18選

    開発者が知って得するAndroid 2.3の新機能18選:Androidで動く携帯Javaアプリ作成入門(22)(1/3 ページ) 2.3が出たら、すぐに3.0が! さらに2.4も!? 今回お届けするのは、先日発表があったAndroid 2.3の新機能に関する概要のまとめです。各社でAndroid 2.3対応端末の発表が相次ぐ中、Android 3.0(コードネーム「Honeycomb」)も発表があり、さらには、Android 2.4(コードネーム「Ice Cream Sandwich」)の噂まで出始めて、今年もAndroidから目が離せませんね。 Android 3.0や2.4も気になりますが、稿では2.3の新機能をテーマごとにまとめて紹介します。 NFCなど新しいセンサのサポートやデバイス周り Android 2.3は、ジャイロスコープ、回転ベクトル、直線加速度、重力、気圧センサを含

    開発者が知って得するAndroid 2.3の新機能18選
    araishi
    araishi 2011/01/28
    アップグレード早いなぁ。
  • @IT Special PR:エンジニアの働き方にはもっと選択肢があっていい

    「デスマーチ」「泥開発」「プログラマ35歳定年説」「やりたいことがやれない」など、とかくネガティブなイメージがつきまとう「システムエンジニア」という職業。一方で、「やりたい仕事年収3500万円を達成できるエンジニア」が存在するのをご存じだろうか。ディー・エヌ・エーシステム統括技術戦略部の能登信晴氏に、同社でのワークスタイルやキャリアパスについて聞いた。 ―― 能登さんは、いまは技術戦略部部長をされているということですが、もともとはエンジニアだったのですね。 最初は、インターネットオークションサイトの「ビッダーズ」を携帯電話に対応する「ポケットビッダーズ」の開発メンバとして、DeNAに入社しました。2004年1月入社なので、もう在籍して6年以上経ちますが、実は途中で「ソリューション事業」という、いわゆる受託開発をやっていた時期もあります。入社時は「DeNAでは、新規事業ができる」とい

  • 月間57億PV、300台のサーバを運用するミツバチワークスが編み出したインフラ技術

    ミツバチワークスのエンジニアは、「月間57億PV」という巨大なトラフィックをさばくため、さまざまな技術を駆使してインフラを構築している。主と副の2立てでデータベースを運用し、300台のサーバを使いながら「負荷の限界」に挑むエンジニアに、技術ノウハウを聞く。 ミツバチワークスが運営するケータイブログサービス「DECOLOG」は、異色のサービスである。10代後半から20代前半の女性に最も人気のあるケータイブログサービスで、「デコメール」などを利用して、かわいくカラフルなブログを作成できる。広告基準を厳しくすることで女性ユーザーにも不安なく使ってもらえるような安心感を作り出し、口コミだけでじわじわとアクセス数を伸ばしてきた。 結果、2010年7月実績で月間57億PV(ページビュー)超、想定800万UU(ユニークユーザー)、会員登録者数180万件と、ケータイブログサイトでは国内最大のサービスとし

    araishi
    araishi 2010/09/06
    ”「ポイントとして、1回トラブルが起きたら、同じトラブルは起きない仕組みを作るようにする。できなければ、すぐ検知可能にする」”
  • 「1人ブレスト」や「タスク管理」ができるEvernoteとは

    Evernoteで1人ブレスト Evernoteを使い始めてから、ネットで読んだ気になる文章、街で見掛けた面白いモノの写真、人との会話の音声など、さまざまなものをメモとして残すようになりました。 残したメモはそのままにせず、電車での移動時など空いた時間に読み返して、そこからいろいろなアイデアを作り出していくような使い方をしています。 私はこれを「Evernote 1人ブレスト」と呼んでいます。ここではその具体的な方法を紹介します。 インプット ネット閲覧中に気になった文章があったら、Evernoteにメモとして追加します。ここではSafariプラグインを使用して、ブラウザ上で右クリックしてメモを追加しています。

    「1人ブレスト」や「タスク管理」ができるEvernoteとは
    araishi
    araishi 2010/05/19