[2011.09.28 追記]Facebookページ活用！iframe版welcomeタブを作成する方法 | サイブリッジラボブログ
TOP > OnlineService > facebook > [2011.09.28 追記]Facebookページ活用！iframe版welcomeタブを作成する方法 2011年10月1日施行のSSL認証義務化にともない、追記をしました。 [追記あり]iframe読み込みのための設定をご覧下さい。 こんにちは、ちこです。 最近は窓の開いた電車もすっかり見慣れてきましたね。 窓から入ってくる風が少しずつなまぬるくなってきて、春だなーと思う今日この頃です。 毎年、春は足早に去っていくような気がするので、早めにお散歩にいきたいです！ 今日は近頃さまざまな企業が力を入れているFacebookページの活用として、 iframe版welcomeタブを作成する方法をご紹介します。 【本題に入る前に】Facebookページについて Facebookページはこれまで「ファンページ」としてユーザーに親し
![[2011.09.28 追記]Facebookページ活用！iframe版welcomeタブを作成する方法 | サイブリッジラボブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/705c75aee809f19cf0783417120378d2091da982/height=288;version=1;width=512/http%3A%2F%2Flabs.cybridge.jp%2Fwp-content%2Fuploads%2F2014%2F09%2Ffb_cb.jpg)
The humble animated GIF has become a popular tool for designers to share their UI designs. How a web or app interface works is just as important as how it looks, and the animated GIF—while it lacks refinement and quality—is the most accessible file format that can be easily viewed directly in the browser, making it perfect for sharing on social sites such as Dribbble. In today’s post, we showcase
据え置きゲーム機としても携帯ゲーム機としても使える「Nintendo Switch」に、間もなくマンガアプリが登場します。従来のゲーム機と比べて携帯性が高く、ストリーミングサービスとの相性も抜群なNintendo Switchにマンガアプリが登場するということで、ますます汎用性の高いハードウェアとなりそうです。 A new app will let you read comics on the Nintendo Switch - The Verge https://www.theverge.com/2018/8/25/17781356/inkypen-nintendo-switch-comics-app InkyPen Is Bringing Comic Books to Nintendo Switch https://io9.gizmodo.com/soon-youll-be-able-
Socialcam is a new mobile video application coming to both iPhone and Android. Our new app makes it fast, easy and fun to capture, share and view high quality movies of life's moments with friends and family. Intrigued? Enter email for early access:
TechCrunch
Iconiq Capital has raised $5.15 billion across two funds associated with the seventh growth fund family, according to SEC filings. The firm, which launched in 2011 as a private office managing capital
ソーシャルアプリ 大橋直久
SNS（ソーシャル・ネットワーキング・サービス）向けソーシャルアプリの開発が急ピッチで進められています。 2009年6月、日経コンピュータ 米ロックユー SNS（ソーシャル・ネットワーキング・サービス）向けアプリで急成長 2005年11月に設立した米ロックユー。設立当初は知名度のない小さなソフト開発会社の1社に過ぎなかったが、SNS（ソーシャル・ネットワーキング・サービス）向けアプリケーション開発で急成長を遂げている。英語圏や中国語圏の大手SNS向けに提供する米ロックユー社のアプリケーションは、2008年時点で月間利用者数が1億800万人、月間閲覧数は20億ページビュー。ヤフーやグーグルへの投資実績があるベンチャーキャピタルの米セコイアキャピタルなどからは、2000万ドル（約20億円）以上の出資を受けたとされる。インターネット関連ベンチャー企業としては、最も注目の1社と言える。 米ジンガ、
Google recently launched Android Lollipop which introduces some major changes and a new visual language called Material Design. With this new OS, Android is bringing a comprehensive guide for visual, motion, and interaction design across platforms and devices. On October 7th I attended a workshop hosted at Google where Material Design’s UX team shared insights on this new approach to Android’s des
async/await 時代の新しい HTTP サーバーフレームワーク tide を試す - Don't Repeat Yourself
Rust Advent Calendar 2019 25日目の記事です。 tide は現在開発途中の、 Rust の async/await に対応した HTTP サーバーを構築するフレームワークです。not ready for production yet なので本番にこれを使用するのは難しいかもしれませんが、いろいろな例を見てみた感じとても使いやすそうで、注目に値するフレームワークの一つです。 記事を少し読んでみたのですが、どうやら 2018 年に Rust の Network Service Working Group が開発に着手したフレームワークのようですね。現在のステータスを追いかけていないので詳しくはわかりませんが、Rust チームの方々が何かしら関わっているフレームワークということで、少し安心感がもてるかなと私は思っています。async/await が今年無事安定化されたの
Hanami 2.0: Better, Faster, Stronger Posted by Tim Riley on November 22, 2022 Share Tweet After more than three years of work, Hanami 2.0 is here! With this release we enter a new phase of maturity for the framework, and open a new chapter for the Ruby community. Hanami 2.0 is better, faster, stronger. Better Since the beginning we’ve called Hanami a modern web framework for Ruby. These beginnings
Backbone.js Patterns - a tutorial/presentationBackbone.js Patterns Prologue Let me be clear: there are virtually endless ways you can build a JavaScript application, between modules, loaders, sync and async, reliance on advanced features and whatnot. I often feel like I'm just scratching the surface, no matter how many I build, nor how many I read the source of. These are a set of patterns that I
AngularFire web codelab Stay organized with collections Save and categorize content based on your preferences. 1. Overview In this codelab, you'll learn how to use AngularFire to create web applications by implementing and deploying a chat client using Firebase products and services. What you'll learn Build a web app using Angular and Firebase. Sync data using Cloud Firestore and Cloud Storage for
Màrius Montmany and Oriol Hernandez i Fajula, former employees at large logistics companies, several years ago found themselves frustrated with the problem of “reverse logistics” — Seedstars Capital and Swiss philanthropic foundation Fondation Botnar have launched Seedstars Youth Wellbeing Ventures, a $20 million investment mandate targeting early-stage startups in Africa that a
iPhone 4 GUI PSD (Retina Display) | Downloads | Teehan+Lax
License: This file may ONLY be used for mocking up iPhone apps. No, can’t be used in a theme to sell or go in ads for your new app or use it to build your Web site. It is a tool for designers, that is it. This Photoshop template makes it easy to mockup retina display resolution iPhone app designs. Thanks for you patience on this one. It took a good deal longer to complete given the sheer size and
TechCrunch
Bluesky, the Jack Dorsey-backed Twitter alternative, is getting its first third-party app for mobile users: a new app called Graysky. Though numerous Bluesky projects built on the company’s API
[図解]フロントのJavascriptだけでFacebookログイン実装 (2015年3月版) - Qiita
はじめに FacebookのAPIってコロコロ変わって面倒ですね。 2012年とか2013年とかに書かれた記事はほぼ参考になりません。(disってる訳じゃないです。事実です汗) 久々に触ってみたので現時点(2015年3月)での実装手順をまとめてみました。 トップページ 開発者トップページ https://developers.facebook.com/ My Apps > Add a new app > ウェブサイトを選択しましょう。 それか直接↓のリンクでも大丈夫です。 webサイト向けのリンク Webページ向けの機能を作る場合はこちら https://developers.facebook.com/quickstarts/?platform=web 入力フォームに新しく作るアプリケーションの名前を書いて、Create New Facebook App IDを選択します。 カテゴリに任意
![[図解]フロントのJavascriptだけでFacebookログイン実装 (2015年3月版) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bed04b8bce92721ebef90d43975417abfe92a25d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUU1JTlCJUIzJUU4JUE3JUEzJTVEJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgxJUFFSmF2YXNjcmlwdCVFMyU4MSVBMCVFMyU4MSU5MSVFMyU4MSVBN0ZhY2Vib29rJUUzJTgzJUFEJUUzJTgyJUIwJUUzJTgyJUE0JUUzJTgzJUIzJUU1JUFFJTlGJUU4JUEzJTg1JTIwJTI4MjAxNSVFNSVCOSVCNDMlRTYlOUMlODglRTclODklODglMjkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTdkMWJlZWMzZWE0YWE5ODEwM2ZiOWQ5N2FhYmNlMzI0%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBuMGJpc3VrZSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YzY2ZTM4NDNiYzBhOWIzZmVkMzUzNzFlZmYyNmU1ZjU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D822274a6a49755468ad00f96aedf30b3)
ソーシャルアプリ 大橋直久
SNS（ソーシャル・ネットワーキング・サービス）向けソーシャルアプリの開発が急ピッチで進められています。 2009年6月、日経コンピュータ 米ロックユー SNS（ソーシャル・ネットワーキング・サービス）向けアプリで急成長 2005年11月に設立した米ロックユー。設立当初は知名度のない小さなソフト開発会社の1社に過ぎなかったが、SNS（ソーシャル・ネットワーキング・サービス）向けアプリケーション開発で急成長を遂げている。英語圏や中国語圏の大手SNS向けに提供する米ロックユー社のアプリケーションは、2008年時点で月間利用者数が1億800万人、月間閲覧数は20億ページビュー。ヤフーやグーグルへの投資実績があるベンチャーキャピタルの米セコイアキャピタルなどからは、2000万ドル（約20億円）以上の出資を受けたとされる。インターネット関連ベンチャー企業としては、最も注目の1社と言える。 米ジンガ、
前回『Facebookページの作り方 ～登録編～』という記事を書きましたが、今回はその続きでようこそページをiframeで作る具体的な方法をご説明します。 まず、iframeのページをFacebookで使えるようにするためにアプリ登録をします。こちらのFacebook開発者ページを開き、画面上部の「マイアプリ」をクリックします。 まだ何もアプリを作成したことがないと 「アプリケーションがありません。」 と表示されるので、「+Set Up New App」ボタン、または「作成する」をクリックします。 すると、「アプリケーションを作成」画面に移ります。 今回は、自分で作ったFacebookページに入れるiframeのページを登録するだけなので、アプリケーション名は自分で分かりやすい名前なら何でも大丈夫です。 私の場合、「和装本っていいね！」というFacebookページに、「ようこそページ」を作
TechCrunch
Bluesky, the Jack Dorsey-backed Twitter alternative, is getting its first third-party app for mobile users: a new app called Graysky. Though numerous Bluesky projects built on the company’s API
News, notes, tips and tricks from the Google App Engine Team Since this blog's inception, Google App Engine has gone from the primary component of our nascent Cloud Platform to one of the many services we offer developers building in the cloud. In recognition of the growth of the platform in both usage and number of components, it's time to take a more holistic approach to our communications chann
Fringe81アドベントカレンダーの15日目です。 qiita.com こんにちは、Fringe81エンジニアの小紫です。 弊社では社員食堂としてみんなの食堂を利用しています。 www.wantedly.com 温かくて健康的な食事を安くでいただけるサービスなのですが、日々利用するには運用を行う必要があります。 Webサービスと同じですね。 具体的に運用とは、どぶろっくが取材に来たときの動画でも説明がありますが、 社食の準備や片付けのことを指しています。 そしてこれらを行う給食当番は社員から数名ランダムに選出して毎日行っています。 社食なのに給食とはこれいかに、という感じですが語感とか馴染みやすさからこの呼称が定着しています。 また、社員食堂の利用料を一部会社が福利厚生という形で補助するため「誰が何回利用したか」を記録する必要があります。 詳しいくことは省きますが税金の計算上、社食の利用
TechCrunch
Bluesky, the Jack Dorsey-backed Twitter alternative, is getting its first third-party app for mobile users: a new app called Graysky. Though numerous Bluesky projects built on the company’s API
History Fractal Lab started around the beginning of 2011 as my first explorations rendering fractals in the browser with WebGL. Previously I had created renderers using Adobe PixelBender and QuartzComposer, which both had the advantage of easy integration into Photoshop and AfterEffects but were very limited when it came to interactively exploring the fractal space. Fractals are by nature highly d
ターミナル向け Twitter クライアントの termtter は初回起動時に、自動的にプラットフォームを判別した上でブラウザを開き、OAuth の認証画面を表示し、ユーザに Pin を入力させた上でアクセストークンを取得して ~/.termtter/token に書き込んでいる。 この仕組みが便利なので、termtter だけじゃなくて他のコマンドライン・アプリケーションでも使えるようにできないかなと思って、ライブラリを作ってみた。 tily's ruby-oauth-cli-twitter at master - GitHub oauth-cli-twitter | RubyGems.org | your community gem host インストール gem install oauth-cli-twitter 基本的な使い方 access_token = OAuth::CLI:
TechCrunch
Bluesky, the Jack Dorsey-backed Twitter alternative, is getting its first third-party app for mobile users: a new app called Graysky. Though numerous Bluesky projects built on the company’s API
無料で写真や文章をひっそりとインターネットに記録できるサービス「Didthis」をMozillaが公開したので使ってみた
Firefoxの開発元であるMozillaが、趣味の記録に特化したサービス「Didthis」を公開しました。Didthisでは活動の記録を内容ごとに分類して投稿でき、「騒がしさから離れた居心地のいいウェブ」を目指すために投稿内容はあえてデフォルトで「非公開」に設定されるとのこと。すでに日本でもウェブアプリ版が使用可能だったので、実際に使ってみました。 Didthis https://didthis.app/ Didthis A New App for Hobbyists https://blog.mozilla.org/en/internet-culture/introducing-didthis-a-new-app-for-hobbyists/ ・目次 ◆1：Didthisのアカウントを作成する手順 ◆2：最初の活動記録を投稿する手順 ◆3：プロジェクトを編集する手順 ◆4：活動記録を追
1Password for Linux beta is now open 🎊 🐧 🎊 | 1Password
Buckle up Linux Desktop users! We just opened an awesome ride that we’d love for you to join us on. 🎢 🙌🏼 I’m super excited to announce our first beta release of 1Password for Linux. That’s right – we now have a full-featured desktop app for Linux which you can use to quickly find, edit, and organize your items! And it looks gorgeous, too! 😍 Planned for official release early next year, we coul
React + Flux backed by Rails API - Part 1 | Fancy Pixel
I’ve been working on a frontend for a project we are developing here at Fancy Pixel. We are embracing what looks like a good habit: slicing what would be a monolithic Rails app in a lightweight backend serving APIs and a frontend consuming them. We did this in the not so distant past using Angular.js. It was all fine and dandy, until it wasn’t. There’s something about it that doesn’t sit right wit
Yo | TechCrunch
Yo. It seems so simple. So mindless. It’s only slightly less boring than “Hey” or “Hi,” if only because of some perceived aggression or excitement attached to it. But Yo is anything but simple. If you haven’t been following along on Twitter, Yo is the hottest new app that will leave you scratching your head. The entire premise of the app is to send other users a single word: Yo. Yo currently has o
Windows Command-Line: Introducing the Windows Pseudo Console (ConPTY)
Get notified in your email when a new post is published to this blog In this, the fourth post in the Windows Command-Line series, we’ll discuss the new Windows Pseudo Console (ConPTY) infrastructure and API – why we built it, what it’s for, how it works, how to use it, and more. Posts in the “Windows Command-Line” series Note: This chapter list will be updated as more posts are published: Backgrou
SoundCloudとクリエイターの関係についての論争が繰り広げられています。 SoundCloudはアーティストが自由に作った音楽を投稿でき、プロモーションができるプラットフォームとして世界中のあらゆるクリエイターから支持されてきました。SoundCloudは設立以来、自社の売り上げを追求する以前に、アーティストやレーベル、リスナーが使える便利な機能 (エンベッド、解析、Repostなど)を拡充させることで、オーディエンスへのリーチを広げコミュニティ構築に貢献しています。 その一方でSoundCloudはレーベルやパブリッシャーに楽曲利用のロイヤリティを支払っていません。また著作権に違法する楽曲に対する対応も明確ではありませんでした。トラックメイカーが独自にリミックスしたメジャーレーベルの楽曲でも自由に投稿しているSoundCloudと、レーベルとの関係性はYouTubeなどに比べると大
スピード違反の取り締まりには、一般に「ネズミ捕り」と呼ばれる測定器を使ったものや、パトカーや白バイによる追尾、速度違反自動取締装置(オービス)によるものなどがあります。新たに、人々の安全のために制限速度引き下げを訴える非営利団体「20's Plenty for Us」が、走行する車を撮影してスピード違反の証拠を作成できるスマートフォンアプリ「Speedcam Anywhere」をリリースし、人々からさまざまな意見が寄せられています。 Speedcam Anywhere https://speedcamanywhere.com/ New smartphone app to gather evidence of speeding - 20's Plenty for Us https://www.20splenty.org/speedcamanywhere New smartphone app
BackBone Model Unit Testing with Jasmine - Code and Chats with Ken
Writing reliable JavaScript code at scale is difficult. The language lacks built-in formal structures that enable reliable engineering practices. Fortunately establishing convention and selecting mature libraries goes a long way towards building a trustworthy architecture. Furthermore writing unit tests gains confidence in our applications. In this first article in a series on unit testing JavaScr
Did You Know iOS 15 Lets You Drag and Drop Files on Your iPhone?
You can use the drag-and-drop feature to copy photos, text, apps, files, and other bits and pieces between various apps on your iPhone. Here's how. Drag and drop is a basic function available on virtually all devices. However, on the iPhone, the feature only worked on the Home Screen and within particular apps—until iOS 15. With the release of iOS 15, Apple made it so that you can now drag and dro
Express on railway
Node JS* * JavaScript prototype-based object-oriented scripting language I would like to present the result of my Christmas holidays work: super-tiny addon for Express framework, that adds some features from Ruby-On-Rails: controllers, helpers, routes, generators. Now it's on beta stage, but it is better than nothing. So, let's roll on! Installation It is fine to pull from github (less bugs, I h
Facebookログイン機能をWEBサイトに実装する際、SDK等を使わない方法で考えてみる。 現在、日本語で公式ドキュメント「ログインフローを手作業で構築する」が存在するので、まずはそちらを見た方が良いかも。操作方法などは数ヶ月単位で時々変わっている。以前は設定画面も英語だけだったが、日本語化されている。 ※ 実際、もうこの内容は古くなっていた(2017/10/11)。数ヶ月おきに画面デザインや項目の位置が刷新されているようだ。英語だったのが日本語化されていたり、項目が別の位置に移動していたりで大幅には変わっていない気がする。でも、Facebook API アップデートと付き合う話にあるように、大幅にアップデートされていないか時々確認が必要。 主に参考にしたサイトは Add Facebook Login to Your App or Website facebook OAuth + PHP
DropboxにはARM版クライアントがないのでRaspberry Piではクラウドストレージとの同期ができません。そこで発見したのがDropbox-Uploaderというコマンドラインでアップロード、ダウンロード等を操作するシェルスクリプト。今のところ自分の用途では十分なレベルです。 Dropbox-Uploaderのダウンロード [root@alarmpi ~]# git clone https://github.com/andreafabrizi/Dropbox-Uploader.git Cloning into ‘Dropbox-Uploader’… remote: Counting objects: 151, done. remote: Compressing objects: 100% (114/114), done. remote: Total 151 (delta 52),
![[Raspberry Pi]Dropboxをコマンドラインから操作する](https://cdn-ak-scissors.b.st-hatena.com/image/square/b377ec73b4bfd13ce3954ccdc647adcbd4981edd/height=288;version=1;width=512/https%3A%2F%2Ffarm9.staticflickr.com%2F8515%2F8550586209_3883300b56_o.png)
License: This file may ONLY be used for mocking up Android apps. No, it can’t be used in a theme to sell or go in ads for your new app or use it to build your Web site. It is a tool for designers, that is it. This Photoshop template makes it easy to mockup pixel-accurate Android app designs. One of the challenges of an ever-changing digital channel, is that we find ourselves spending more and more
概要 Twitter の bot をつくってみようと、 TwitterOAuth をつかって、PHPからツイッターにツイートする、というのを http://webkaru.net/php/twitter-bot/ http://qiita.com/rana_kualu/items/357a031c0453a3538ad3 http://qiita.com/ltd/items/cb25853cabbaf98e456c などを参考にやってみようとしたら、意外とそのまま動かなかったので、まとめます。 ※上記記事が間違っているのではなく、以前から何か仕様がかわったのだろう、という仮定から2015年2月版とつけました。 準備 twitterのアカウント作る 省略 開発サイトでアプリケーションを作る 上記記事などで紹介されている https://dev.twitter.com/ にアクセスすると、よく
If you want new iPhone as fast as possible, you should come to Japan, The east most country in the world. He is the first man who got iPhone5s at Apple flagship store at Ginza, Tokyo. Taken with Canon 5D MK3 and TS-E90mm Lens. I was going to take a picture with iPhone for my new app, TiltShiftGen2‘s sample photo. However it was bit too far and I took picture with both iPhone and 5DMk3. Below is th
Nick Craver - Stack Overflow: How We Do Deployment - 2016 Edition
This is #3 in a very long series of posts on Stack Overflow’s architecture. Previous post (#2): Stack Overflow: The Hardware - 2016 Edition We’ve talked about Stack Overflow’s architecture and the hardware behind it. The next most requested topic was Deployment. How do we get code a developer (or some random stranger) writes into production? Let’s break it down. Keep in mind that we’re talking abo
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Showcasing UI Interaction Design with Animated GIFs
間もなくNintendo Switchでマンガが読めるように
Socialcam: A revolutionary new mobile video experience
An exploration in Material Design by feedly
Hanami 2.0: Better, Faster, Stronger
Backbone.js Patterns
AngularFire web codelab | Firebase
TechCrunch | Startup and Technology News
『Facebookページの作り方 ～ようこそページをiframeでつくろう～』
Google App Engine Blog
社食を支える技術(前編) - Fringe81 enginner blog
Fractal Lab
OAuth::CLI::Twitter - P A R A G R A P H S
SoundCloudは誰の味方？ クリエイターコミュニティの舞台裏 | All Digital Music
走行する車を撮影して「スピード違反の証拠」を作成できるスマホアプリが登場
Facebookログイン機能をWEBサイトにSDK等使わないで実装の流れ - Qiita
[Raspberry Pi]Dropboxをコマンドラインから操作する
Android GUI PSD (High-Density) | Downloads | Teehan+Lax
PHPからTwitterツイート（2015年2月版） - Qiita
The first man who got iPhone5s in the world. | fladdict