はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ELBでEC2 2台にアクセスを分散させていたのですが、ユーザのTwitterログインフローがおかしな挙動をするようになり、ハマりました。 結論としては、 サーバーが分散することによりセッションの状態維持が保証されず、 ログインしているはずなのにログアウト状態に戻ってしまうとか、そもそもTwitter OAuth認証のコールバックの時点で 「Session Expired」エラーが出るといった問題が起きてしまっているようでした。 これを解決するためには、 ロードバランサーの「ポート構成」から、 「ロードバランサーによって生成された Cookie による維持を有効化」 にチェックを入れると良いようです。 こうすることで、同一ユーザからのアクセスは同一のサーバーにアクセスを流すことが可能となり、セッション状態が破綻することがなくなりました。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

iOSのsafariでは、画面下部に標準メニューバーが存在しています。 しかし、このメニューバーの挙動が厄介で、 webサイトを開いた状態ではメニューバーが表示されているものの、 少し画面をスクロールすると、このメニューバーがひょいっと下に隠れてしまいます。ついでに画面上部のアドレスバーも小さくなってしまいますね。 サイト上でスクロールに応じた演出や、 position: absolute; や position: fixed; を使って表示位置をシビアに調整しないといけない演出をやりたいとき、 この仕様がとても邪魔になってしまいます。 iOS7までは、viewportにminimal-uiなるものを指定することで、 このメニューバーを 一切表示しないという選択肢があったのですが、 iOS8からはこのminimal-uiが廃止されてしまいました。 そこで、cssを使って メニューバーが隠れ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? # JIS第一水準 亜唖娃阿哀愛挨姶逢葵茜穐悪握渥旭葦芦鯵梓圧斡扱宛姐虻飴絢綾鮎或粟袷安庵按暗案闇鞍杏以伊位依偉囲夷委威尉惟意慰易椅為畏異移維緯胃萎衣謂違遺医井亥域育郁磯一壱溢逸稲茨芋鰯允印咽員因姻引飲淫胤蔭院陰隠韻吋右宇烏羽迂雨卯鵜窺丑碓臼渦嘘唄欝蔚鰻姥厩浦瓜閏噂云運雲荏餌叡営嬰影映曳栄永泳洩瑛盈穎頴英衛詠鋭液疫益駅悦謁越閲榎厭円園堰奄宴延怨掩援沿演炎焔煙燕猿縁艶苑薗遠鉛鴛塩於汚甥凹央奥往応押旺横欧殴王翁襖鴬鴎黄岡沖荻億屋憶臆桶牡乙俺卸恩温穏音下化仮何伽価佳加可嘉夏嫁家寡科暇果架歌河火珂禍禾稼箇花苛茄荷華菓蝦課嘩貨迦過霞蚊俄峨我牙画臥

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

どういう条件で起こるのかはまだはっきり調べられてないけど、 たまにAndroid 4.0系でテキストの折り返し位置が明らかにおかしい場合がある。 正しい幅に対して半分くらいの位置で折り返してしまう。 そんなときは、適切な幅を指定したいDOMに対してbackground-colorを指定してあげると良いです。 注意すべき点は、 最下層のDOMに対してbackground-color を設定しなければならない。 backgroundプロパティではダメ。background-color でないといけない。 という２点です。 また、背景に色をおけない状況においては、透明png等を代わりに置くとよいようです。 ちょっとこれは知らないと到底思いつかないハックです。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

スマホから検証するときなど、長いベーシック認証パスワードをわざわざ 手打ちで打ち込むのは面倒だし不毛ですよね。 そんなときはこのやり方を使いましょう。 例えば、 というURLに対して ID: piyopiyo PW: born というベーシック認証がかけられていたとき、 というURLに対してアクセスすれば、ベーシック認証を手打ちすることなくアクセスすることができます。 (アクセスした際に、このサイトは危険ですというようなメッセージが出ますが、「無視をする」を選べば問題なく開けます) このURLをスマホに対して送信し、そのまま叩けば手軽にスマホ検証を行うことができます。 もちろん、スマホへの送信は十分セキュリティの高い安全な方法で。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

GoogleDocsのvisualization APIを使えば実現できます。 URLは、 ですね。JSON形式で指定したIDのスプレッドシートの中身を取得することができます。 ただし、SpreadSheetは「ウェブに公開」されている必要があります。 「ウェブに公開」状態にするには、スプレッドシートの画面から 「ファイル」→「ウェブに公開」でできます。 わざわざサーバーを立てることなく簡易的なAPIをさくっと作れるのは便利ですね。 値の更新もブラウザから簡単にできるのも便利です。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dar