タグ

webdevに関するtyruのブックマーク (34)

  • soleilnoir.net

    Want your own domain name? Learn more about the domain name extensions we manage Find a domain name similar to soleilnoir.net

  • Airbrake

    Fearless Deployments. Faster Fixes.Frictionless error monitoring and performance insights for your entire app stack. ‍ Know about errors before your users even notice. Installs in minutes. Start Free Trial

    Airbrake
    tyru
    tyru 2014/01/12
    リアルタイムでWebアプリの例外をログから見やすく表示してくれるサービス。
  • 妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try

    はじめに 昨日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にしてのパン屋のWebサイトをリニューアルしてみた」の続編を書きます。 今回は僕が苦労したIE6〜8対応のお話です。 実はIE8ユーザーの割合はIE9に次いで第2位! Mac万歳!Chrome万歳!な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。 しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。 よく見ると8位にはIE6がまだしぶとく生き残っています。 この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなる まず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。 トップペ

    妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
    tyru
    tyru 2013/01/19
    なんかIE対応って面倒そうだなーって思ってたけど、今はHTML5+CSS3で書けばjQueryプラグインとかでなんとかできるのか。その方がすっきりしそう。
  • Noun Project: Free Icons & Stock Photos for Everything

    Pricing & Licenses All Standard images available as free downloads. Buy a royalty-free license to support artists and get more options. Learn More Apps & Plugins Drag and drop icons into the software you use. Access vector, png, & pdf from Mac, PowerPoint, Adobe, Google, more.

    Noun Project: Free Icons & Stock Photos for Everything
  • chromeでセッション管理がおかしくなるのは多分favicon.icoがルートディレクトリにないから - tumblr

    らしいですよ。 http://hoshiba2011.blog.fc2.com/blog-entry-24.html XHRで色々やってたときにあるはずのセッション変数が無くなって、しかもcookieに入ってるPHPSESSIDの中身がsession_regenerateしたあとの値でもその前の値でもない、全く関係ない値で、試しにfirefoxで確認してみたら全く問題なくsession引き継がれてるし、こりゃどういう事だと思ってchromeエクステンションを疑ってみたりjQueryを疑ってみたりしたけど、よくよく考えたらアクセスログ見りゃ一発でわかることですよね。失われた3時間。IEのバグなんかよりも情報すくないのでたち悪かった。

    chromeでセッション管理がおかしくなるのは多分favicon.icoがルートディレクトリにないから - tumblr
  • -webkit-border-radius なんて書いているWeb開発者は腹を切って死ぬべきである - hogehoge @teramako

    地獄の火の中に投げ込むものである。 いや、まあそんなネタはどうでも良くて... そのベンダー接頭辞はいつまで書くの? | Unformed Building 書いてあることは至極真っ当なこと。もろ手をあげて賛成である。 また、 ベンダー拡張プリフィックスはそれそのものがWebを破壊することはないし、ベンダー独自のプロパティーや関数が数万追加されて使われまくったとしても当はWebは壊れない。またその文法が変更されても修正または追加すれば対応できるし、その余裕は十分にある。つまり壊れるのはほとんど全てのケースで開発者の怠慢に過ぎないので、ちゃんと仕様と実装を理解して必要ならば寝る間を惜しんで修正作業に血眼になるべき。みたいな実践を伴わない意識を僕は持っている。 なので憂うべきこの現状は、IE6が拡散して残り続けたことと同じようにベンダー側ではなくWeb開発者側に非があると思っている。 ベンダ

    -webkit-border-radius なんて書いているWeb開発者は腹を切って死ぬべきである - hogehoge @teramako
  • ふつうのformをつかいたい - はまちや2 - ニコニコ超会議2012

    こんにちはこんにちは!! はまちや2 (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう? プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 日のテーマ: 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…(はいはい) フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた!) (これで送信、と…) ※エラー:住所を正しく入力してください (え、なんで!?) ※住所は全角で入力してく

    tyru
    tyru 2012/05/03
  • 首相官邸サイトリニューアル、しかしすぐに再リニューアルが必要 | 水無月ばけらのえび日記

    公開: 2012年4月8日16時40分頃 首相官邸 (www.kantei.go.jp)のサイトがリニューアルしたそうで。 4500万円かかったと報じられていますが、何をやったのかが分からないので、高いか安いかは評価のしようがないですね。単純に規模から「やるべき事」を考えてみると、CMS抜きで4500万円かかっても不思議ではないと思います。戦略をみっちりやったり、それなりなCMSを入れたりすれば足りなくなるかもしれません。 そして実際にサイトを見てみると、まず、見た目だけで以下のような点が気になるわけです。 背景にうっすらと写真が敷かれていますが、肝心な部分がコンテンツの下敷きになってよく見えない上に、「首相官邸」というタイトルまわりが読みにくくなってしまっています。プロがこういう中途半端な写真の使い方をすることはまずありません。写真を見せたいならちゃんと見せるでしょうし、見せなくても良い

  • Using CSS without HTML · Mathias Bynens

    Note: The following article was originally published on CSS-Tricks as a guest post. A few days ago, Chris tweeted: If we could stack pseudo elements (e.g. :after:after) we could build a whole website with no HTML other than <html>. Probably good we can’t. (Technically, we can, although no browser has implemented this yet. This feature been removed from the draft version of the spec.) In response t

    tyru
    tyru 2012/02/21
    <link>タグと同じ効果を持つLinkヘッダーってのがあるらしい(Firefox,Operaぐらいしか実装してない)。Linkヘッダーを使ってcssを読み込ませてcontent属性でサイトを組み立てればHTMLソースのないページの出来上がり。
  • 301リダイレクトと302リダイレクトの違い

    301リダイレクトは、”Permanent Redirect”で「恒久的な転送」、一方、302リダイレクトは、”Temporary Redirect”で「一時的な転送」を表します。 恒久的?、一時的? 分かるようでよく分からない表現です。 サーチエンジンの取り扱い方に違いが出てくるのですが、たとえばSERPでの表示(インデックスの仕方)が異なってきます。 以前、GoogleのWebmaster Centralチームで働いていたVanessa Foxさんがパーソナルブログで、301リダイレクトと302リダイレクトのケーススタディを記事投稿しているので、見てみましょう。 彼女は、「www.vanessafoxnude.com」というドメインで「Vanessa Fox Nude」というサイトを運用していました。 しかし数ヶ月前に「www.nineblue.com」というドメインの「Nine By

    301リダイレクトと302リダイレクトの違い
  • メンテナンスには302より503だと思います、ぐ○なびさん。 | 海外SEO情報ブログ・メルマガ

    先週、あるキーワードで検索していると奇妙なSERPに遭遇しました。 かの有名な「ぐるなび」系列サイト、お取り寄せショッピングの「ぐるなび市場」が1位表示されたSERPです。 下は、通常時のSERPです。 メンテナンス中のページがキャッシュされてしまっています。 実際にアクセスすると、このようなページが表示されました。 たしかにメンテナンスのお知らせページです。 SERPのURLは、「http://shop.gnavi.co.jp/Mallgn/special/wakeari_sale/」ですが、アクセス先のURLは、「http://shop.gnavi.co.jp/syserror.html」となっていました。 分かる人には分かりますが、あまりよいメンテナンスページの出し方ではないですね。 訪問ユーザーに配慮したメンテナンス中ページの表示はまったく問題ありませんが、検索エンジンへの配慮が

    メンテナンスには302より503だと思います、ぐ○なびさん。 | 海外SEO情報ブログ・メルマガ
  • 君は3つのリロードを知っているか? - os0x.blog

    はい、今さら聞けないウェブ開発者の基礎知識のお時間です。 ブラウザには3つの読み込みモードがあることはご存知ですか? 2つくらいはわかるけど、3つ目が出てこないって方は少なくないかもしれません。 リロード 一番オーソドックスなのがブラウザのリロードボタンを押したときの挙動ですね。普通ですね。 スーパーリロード ブラウザによっては、スーパーリロードという機能を備えています。IEの場合Ctrl+F5(Ctrl+更新ボタン)、Firefoxの場合Ctrl+F5(Shift+更新ボタン)、Chromeの場合Shift+更新ボタン(Ctrl+Shift+R)などでスーパーリロードを呼び出すことができます。スーパーですね。 ページ遷移(リフレッシュ) 3つ目はちょっと良い名前が思いつかないのですが、リロードではなく、通常の画面遷移での読み込みのことです。アドレスバーにフォーカスしてenterするといっ

    君は3つのリロードを知っているか? - os0x.blog
  • ギルティクラウン [ GUILTY CROWN ] Blu-ray BOX

    全22話に加え、ゲーム『ギルティクラウン ロストクリスマス』完全生産限定版に収録された短編アニメーションなど、 ギルティクラウン映像を完全収録。 特典はキャラクター原案redjuiceの描き下ろしBOX、 澤野弘之により新たにリアレンジされた曲を収録した特典CD、今しか聞けない話が詰まったブックレットなど豪華封入! [ 収録内容 ] ▽『ギルティクラウン』全22話 ▽SPECIAL ・ゲーム『ギルティクラウン ロストクリスマス』に収録された短編アニメーション ・ノンクレジットOP/ED ・ゆーぽん 4コマ&フラッシュアニメ―ション(2012年発売パッケージより再収録) ▽音声特典 ・オーディオコメンタリー(2012年発売パッケージより再収録) [ 完全生産限定版特典 ] 1.redjuice描き下ろし 三方背BOX&デジジャケット仕様 2.澤野弘之 リアレンジCD <収録曲> 1. fri

    ギルティクラウン [ GUILTY CROWN ] Blu-ray BOX
  • 人間のために分かりやすい実用的なURLを設計する方法

    URL Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記事を読んだ後で、あなたに一つだけ覚えておいてほしいことは、URLの構造を設計するのに時間をかける、ということです。 URLデザインは簡単ではなく、正しい解決方法があると言うことはできません。しかしそれは、他のデザインと同じです。良いURLデザインがあり、良くないURLデザインがあり、そしてその中間もあります。 しかし、それは素晴らしいURLデザインを作るこ

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • 素人はいつまで素人なのか

    JintrickのマイクロWeb日記, 2010-2011 冬(8 December 2010) target="_blank"を使うか否か この何を今更的な問題。「別窓」とか懐かしすぎる。俺は数年前にユーザーテストをした。5人くらいのど素人を対象にして。結果は明白。真っ黒だ。なぜなら「別窓」が開いたことを理解できなくて、「戻る」が機能しなくなったんだよ。まあそういう先行研究みたいなものはたくさんあって、一応確かめただけなんだけど。ハイパーテキストブラウザの「戻る」が機能しないというのは、送受信できないメーラみたいなものだろう。そのアプリケーションで一番大切なGUI部品が機能しないということだから。で、パワーユーザに対してはその自由を奪うわけだろう。勝手にウィンドウを新しく開かれるとか、余りにもうざすぎる。それに対して利点っていったいなんだ? もうね。あり得ないレベルだね。センスのかけらも

  • PythonでWebアプリつくるのにDotCloudに登録しない手はない - YAMAGUCHI::weblog

    はじめに サエンバイノー(こんにちは)、Python界のメンソレータムです。さても杓子もクラウドの時代ですが、みなさんいかがお過ごしでしょうか。先日ふと「DotCloud」というサービスを見かけてベータ登録したので、ご紹介致します。 DotCloudってなに? dotCloud - One home for all your apps DotCloudはいままでWebアプリケーションホスティングサービスの中で期待されていた領域に切り込もうとしてますよ。まず使える言語はPHP, Ruby, Python, Javaがいまのbetaの時点で使えて、さらにこれからリクエストがある言語にも対応しようとしてます。(ErlangとかSchemeとか)で、DBとかMQとかすでに有名所はいくつか使えて、なんでもリクエストがあれば対応するぜ!っていう勢い。またスケールに関してもスケールアップ、スケールアウ

    PythonでWebアプリつくるのにDotCloudに登録しない手はない - YAMAGUCHI::weblog
  • HTML5で#!が不要になる簡単な実例 - karasuyamatenguの日記

    ここに行く http://html5demos.com/history/first first,second,third,fourthを交互にクリックする その際、URLバーを見つめる URLの最後の部分が瞬時に変ることに気付く 結局#!サイトがやりたいのはこれでしょ? これだけのためにHTML5を待たずサイトのURL構造で大冒険をした意味は何?

    HTML5で#!が不要になる簡単な実例 - karasuyamatenguの日記
  • さらなる「#!」URL批判 - karasuyamatenguの日記

    このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの? shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は: サイト内のロケーション情

    さらなる「#!」URL批判 - karasuyamatenguの日記
  • jQuery Mobile [基礎編]

    日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。