Tenderfeel

Twitter Cards 完全ガイド

by

「サイトにTwitterカードつけたい」とか、「キャンペーンのツイートにカードつくようにしたい」とか、フロントの人なら1度は言われたことあると思うし、まだ言われたことがなくてもこれから言われる可能性があると思う。
大体のことは公式の説明に書いてあるので、ほとんどそれをなぞった内容になるけど、実際使ってみて分かったこともいくつかあるのでまとめておく。困ったときの参考になれば幸い。

続きを読む

Bフレッツからギガマンション・スマートタイプに乗り換えた話

by

speedtest

最大100MbpsのBフレッツでDownload 90Mbpsくらい出てるから優秀だと思っていたけど、
慣れてしまえば欲が出るもので、ギガ回線への乗り換え欲求がふつふつと沸いてました…。

とはいえ集合住宅だとそう簡単に回線乗り換えなんてできないだろうと思ってしまう。
他の住人にも影響が出るかもしれないし、管理人がＹＥＳと言わないかもしれないし。

続きを読む

スマートフォンサイトを1080x1920pxのデザインサイズで作る

by

なんでもネイティブアプリのUIデザインが1080x1920pxだからと。
えーまじで、と。iPhone6+なら1242x2208pxでないの？と。
Webでそんな数字聞いた事ないんだけど今ってどうなの？と思ってググってみたんだけども

やっぱりWebだと1080なんてのはないなあと思い知らされた。
とはいえ時間もないし強引にやってみることにした。

続きを読む

Riot.js 触ってみたメモとサンプル

by

jQueryではもうｱｶﾝと思った時に挙った乗り換え候補はRiot.jsとMithril.js。
どっちもナウいんで一応両方試してみたんだけども、Riot.jsに落ち着いた感じであります。

なんでRiot.jsになったかというと、完全に個人的な好みの問題でして、
すごい大雑把にいうとRiot.jsはHTMLにJSを書くという方針に対してMithril.jsはJSにHTMLを書くという親のReact.jsの流れを汲む文化を継承してるんですが、試しで作ってる時に「HTMLにJS書く方が違和感ない」と思ったからなのでした。
あとはRiot.jsが企業に対してMithril.jsは個人であるといった、開発母体の差もちょっと気になる点でした。
機能面はどちらもミニマムでシンプルでAPI数少なくてとっつきやすいのでそんなに変わらないが、学習コストは独自ルールが多いRiot.jsの方が数段高いと思う。

でこうして紹介するにしてもTodoじゃ面白みがないんで、
実際使えそうなものをサンプルを作ろうとして思いついたのが、
Googleのスプレッドシートで更新情報表示するというものです。
昔普通に商用サイト作ってた頃「ホームページに更新情報表示したい（自分でお知らせ書きたい）」ってな要望が多かったので、今ならこういう手も使えるかなと思いまして。

スプレッドシートをデータベースにするというサンプル自体は４年前にやってたので
http://jsdo.it/Tenderfeel/ahd8

これのガワをbackbone.jsからriot.jsに変更しただけのものですが、
Google visualization API + Riot.js sample
ソースを比較するとえらいこざっぱりしているのがお分かり頂けるかと思います。
backbone.jsと比べても可読性めっちゃ上がってると思う〜。

続きはplnkerにつくったサンプルの解説です。

続きを読む

Backbone.js + jQueryMobile(1.4.5) でアプリ作ったメモ

by

表題の通り簡単なアプリ作ったのでメモっておく。

https://github.com/Tenderfeel/MobMap

Q: なぜ今頃BackboneにjQueryMobileなのか？ナウいのはReactだべ？
A:
1. 異動したプロジェクトがBackboneベースだったので復習する必要があった。
2. UIとか自前で用意するのが面倒だった。（特にアニメーション）

続きを読む

Underscoresでカスタムテーマを作る：細かすぎて伝わらないあれこれ編

by

Underscores で魔改造したメモその６。
細かすぎて伝わらないあれこれ。

  • Compass導入編
  • ナビゲーションメニュー改造編
  • Bootstrap(Sass)導入編
  • ウィジェット作成編
  • ソーシャルボタン対応編
  • 細かすぎて伝わらないあれこれ編

続きを読む