フェンリル

Developer's Blog

投稿者別アーカイブ(林)

スマホ向けサイトをMac/PCで表示する。すぐできるオススメの『ユーザーエージェント偽装』方法。

こんばんは!開発の林です。
Bootstrap, from Twitter いいですよね!サクサク作れちゃうあたり今気に入っています。
本記事でもエントリー部分だけ Bootstrap にしてみました。

さて、話を戻します。
他所のスマートフォン向けサイトに PC からアクセスしたい、
ソースを見てみたい、解析やデバッグを行いたいことってありませんか?
本日はスマートフォン向けサイトを PC からでも解析できるよう簡単に偽装する方法をご紹介します。

Mac / Windows 対応です。

続きを読む

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。

 

こんにちは、ウェブ開発の林です。

スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。
meta viewport というタグを使えば表示サイズを調整することができます。

ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。

スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。
こちらを参考に組んでみてはいかがでしょうか。

続きを読む

【障害報告】 Fenrir Pass にて新規ユーザー登録ができない障害について

平素は、 Sleipnir / Sleipnir Mobile をご利用いただきありがとうございます。

本日、Fenrir Pass にて新規ユーザー登録ができない障害が発生しておりました。
現在は改善しております。

■ 障害内容
時間:2012年1月18日11時35分 ~ 2012年1月18日15時40分
対象:Fenrir Pass の新規ユーザー(既存ユーザーへの影響はありません)
現象:新規ユーザー登録ができない
原因:システム障害

なお、本件によるユーザー情報の破損・紛失・漏洩はありません。

今後とも Sleipnir / Sleipnir Mobile をよろしくお願いいたします。

開発担当 林

続きを読む

スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。

こんにちは。開発担当の林です。

iPhone / iPad のウェブブラウザでページを見ているとき、けっこうな割合でピンチイン・ピンチアウトすると思いますが、それがどのくらい拡大されているのかを取得する方法を書きます。
また、応用でピンチイン・ピンチアウトされても、見た目のサイズを維持するにはどのくらい拡大すれば良いかということにも触れたいと思います。

広告バナーなんかでよく使われてるアレの仕組みです。何かのお役に立てれば幸いです。

続きを読む

【PHP】とあるページの、はてブコメント、ツイート、Facebookいいね!数を取得するテンプレコード【’11年末版】

php.png

こんにちは。開発担当の林です。

今回はタイトル通りPHP(5.2以上)で、とあるページの、はてブコメントと、ツイート、Facebook いいね!数を簡単に取得するためのテンプレ用ソースコードです。
最低限のコードですが、比較的よく使われるものなのかなと思ってまとめました。
何かのお役に立てれば幸いです。

※ 本記事は、各サービスの公式 API を使っています。

  1. はてなブックマークエントリー情報取得API
  2. Twitter API (日本語参考:Twitter API – TwitterまとめWiki
  3. Facebook Query Language

(`・ω・´)

続きを読む

【お知らせ】 10/16 早朝に実施される楽天市場のメンテナンスに関するご案内

こんにちは、プロダクト担当の林です。

楽天市場のメンテナンスが 10/16(日)に実施されることに伴い、
Sleipnir 、Grani および Sleipnir Start の一部機能が利用できなくなります。
以下に、詳しい内容をご案内させていただきますので、ご確認ください。

【10/17 追記】メンテナンス終了しました。

続きを読む

Sleipnir Start のテコ入れについて

こんばんは、林です。

気がつけばまたこんな時間に記事を書いてしまいました。
本日のブログ当番なのですが書けずにスランプに陥っています。

いつもなら jQuery や JavaScript などを書いていたのですが。
ですので次の Sleipnir Start (PC 版) のアップデートでテコ入れを企画検討している箇所をざっと洗い出してみます。

続きを読む

【iPhone/iPad】ホームに置いたWebアイコンからSafari以外のアプリを開かせるJavaScriptを作りました

blog_img_110803.png

こんにちは!林です。

今回は、iPhone アプリ開発者 / ウェブ開発者向けの記事です。
みなさんは、iPhone の Safari にある「ホーム画面に追加」という機能をご存知でしょうか。

以下の図のように見ているウェブページを、ホーム画面にアプリのように置くことができる機能です。
blog_img_110803_2.png
ホームに置かれたアイコンをタップすると、Safari が起動し、そのウェブページを閲覧できる仕組みになっています。
頻繁に使うページをホームに置いておくと大変便利です。

この機能を利用して、
アイコンから任意のアプリ(※1) を起動する JavaScript
を作成しました。
※1 URI スキームに対応しているアプリのみ対応しています。

続きを読む

iPhone/Android/PC 対応。jQuery で書くタッチイベント

touchevent02.png

こんにちは!プロダクト企画担当の林です。
今回は、前回予告していた通り、タッチイベントについて書かせていただきます。

他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、

  1. jQuery を使っている。(jQuery Mobile は不要です)
  2. iOS / Android で動作確認済み。
  3. タッチできない PC の場合、マウスで動く。

この3点です。
こちらを実際に動作するコードにて解説します。

動作確認環境

  • タッチ環境 → iPhone / iPad / Android
  • マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera

続きを読む

【CSS3】 jQuery を使って iPad でネイティブアプリ並に滑らかなアニメーションを実現する書き方

blog_banner.png
こんばんは、企画の林です。
今回は iPad 専用ウェブアプリ、Sleipnir Start for iPad の開発で学んだ CSS3 でのアニメーション処理についてお話します。
iPhone / iPad 向けのウェブアプリを作ろうと考えている方で jQuery 使いの人に優しい内容です。
※ Sleipnir Start for iPad が何か分らない方は前回の記事をどうぞ。

続きを読む

【iPad】Sleipnir Start for iPad

こんばんは、企画担当の林です。
毎日更新を宣言していながら日をまたいでしまいました。
今回は連休前の最後の記事として、Sleipnir Mobile のスタートページ、
Sleipnir Start for iPad をご紹介させていただきます。
ssipad_splash.png
これは企画に移ってからもどうしても開発したくて、
プライベートでせこせこと作っちゃったものです (^◇^;)
 

続きを読む

【お知らせ】 GW 休暇のお知らせ

こんばんは、企画担当の林です。
休暇のお知らせをさせていただきます。
フェンリルは本日 2011年4月29日(金)より 2011年5月8日(日)まで休暇に入ります。
ご迷惑をおかけ致しますが、何卒よろしくお願い申し上げます。
なお、休暇中のお問い合わせについてはこちらで受け付けております。
休暇期間内にいただいたお問い合わせに関しましては、2011年5月9日(月)より順次対応させていただきます。
皆様も体調に気をつけてお過ごしください。

続きを読む

【お知らせ】今後のリリースと、ドロイド君の受難

こんにちは、企画の林です。
みなさま毎日見ていただきありがとうございます。
本日は、2つのプロダクトのリリース時期のお知らせをさせていただきます。
■ Sleipnir 3 の開発の状態
 RC 第一弾として今月中にリリースします。
 現在テスト版をお使いの方のフィードバックもお待ちしております。
 西田に頑張らせます。
■ Sleipnir Mobile v1.2 for iPhone/iPad
 一度、Apple よりリジェクトされていましたが、
 再申請がうまく承認され、明日リリースができそうです。
 Sleipnir Start for iPad も準備しました。
 HTML5 / CSS3 でのウェブアプリ仕様です。
 とくに iPad をお持ちの方は、是非お使い下さい。
 また、明日は、Sleipnir Mobile の記事です、お楽しみに!
その他にも月末に向けて新 iPhone アプリなどいくつかのリリースを控えています。
今後のフェンリルの動向にご注目ください。
doroid_kun_fenrir_kun

続きを読む

【お知らせ】ブログをもっと更新します

こんばんは!企画担当の林キヨタカです。
開発の西田からバトンを受け取ったのでこちらに書かせていただきます。
(※某スレ より)
こんな時間に現われたものの、たいした発表ではございません。
明日からデベロッパーズブログを賑やかにしていきます!
開発者中心に今までよりも濃い内容をお届けしたいと思います。
Sleipnir 3 や Sleipnir Mobile、FenrirFS などメインプロダクトはもちろん、
IE9 の普及により流行の兆しを見せつつある HTML5 や CSS3、iPad のウェブアプリについても突っ込んでいきます。
計 10 名以上で毎日更新していきますのでお楽しみに!
私もまた登場します(*´∀`)
では明日は、開発の西田にバトンタッチをお返しします!
Sleipnir 3 の開発状況などを聞けると思います、お楽しみに!
Twitterこの記事を Retweet する
Twitterフェンリルのオフィシャルアカウントをフォローする
 

続きを読む

【Sleipnir Start】 新デザイン、トレンド&アイコン追加、OpenID にも対応しました

新デザイン、アイコン追加、OpenID にも対応
ミーンミンミン♪
大阪では蝉の鳴く声は聞こえなくなってきました。
ウェブ開発担当のキヨタカです。
本日、Sleipnir Start 1.2 をリリースしました。

続きを読む