「Google丸投げ」でiOSアプリ開発が恐ろしくラクになる！Firebaseの使い方
Googleが運営するFirebaseを使えば、面倒なサーバーの処理は任せて、クライアント側の開発に集中できます。サンプルアプリを例に、基本的な使い方を体験してみましょう。 Firebaseは、アプリを素早く開発しデプロイできるようにするための「Backend as a Service（BaaS）」プラットホームです。Firebaseは多くの機能を提供しています。リアルタイムデータベース、ユーザー認証（Eメールとパスワード、Facebook、Twitter、GitHub、Googleアカウントを使用できる）、クラウドメッセージング、ストレージ、ホスティング、リモートコンフィギュレーション、Test Lab、クラッシュレポート、通知、アプリのインデックス付け、ダイナミックリンク、招待、AdWordsとAdMobなどが含まれています。 この記事ではシンプルなToDoアプリを作成しながら、Fir
フロントエンドエンジニアなら知っておきたい、JavaScriptのログ収集方法まとめ
サーバーサイドに比べて見落とされがちな、フロントエンドのエラーログ収集。JavaScriptのログ収集、確認に役立つ手法、ツール、ライブラリーを総まとめ。 開発進行中も本番モードでの運用時も、ソフトウェアアプリケーションにおいてロギングは大切です。 サーバーを運用しているなら、サーバーサイドの言語選択にかかわりなく無数のライブラリーを利用でき、広範に及ぶストレージメカニズムやログ出力を扱う際の各種ツールも使えます。 しかし、クライアント側アプリケーションとなるとロギングは見過ごされがちで、利用できる手法もかなり限られています。 この記事ではクライアント側アプリケーション、特にJavaScriptを中心としたシングルページアプリケーション（SPA）におけるロギングの実装方法を紹介します。 コンソール エラーとメッセージのロギング方法でもっとも一般的かつ分かりやすいのは、おそらくコンソールの使
フロントエンドエンジニアが絶対読んでおきたいJavaScript最新記事ベスト10
変化の早いフロントエンド界隈でいま押さえておきたい、最新のJavaScript関連記事をKADOKAWAが運営するオンラインメディア「WPJ」からアクセス人気順に紹介します。
さくらインターネット、超高速WordPress環境「KUSANAGI」を「さくらのVPS」で実行可能に
さくらインターネットは10月31日、プライム・ストラテジーが開発した超高速WordPress仮想マシン「KUSANAGI（くさなぎ）」を「さくらのVPS」で実行できる「KUSANAGI for さくらのVPS」の提供を開始した。 KUSANAGIは、WordPressを高速に動作させるための仮想マシンおよびそのイメージ。WordPressの実行時間3ミリ秒台、秒間1000リクエストをページキャッシュ非使用で実現するという。 KUSANAGI for さくらのVPSでは、さくらのVPSのコントロールパネルから、「CentOS 7（64bit）」上に「KUSANAGI」がインストールされたサーバーを簡単に作成可能だとしている。追加料金不要で導入可能なため、企業のウェブサイトはもちろんのこと、個人のブログにおいても、より快適にWordPress環境を利用できるという。
JavaScriptエンジニアなら知ってるよね？ エラー処理のいい書き方、悪い書き方
JavaScriptのエラー処理、ちゃんと書いていますか？ エラーを無視せず、どこに問題があるのか、きちんと確認できるコードの書き方をデモで紹介。 この記事はTim SeverienとMoritz Krögerが査読を担当しています。最良の記事を提供することができ、SitePointの査読担当者の皆さんに感謝します。 JavaScriptのエラー処理には危険が潜んでことを知っていますか？ もしマーフィーの法則を信頼しているとしたら、不具合が生じる可能性が本当に高いです！ この記事では、JavaScriptのエラー処理について考え、その落とし穴から便利な実践例までを説明します。さらに最後には、非同期コードとAjaxにも触れます。 JavaScriptはイベント駆動型プログラムで、プログラミングをより豊かなものにしてくれます。ブラウザーをイベント駆動型プログラムと考えると、発生するエラーは同一
iPad版Swift Playgroundsはダウンロードしないと損 (1/4)
ASCII倶楽部にて毎週月曜日に更新中の連載「Swift Playgroundsで学ぶiOSプログラミング」。 通常、倶楽部会員の方だけに公開している連載ですが、今回に限りすべての読者のみなさまがご覧いただけます。 早いもので、iOS 10が登場してから約1カ月が経ちました。iOS 10とともに一般公開され、App Storeから無料ダウンロード可能になったSwiftプログラミング学習アプリ「Swift Playgrounds」は、もう試されたでしょうか。プログラミングに興味がある、これからプログラミングを学びたい、プログラミング経験はあるがSwiftとはどういう言語か知りたい、そのうちiOSやMacのアプリ開発にも挑戦したい、といった人は迷わずこのSwift Playgroundsを試してみましょう。 ちょっと残念なのは利用できるデバイス、条件がやや厳しいということです。まずiOSは10
「いらすとや」だけじゃない！ Webデザインで使える無料イラスト素材サイト11選
「え？こんなものまで？」と驚くほどたくさん、それも親しみやすいタッチで統一されたイラストが揃うフリー素材サイト「いらすとや」が大人気。「日本が「いらすとや」だらけになってる」「イラストレーターの仕事を奪っているのでは？」との声が上がるほど、あちこちで使われています。 実際、「いらすとや」はWebデザインでも使い勝手がよく、とても便利。でも、案件によっては「競合サイトとイラストがかぶってしまう」「別のタッチのイラストが使いたい」といったこともありますよね。そこで、使い勝手のいいイラスト素材サイトを厳選して、各サイトの特徴をまとめてみました。 なお、商用利用可能なサイトの場合でも、グッズや再配布、販売目的での利用は禁止されていることがほとんどです。必ず各サイトの利用規約を確認してください。 「いらすとや」の作者が運営するゆるかわサイト『いらすとん』 http://www.irasuton.co
Bootstrapの代わりになるか？超軽量CSSフレームワーク「Spectre」を試してみた
あまりにも定番化しているので「とりあえずBootstrapで」というプロジェクトが多いと思いますが、シングルページのようなシンプルな案件ならもっとライトなフレームワークでもいいかもしれません。 フレームワークはプロジェクトの開発時間を大幅に短縮します。Bootstrapなどのフレームワークはとても人気があり、たくさんの機能を提供していますが、プロジェクトにはそこまで必要ない場合があります。この記事では、Spectreという新しいフレームワークに焦点をあてます。Spectreは軽くて、モダン、レスポンシブ、モバイルフレンドリーです。縮小化およびgzip圧縮された状態でのファイルサイズは約6.8キロバイトです。基本的なグリッドシステムのほか、タブ、モーダル、カードなど、有用でさまざまな構成要素もたくさんあります。 記事ではSpectreの概要を説明したあと、使い始めるのに役立つ簡単な解説をしま
便利すぎてしびれた！あなたが知らないCSS関数トリック8選
どんどん進化するCSSの中でも、意外と知られていないのがCSS関数。アイデア次第で実用的で応用の効くCSS関数を、もっと使ってみませんか？ CSSはWeb開発者が思っているよりもっとたくさんの可能性を持っています。スタイルシート言語は年々大きく進化を続け、JavaScriptなしでもブラウザーでさまざまな機能をさせるまでになっています。この記事では、JavaScriptをまったく使わない8つのCSS関数の賢いトリックに注目します。 1.軽量CSSツールチップ たくさんのWebサイトがツールチップを実装するのにまだJavaScriptを使っていますが、実はCSSのほうが簡単です。一番シンプルなのはツールチップテキストをHTMLコード内のデータ属性に記述する方法です（例：data-tooltip="…"）。このマークアップを使って、次のコードをCSSに記述すれば、attr()関数に与えられた値
セミコロンは省略？人気スタイルガイドに学ぶJavaScriptのコーディング規則
インデントにタブとスペースのどちらを使うのがいい？ JavaScriptにセミコロンは付けるべき？ JavaScript Standard Styleを使えばそんな論争にけりがつくかもしれません。 最近、注目を集めている@ferossのJavaScriptスタイルガイド、JavaScript Standard Styleを紹介します。チーム内での開発が円滑になり、プログラミングがより楽しくなります。 JavaScriptスタイルガイドのコーディング規約は、タブとスペースのどちらが良いかといった不毛な議論を無くし、コードに一貫性を持たせてくれます。JSLintやJSHint、ESLintといったLinterで使用できる多くのスタイルガイドのうちの1つです。 もしLinterが分からなければ、SitePointの記事『A Comparison of JavaScript Linting Too
Ruby超入門（前編）
こんにちは。 この連載では、ちょっと変わったRuby入門を書いていきます。 想定読者は、Rubyを学びたいプログラミング初心者です。 Ruby以外の言語でプログラミングしたことがあると理解がはかどると思いますが、 Rubyを知らなくてもわかるように、なるべく丁寧に説明していくつもりです。 Rubyをある程度知っている読者には、最初の数回は退屈かもしれませんが、 回を重ねていくにつれ、より深くRubyを知ることができるはずです。 Rubyとは？ Rubyは「プログラミング言語」です。 プログラミング言語とは、コンピュータにやらせたい仕事を書くための言語です。 つまり、Rubyを覚えて、Rubyでコンピュータへの指示を書けば、 コンピュータはその指示を実行してくれます。 この指示書のことを「プログラム」と言い、特にRubyで書かれたプログラムを「Rubyプログラム」と言います。 ところで、Ru
もう迷わない！HTML5のもっとも基本的なテンプレートはこれだ！（2016年版）
HTMLを書くときのベースとなる「書き出し」。いまどきはエディターにプリセットされていますし、ネットにも山ほど転がっていますが、どうせならきちんと意味を理解して、自分だけのテンプレートを作っておくとカッコいい。 HTML5を習得していくうちに、HTML5のテクニックをまとめて使ったひな型を作っておきたいと考えることでしょう。もちろんお勧めしますし、開始点として便利な、オンラインソースの使用も検討してみるもいいでしょう（もっと詳しく知りたい場合は、html5boilerplate.comやhttps://github.com/murtaugh/HTML5-Resetも参照してください）。 ただし今回は、構築内容も含め、コードを一から説明していきます。なぜならHTML5とCSS3を使ったサイトやWebアプリを作る際、使えるオプションに詳しくなれるし、この記事をテクニックの手引きとして参照しやす
WordPressコアコントリビューターに聞く「ぼくのかんがえた最強の開発環境」
WordPressで開発をするなら、いまどきどんなツールを使うのがいい？ WordPress専門のデベロッパーであり、コアコントリビューターでもあるMatt Geriさんがおすすめるする、最高の開発環境とは？ 近年、WordPressによる開発は大きな進展を遂げています。特に、ツールに関しては。以前は、WordPressでサイトを構築しようものなら、ほぼ確実にMAMP/WAMPのローカルホスティングの設定をしなければならず、それはもう悩みの種でしたよね。ひょっとしたら、本番の状態でサイトの開発を進めなければならなかったりしました。 そう、私もその一人でした。 幸い、時代は変わり、いまではそんな頭痛の種や反復作業を取り除くツールが出てきました。 WordPress開発業者としてフルタイムで開発をしていた私は、WordPressから離れて丸3年後の2015年12月、再びフルタイムのWordPr
Qiitaの及川氏が考えるエンジニアの成長に必要なアウトプット
8月10日に行なわれたオラクルのIoT勉強会の後半、Qiitaのプロダクトマネージャーを務める及川卓也氏が登壇。Qiitaのサービス概要を紹介すると共に、なぜQiitaがエンジニアに資するサービスなのか、エンジニアの成長にまつわる持論と共に解説した。 開発者のモチベーションを高められる「Qiita」 「DEC時代はデータベースで競合していたし、マイクロソフトはSQL Serverでオラクルとバチバチやってた。グーグルなら関係ないかと思いきや、数年前から裁判し始めてしまった（笑）。そんな私がオラクルのこういう場所に立てて、とても光栄」と語り、会場を沸かす及川氏。「ソフトウェア開発を良くすることで 世界の進化を加速させる」というミッションに心動かされた及川氏は、昨年末にIncrementsにジョインし、現在は同社のプロダクトマネージャーとしてQiitaの開発プロジェクトを統括している。 Inc
Webデザイナーの仕事が広がる！ElectronとReactでデスクトップアプリ開発
WebデザインとJavaScriptの技術があれば、デスクトップアプリも自在に作れる時代です。ElectronとReactを使って、SoundCloudの音楽を自由に再生できるデスクトップアプリを作ってみました。 本記事はMark Brown、Dan Prince、Bruno Motaが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感謝します。 GitHubが開発したElectronは、Webデザインのスキルを存分に活用し、クロスプラットホームで軽快に動くデスクトップアプリを作成できます。この記事では、ElectronをReact、ES6、SoundCloud APIと組み合わせて、デスクトップでお気に入りの曲を流せるスタイリッシュな音楽ストリーミングアプリを作る方法を紹介します。また、この音楽ストリーミングアプリをパッケージ
jQueryの次に学びたい！D3.jsはWebデザイナーの最高の武器になる
え、「D3ってグラフ描くライブラリーでしょ？」ですって？ それだけではありません。あらゆるデータを魅力的に見せる「データビジュアライゼーション」は、Webデザイナーの表現の幅をさらに広げてくれそうです。 本記事はMichaela Lehr、Tim Severienが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感謝します。 D3.jsはデータに基づいてドキュメントを操作するJavaScriptライブラリです。D3.jsはHTML、SVG、CSSを使ってデータを活用します。 私がおすすめする、Web制作者が学ぶべきJavaScriptライブラリーは、jQuery、Underscore.js、そしてD3.jsの3つだけです。この3つのライブラリーは、新しい方法でコードを考えることができます。jQueryを使うと少ないコードでDOM
エンジニアのデザインが10倍よくなる！「余白恐怖症」を克服する方法とは？
せっかく最高のアプリを作ったのに、デザインがイマイチイケてない。ちょっと気をつけるだけでデザインのクオリティが一気にアップする、余白恐怖症解消のすすめ。 記事を読む前に「ローワン・アトキンソン：地獄へようこそ」を1分ほどご覧ください。 なにに気づきましたか？ 多くの場合、ローワン・アトキンソンの素晴らしい機転のきいた言動に注目しますが、観客が笑うための無言の時間を取っていることには気づきましたか？ これは笑いの間と呼ばれ、コメディアンが成功するために身につける重要なスキルの1つです。 合間に無言の時間がないローワン・アトキンソンのパフォーマンスを想像してみてください。無言であることがそれぞれのジョークを成功させる鍵であるため、無言の時間がないとそこまで面白くなくなってしまいます。重要な意味を持った無言です。 音楽でも同じ状況があります。とはいえ、完全に無音というよりは、徐々に音が大きくなる
Slackだけじゃなかった！働き方を劇的に変える海外製7つのツール
エンジニアやデザイナーの働き方を大きく変えた「Slack」。海外に目を向けるとほかにも生産性アップに役立ちそうなツールがたくさん。 リモートで働くとき、チームを機能させるのもダメにするのもツール次第です。適切なツールを選ばないとチームメンバー間に摩擦を生み、ツールを使いこなせない人が孤立を感じてしまいます。リモートチームは物理的な距離が離れているので、協力して仕事を進めようとする努力をしなければなりません。それをツールが阻害してしまうと、精神的に孤立したメンバーが生まれてしまうのです。 そこで、リモートチームをうまくワークさせるツールを7つ紹介します。 1. Agreedoでムダすぎる会議を生産的に 会議は時間を多く使うわりに結果が出ないことが多いものです。なぜなら事前に明確な議題を設定せず、決定事項の記録もしていないからです。Agreedoは両方の問題を解決します。参加者の考えていること
全部知ってる？今後のサイト制作で押さえたいCSSの最新プロパティ9選
CSSの登場から20年。この間、CSSはものすごく進化していました。「それって昔のやり方ですね」なんて言われないように、今後のサイト制作でチェックしておきたい最新のプロパティ（と関数）が学べる記事を9つ、厳選して紹介します。まだまだドラフト段階の仕様もありますので、各自記事の解説をチェックしてください。 1.グリッドレイアウトが捗るGrid Layout Module 『CSSレイアウトの常識が変わる！Grid Layout Moduleが胸アツ』（WPJ） CSSのレイアウトといえば、伝統的にはfloatプロパティ、最近ではFlexboxをよく使いますよね。仕様策定中の「Grid Layout Module」なら、もっと効率が上がりそうです。 2.テキストの回り込みが簡単に！ CSS Shapesプロパティ 『CSS Shapesでテキストを回り込ませるレイアウトを表現』（Webクリエイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
便利すぎィ！iPhoneで使えるUSBメモリーおすすめ1選
