認証システムは作るのはもちろん、維持運用するのも大変です。そこでFacebookやTwitterといったソーシャルサービスを使った認証システムが重宝されます。Monacaアプリにおいてもニーズの多いFacebookログインをデモコードを使って紹介します。 必要なもの Monacaのアカウント Facebookアプリ OpenFB 今回はオプションとしてjQueryも使っています。 Facebookアプリ まず最初にFacebookアプリを登録しましょう。Facebook Developersのサイトで新規アプリを作成します。ここで大事なのはアプリのApp IDになります。 そしてSettingsのAdvancedにおいて、次のように指定します。 Client OAuth Login : YES Web OAuth Login : YES Embedded Browser OAuth Log

TOP  >  Photoshop  >  豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」 さまざまな画像加工処理が可能なPhotoshop。デザインシーンで活躍するソフトですが、機能が豊富なだけに使いこなせていない、表現の幅がどうしても広がっていかないという方は意外に多いのではないでしょうか？そんな中今回紹介するのは、豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」です。 Design a Dark Surreal Urban Scene with Space Brush in Photoshop – PSD Vault いろんな種類のチュートリアルが紹介されており、ほしいデザインイメージに合わせて参考にすることがで

TOP  >  Design  >  幾何学柄をデザインに取り入れる ポリゴンイラストレーションまとめ「25 Creative Polygonal Illustration Freebies」 特に最近、よく見かけるデザインテーマの一つになっている幾何学柄。印象的かつデザイン性のあるグラフィックを作り上げることができる点でも、人気が高い表現の一つです。そんな中今回紹介するのは、ポリゴンイラストレーションまとめ「25 Creative Polygonal Illustration Freebies」です。 Polygonal mountain background Vector | Free Download 幾何学柄をデザインに取り入れるための、フリーで使用できる素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Cybernetic b

TOP  >  Design  >  背景を魅力的に演出してくれる フリーベクターバックグラウンド集「Vector Background Download: 30 Free Backgrounds」 デザインを華やかに彩ってくれるバックグラウンド素材。種類豊富にストックしておけば、いろいろなテーマに対応することができます。今回はそんなときに役立つフリーベクターバックグラウンド集「Vector Background Download: 30 Free Backgrounds」を紹介したいと思います。 Grungy gradient background Vector | Free Download 30種の、ベクター形式バックグラウンドがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Watercolor splashes backgrou

June 29, 2015 05:00 カテゴリApple Store - Special Deals 【期間延長】Apple Online Storeおよび直営店、合計3万円以上の購入が対象の「Appleローン分割金利0%キャンペーン」を2015年7月17日(金)まで開催。 Posted by applebrothers No Comments No Trackbacks mixiチェック 日本の Apple Online Store および Apple Retail Store では、合計30,000円以上（税込）のお買い物で金利がお得になる「Appleローン 分割金利0％キャンペーン」の開催期間を、2015年6月30日（火）までから2015年7月17日（金）まで延長しています。 学生・教職員向けストア（Apple Store for Education）での購入もキャンペーン対象です

TOP  >  Photoshop  >  リアルな質感をデザインに ハイクオリティなテキストエフェクト「30 High Quality Text Effects Photoshop Files」 デザインに欠かすことのできない要素の一つとしてテキストがありますが、ただ平打ちをするだけではどうしても物足りないということもあるのではないでしょうか？そんな中今回は、リアルな質感を表現できる、ハイクオリティなテキストエフェクト「30 High Quality Text Effects Photoshop Files」です。 Psd Wall Poster Text Effect | Photoshop Text Effects | Pixeden インパクトのあるデザイン性が特徴のテキストエフェクトが30種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しく

制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。 リセット用のCSSはこの3種類 レスポンシブ対応の定番フレームワーク Material Designに対応したフレームワーク さまざまなアニメーションが簡単に実装できるCSS かわいいアニメーションを使ったローダー 使いやすいアイコンフォント・Pure CSSのアイコン リセット用のCSSはこの3種類 HTMLの各要素のブラウザごとに異なる差異をなくし、意図した通りに実装できるようスタイルをリセットするスタイルシート。 Reset CSS 2.0 HTMLの各要素のmarginやpadd

読者の皆さんは「Unity」をご存じだろうか。Unityはユニティ・テクノロジーズ社が提供するゲーム開発プラットフォーム。Unityで開発したゲームはデスクトップ（Windows、Mac、Linux）、iOS、Android、コンソールゲーム（PlayStation 3／4／Mobile／Vita、Xbox 360、Wii U）、そしてプラグイン（Unity Web Player）がインストールしてあるWebブラウザーなど、多岐にわたって配布・販売できることが大きな特徴だ。 Unityの開発ツールは、3Dゲーム開発の手軽さとその物理エンジンが有名だが、2Dゲーム開発にも対応している。また、Unityには「アセット」と呼ばれるゲームの部品や素材が用意されており、アセットストアでも入手できる。アセットとしては、3Dモデリングデータからアニメーション、音声、スクリプトまで用意されており、それらを

Home ＞ HTML&CSS講座 ＞ ビデオチュートリアル：ワードプレスのチェリーフレームワーク ビデオチュートリアル：ワードプレスのチェリーフレームワーク 投稿日：2015年04月17日 このチュートリアルではワードプレスのチェリーフレームワークについてを紹介します。 Step1 ： はじめに Step2 ： ワードプレスチェリーのインストール Step3 ： ビデオチュートリアル Step4 ： さらにワードプレスを究めたいですか？ チェリーフレームワークをご存知でしょうか。 このフレームワークに対応したワードプレスのテーマなら、どんなテーマでもたったの15秒でインストールすることができるようになります。 すばらしいですよね。 すでに67万8000人以上の人が私たちのチェリーフレームワークを使って新しいウェブサイトを作成しています。 さぁ、次はあなたの番です。 私たちが作成しているワ

TOP  >  WordPress  >  10種のレスポンシブフリーwordpressテーマ「10 Free Responsive WordPress Themes From 2015」 いろいろなwebサイトで採用されているwordpress。フリーで使用できるテーマは非常にたくさん配布されており、便利に利用できるようになっています。そんな中今回は、10種のレスポンシブフリーwordpressテーマ「10 Free Responsive WordPress Themes From 2015」を紹介したいと思います。 WordPress › Constructzine Lite « Free WordPress Themes パソコンはもちろん、スマートフォンやタブレットにも対応することが当たり前の現代に必須のレスポンシブ対応テーマが紹介されています。 詳しくは以下 WordPress

今年の確定申告はfreeeのおかげであっという間に片付いたのですが、使い方にも慣れたので毎月のクレジットカードの明細をすぐに入力したり、レシートを片っ端からファイルボックスにいれて自動経理をさせたりと、来年は今年以上に楽になりそうです。 そのfreeeからリリースが届いていて、この便利なファイルボックス機能がEvernote Scannableと連携したというニュースがありました。 Scannableといえば、書類にかざすだけでどんどんとスキャンしてくれるアプリとして中の人も驚くほどの大成功を果たしているアプリですが、それがfreeeと連携というのは最強の組み合わせでは！と期待が高まります。 ただ、実際に使ってみるとちょっと落とし穴がありましたのでまとめておきましょう。### 連携…ってどこに？ リリースでは「Scannableと連携」と軽く触れられているだけですので、自明なのかと思ってい

フリーで配布されているアイコンには非常にさまざまな種類が存在しており、デザインやテーマもバリエーション豊富。いろいろな種類をストックされている方も多いかと思います。そんな中今回紹介するのは、カラフルなフリーフラットアイコンが300個揃った「300+ Free Flat Color Icons」です。 約300個という豊富な種類がセットになっているのが嬉しい、フラットテイストな賑やかなカラーのアイコンがダウンロードできるようになっています。 詳しくは以下 比較的、ビジネスシーンで活用できるタイプのアイコンが揃っており、さらにその中でも、いろいろな向きの矢印、各種デバイス、電池マーク、ホーム、ゴミ箱、フェイスアイコン、グラフ、カレンダー、カメラなど、細かな使用シーンを想定した種類展開が魅力的。カラフルではありますが奇抜さはないため、ポップなテイストから、シンプルなデザインまで幅広いデザインシー

Googleウェブマスターツールの使い方やそれぞれのデータの見方をはじめ、検索の仕組み、Googleの新アルゴリズム、今必要とされているHTMLの効果的なマークアップ方法、スマホ対応、ユーザビリティやパフォーマンス改善など、ツールの使い方を通じて上位表示のための知識が身につくオススメの本を紹介します。 アナリティクスでは分からないGoogleBotの動きをウェブマスターツールで検証しましょう。

デザイン制作の参考資料・素材として活用できるコンテンツツール「9 Awesome Free Tools To Make Unique Creative Content」 インターネット上にはさまざまな種類の素材が配布されていますが、決められたテーマだけでなく、いろんなパターンから選択したい時も時にはあるのではないでしょうか？そんな中今回紹介するのは、デザイン制作の参考資料・素材として活用できるコンテンツツール「9 Awesome Free Tools To Make Unique Creative Content」です。 Templates | Piktochart デザイン制作をする時に活用すれば、よりクオリティの高い制作物を完成させることができそうな便利なツールが紹介されています。 詳しくは以下 Recite.com – Create beautiful visual quotes a

TOP  >  Design  >  メールでの情報通知をより効果的にしてくれるフリーテンプレート集「15+ Awesome Free Email Templates to Download」 メールマガジンなどでユーザーにさまざまな情報が飛び交う現代。最適な情報をより的確に見やすく。そして目に留まるようにするためには、情報内容も重要ですが、メッセージのデザイン性も重要になってくるのではないでしょうか？そんな中今回紹介するのは、メールでの情報通知をより効果的にしてくれるフリーテンプレート集「15+ Awesome Free Email Templates to Download」です。 デザイン性の高いメールテンプレートがまとめられており、実際にメールマガジンを手がけている方にとっては非常に参考になる内容となっています。 詳しくは以下 Gusto: Free PSD Email Templ

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！ もちろん個人でも商用でも無料で利用できます。 今回は、アブストラクトな光の軌跡を描いた高品質なベクター素材です！ .psdは見かけますが、.aiや.epsが揃ったベクター素材はなかなか珍しいと思います。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在70,000個以上のアイコンが無料で利用できます。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初！今回

個人ブログでも企業サイトでも新しいサービスを立ち上げる時に重要なのは、ロゴのデザインです。ロゴの作成は、デザインセンスがある人には簡単な作業でも、デザインが苦手な人にとっては悪夢かもしれません。 ロゴのデザインやカラーやフォントを難しいと感じる人は、ぜひこの記事を参考にしてください。ロゴのデザインにとても役立つ23のサイトをご紹介します。 ロゴ・ジェネレーター（ロゴ作成ツール） カラーを選ぶためのツール ロゴ用の無料アイコンがダウンロードできるサイト ロゴ用の無料フォントがダウンロードできるサイト ロゴのアイデアがもらえる情報源 ロゴ・ジェネレーター（ロゴ作成ツール） ロゴ・ジェネレーターはロゴ作成のための一番簡単な手段です。以下のサイトを使えば手早くロゴが作成できます。無料や低価格で利用できるので費用の節約にもなります。 それでは、一つずつご紹介します！ Logaster 会社名と業種を

デザイナー必見 いろいろな種類の最新フリー素材をピックアップしたまとめ「50 Free Resources for Web Designers from March 2015」 インターネット上には膨大な数の素材が存在しており、時にどこから探して良いのか迷ってしまうこともあるのではないでしょうか？そんな時参考にしたい、いろいろな種類の最新フリー素材をピックアップしたまとめ「50 Free Resources for Web Designers from March 2015」を紹介したいと思います。 Dribbble – Free SVG Device Templates by Max Burnside アイコンやフォント、ブラシ、テンプレートなど、多彩な種類の素材が厳選され、1つの記事にまとめられています。 詳しくは以下 Dribbble – Free Brushes! (v2) by

TOP  >  Font  >  ベーシックなテイストが豊富 デザインフリーフォント17種「17 Super Free Fonts for Designers」 フォント選びが非常に重要となってくるデザイン。いろいろ取り入れている方も多いと思いますが、どうもしっくりくるものがない時もあるのではないでしょうか？そんな時に参考にしたいデザインフリーフォント17種「17 Super Free Fonts for Designers」を今回は紹介したいと思います。 Muller font | Fontfabric™ ベーシックなテイストが豊富な17種の厳選されたフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Antonio Rodrigues Jr: Graphic Design, Illustration, and then some…

TOP  >  WordPress  >  24種の最新レスポンスwordpressテーマ集「24 Free Responsive WordPress Themes for April 2015」 非常に多くのwebサイトに利用されているwordpress。フリーで配布されているテーマにも豊富な種類が存在しています。そんな中今回紹介するのは、24種の最新レスポンスwordpressテーマ集「24 Free Responsive WordPress Themes for April 2015」です。 Flato | ThemeMeme PC版だけでなく、スマートフォンやタブレットにも対応させるのが当たり前の現代に最適なテーマが揃っています。 詳しくは以下 News WordPress Theme ニュースサイトなどに最適なwordpressテーマ。固すぎないデザイン性が魅力。読みやすさもポイ