RailsでSNS認証機能を実装しよう～定番gem「OmniAuth」活用法
前回までは、deviseを用いることで、Railsチュートリアルなどの実装に比べて、ほとんどプロダクトのコードを記述することなくユーザー認証機能を追加できることを体験しました。今回は、SNS認証で定番のgemであるOmniAuthを使ってFacebook／Twitter認証機能を実装します。 OmniAuthの概要 OmniAuthは、複数の外部サービスのアカウント情報を使ってユーザー登録やログインを提供します。OmniAuthはサービスごとにストラテジー（Strategies）を管理する、いわば元締めのgemです。OmniAuthのストラテジーとは、外部サービスごとにOAuth認証に必要な処理が記述されており、Rackミドルウェアとして提供されます。 サービスごとのストラテジーは、 omniauth-［外部サービス名］のような名称のgemとして本体とは別のgemで提供されています。例えば
開発者が知っておきたいSQLの実行モデル～アプリからデータベースへのアクセスを高速化するには？
データベースのデータ・モデルは解決したい問題に合わせて使い分けることができ、昨今ではドキュメントやグラフなどのリレーショナル以外のモデルも注目されています。また、トランザクション系が生成した大量のデータをリアルタイムで分析するというような、性質の異なるワークロードを扱うことも求められています。これら性質の異なるデータ・モデルやワークロードを扱うにはどのような実装が必要でしょうか。この連載では、開発者の皆様がシステム・アーキテクチャやアプリケーション・コードをより洗練させるのに役立つデータベース・マネジメント・システム（DBMS）の基本を振り返り、実装に合った技術の組み合わせを解説します。 第1回はデータベースにアクセスするAPIで最も広く使われているSQLという言語の実行モデルを再確認します。なぜこの言語がリレーショナル・モデルのみならず他のデータ・モデルに対しての操作にも使われるようにな
「キャリア戦略」はなぜ必要？ U30CTO松本勇気氏が同世代に語る、エンジニアキャリアの考え方【Developers Boost】
12月15日、翔泳社主催の若手エンジニア向けカンファレンス「Developers Boost（デブスト）～U30エンジニアの登竜門～」が開催された。企業の中核を担う30歳以下（U30）の若手エンジニアたちが登壇。その知識やノウハウを惜しみなく公開した。基調講演では、2018年9月にDMM.comのCTOに就任したばかりの松本勇気氏が登壇。自身の歩んできたキャリアや技術哲学などをベースに、「U30の皆さんに贈る最速キャリア戦略」を語った。 講演資料：U30のための最速キャリア戦略 合同会社DMM.com CTO 松本勇気氏 キャリア戦略は、働くうえでの道しるべになる セッション序盤では、CTOの職務そのものについての解説がなされた。 CTOの業務領域は非常に幅広い。開発方針の決定や人事的な意思決定、広報活動、マーケティングサポート、経営企画、業務効率化やセキュリティ対策、マネジメント、新技術
プロダクトマネジメントの罠「ビルドトラップ」とは？ アジャイルや組織改革の専門家、吉羽龍太郎氏が解説
大事なのはアウトプットではなく、アウトカムとインパクト 吉羽氏はアジャイル開発やDevOps、クラウドコンピューティング、インフラ構築自動化、組織改革を中心にオンサイトでのコンサルティングやトレーニングを提供する専門家。吉羽氏がCTOを務めるアトラクタも同様のサービスを提供している。また吉羽氏は青山大学では非常勤講師としても勤務。『SCRUM BOOT CAMP THE BOOK』（翔泳社）をはじめ、専門領域に関する著書も数多く手がけている。 吉羽龍太郎氏 セッションはまず「アウトプットとは何か」という問いかけから始まった。「アウトプットに似た言葉として、アウトカムやインパクトといった言葉がある。まずこれらの関係性を整理したい」と吉羽氏。 アウトプットは「人や機械、組織が作ったものの『かたまり』や『量』を示すもの」。プロダクト開発におけるアウトプットとは、リリースしたプロダクトの機能やこな
Next.jsのサーバーサイドレンダリングで、シングルページアプリケーションの課題を解消 (1/3)：CodeZine（コードジン）
シンプルに構成されたシングルページアプリケーションでは、サーバーはファイルを配信するだけで、画面を組み上げるための処理はブラウザ側で行われます。この方式におけるいくつかのデメリットを埋めるために考案されたのが、ある程度の画面構築をサーバー側で行う、サーバーサイドレンダリングです。今回は、サーバーサイドレンダリングの概要と、実際に使う場合のフレームワークの解説を行います。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方 前提環境 筆者の検証環境は以下の通りです。 macOS High Sierra 10.13.3 Node.js v10.4.1／npm 6.1.0 React 16.5.1 firebase-tools 4.2.1 create-next-app 0.5.9 Next.js 6.1.2 Babel 7.0.0
ソフトウェア開発の「品質vs.スピード」、本当は何を犠牲にしているのか【デブサミ2020】
デブサミ2020の1日目、「質とスピード」というセッションが人気を集めた。2019年10月に開催されたEngineering Organization Festival 2019で評価の高かったセッションをアップデートして再演したものだ。登壇したのは、テスト駆動開発者として有名な、タワーズ・クエストの和田卓人氏。ライオンのアスキーアートといっしょに紹介されることが多いという。プロジェクトマネジメントにはQCD（Quality：品質、Cost：コスト、Delivery：納期）という概念があり、トレードオフの関係になると言われている。確かに開発の現場でも、「いまは大事な時期だから、品質を犠牲にしてスピードを優先しよう」といった判断が行われることは少なくない。しかし、和田氏は、ソフトウェア開発の文脈において、逆の効果をもたらすことを、多くの資料を引用して再構築してみせた。 タワーズ・クエスト株式
プロダクトマネージャーとは何か？ 執筆中のPMの解説書から先出し連載開始
ProductZine Day＆オンラインセミナーは、プロダクト開発にフォーカスし、最新情報をお届けしているWebメディア「ProductZine（プロダクトジン）」が主催する読者向けイベントです。現場の最前線で活躍されているゲストの方をお招きし、日々のプロダクト開発のヒントとなるような内容を、講演とディスカッションを通してお伝えしていきます。
React Nativeとは何か？ 基本の仕組みと使いどころを理解する
WebブラウザとAndroid、iOSが、アプリの動作環境としてそれぞれ市民権を得た現代では、サービスを1つ作るだけでも、各プラットフォームに対してアプリを提供することが当たり前のように求められます。本連載では、この問題に立ち向かうため、ReactとJavaScriptによるWebアプリケーション開発に近いお作法でAndroidやiOSのアプリ開発ができるツール「React Native」を紹介します。まずは、React Nativeというツールがどういった仕組みで動いているのか、また、どういった分野に向いているのかを解説します。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者 Androidアプリ開発の経験者 iOSアプリ開発の経験者 前提環境 本記事の内容は、React Native v0.57.4の実
ExpoではじめるReact Native開発環境の構築
対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者 Androidアプリ開発の経験者 iOSアプリ開発の経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Mojave 10.14.2 Node.js 11.7.0／npm 6.5.0 expo-cli 2.6.14 Node.js環境が準備できていない方は別途インストールしてください。Mac環境であればnvmやnodebrew、Windows環境であればnvm-windows等のバージョン管理ツールの利用をおすすめします。 React Nativeでできること 前回の記事では、React Nativeがブラウザの方法論でUIを実装しつつも、UI以外の構造としてはモバイルアプリに近いものであると説明しました。では、実際にJavaScriptで利用でき
JavaScriptで動かせるマイコンボード「Tessel 2」でLチカに挑戦しよう！
対象読者 IoTに興味があり、JavaScriptの基本的な知識がある方を対象とします。 はじめに 今回は、ワンボードマイコンTessel 2の開発環境の構築と、LEDを光らせる（いわゆるLチカ）ところまでを紹介します。 IoTとTessel 2 IoTとは、もはや説明するまでもありませんが、Internet of Things（モノのインターネット）の略称で、PCなどに限らず、あらゆる「モノ」がインターネットにつながり、相互に制御する仕組みのことです。この概念自体は、特に新しいというわけではないものの、最近大きな注目を集めています。 ハードウェア（デバイス）が超小型で高性能になり、デバイス上での処理やプログラム開発の制限がなくなってきたことも、IoTブームのひとつの要因でしょう。特に、Raspbbery Piというシングルボードコンピュータが、火付け役になったことは間違いありません。シン
「金融サービスの開発期間はたったの1か月」ビットコインプログラマーに聞く、政府も後押しする新通貨の今｜CodeZine×サイボウズ式
ビットコインは、2009年から運用が開始された仮想通貨。サトシ・ナカモトと名乗る人物が2009年に発表した論文「Bitcoin：A Peer-to-Peer Electronic Cash. System」に基づいて実装された。2014年2月、世界最大のビットコイン取引所であったマウントゴックスが、ハッキングにより巨額のビットコインを消失し、経営破綻したことが大きく報じられた。 ビットコインの基礎については、和田さんが発表した下記のスライドが分かりやすい。 和田晃一良（わだ・こういちろう）さん 累計100万部「ビリギャル」を産んだSTORYS.JP、ならびにビットコイン取引所coincheckの全開発を担当。小学生時代からプログラムを学び、大学3年の時にクックパッド主催ハッカソンで優勝。また、同時期に開発した就活対策AndroidアプリSPITrainigは10 万ダウンロードされる。20
Swiftから透けて見えるAppleのコンパイラ技術
本連載は、はてなエンジニアが、はてなのサービスを支えている技術や日頃注目している技術について解説するものです。Appleは毎年WWDCでいくつもの新規技術を発表していますが、筆者はその中でもObjective-Cの進化に特に注目していました。新たに追加されるAPIやサービスの前では、Objective-Cの進化はあまり注目されてきませんでしたが、実はここ数年の間も進化し続けていました。これにはAppleがコンパイラ技術にコミットしてきたことが大きく影響しています。今回は、Appleのコンパイラ関連技術を振り返り、Swiftにどう繋がるのかを解説します。 はじめに SwiftはAppleによって開発された全く新しいプログラミング言語です。WWDC 2014で稲妻のように現れたこのプログラミング言語は、またたく間に世界中のモバイルアプリ開発者の注目を集めました。 Swiftは衝撃的な登場だった
Babelで学ぶECMAScript6（入門編）
ECMAScript 6とは ECMAScriptとはJavaScriptの言語仕様の名称で、各ブラウザベンダーではこの仕様を元にJavaScriptランタイムへ実装を行っています。 2015年4月現在、策定済みの最新バージョンは5（ES5）ですが、次期バージョンとして仕様策定が進められているものがES 6（コードネーム：harmony）です。 2015年4月14日に最終草案（Rev38 Final Draft）がリリースされました。順調に進めば2015年6月頃には策定が完了して、ECMAScriptの正式な標準仕様として公開される見通しとなっています。 April 14, 2015 Rev 38 Final Draft ES6では構文の追加など非常に多くの言語仕様が改善されています。 今からES6で開発するには すでにES6の一部の機能はChromeやFirefoxで実装されていものも存
新プログラミング言語「Swift」の型と制御構文
Swiftの特徴 Swiftを発表翌日にいじり倒してみたところ、次のような印象を受けました。 不変型を扱いやすくすることで、プログラマにプログラムの状態を排するように導いている 型のチェックが厳密になったことで、プログラムがランタイムエラーを起こす可能性が少なくなっている 関数型言語の性質を積極的に取り入れている この新言語に触れた人は、それぞれ違った印象を抱かれることでしょう。Swift言語の作者によれば、Objective-C, Rust, Haskell, Ruby, Python, C#, CLUなどから影響を受けているとのことですが、「あの言語にそっくりだ」「この言語にそっくりだ」という印象は、その人が深く知っている言語によって変わってくるのでしょう。 本稿では、iPhone/iPadやMacのアプリケーション開発で使われてきたObjective-Cと比較しつつ、この新言語の特徴
楽々ERDレッスン 第1回：「お持ち帰りご注文用紙」編
はじめに システム構築においてデータベース設計は不可欠です。そこで多くの方がデータベースの設計技法について書籍で学んだりするのですが、なかなか身についたと感じられないことも多いのではないかと感じます。 その理由は、実務で任せられる機会というのが少ないからというのが大きなものとして挙げられます。データベース設計というのは、やはり重要な箇所ですから自然と経験のある人に任せられることが多いのが実態です。しかもデータベース設計を担当するのはプロジェクト全体の中でもごく少数だけになりますから、なかなかチャンスが巡ってきません。 しかし、それを嘆いているばかりではスキルが身につかないのも道理です。そこで身近にあるものを何でも手当たり次第にデータベース設計のネタにしてしまうことで、コツコツと地力をつけていこうというのがこのシリーズの主旨です。 合言葉は、「表組みを見たらERDを描け！」 。では、張り切っ
スマートフォン向けWebサイトの表示速度 高速化手法
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デブサミ2019、講演関連資料まとめ
業務で楽するためのUNIXテクニック集 まずはおさらい、シェル制御構造と正規表現の基礎：CodeZine
まずは「gulp」を動かしてみよう！ ～セットアップとはじめてのタスク実行
「浮動小数点数」 ～マンガでプログラミング用語解説
