WebKit系ブラウザ（Chrome／Safari）で両端揃えはできないの？jQueryで検証してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WebKit系ブラウザ（Chrome／Safari）で両端揃えはできないの？jQueryで検証してみた こんにちは。カートン買いでライターが溜まっているライターの内藤です。 先日、とある案件で「pタグの部分、両端揃えした方がきれいに見えない？」という話が出て、FirefoxとIE10は問題なかったのですが、WebKit系（ChromeとSafari）が対応していないことに今更気づき、何とかできないものかと思ったのがこの記事の経緯です。 具体的には、 text-align: justify; text-justify: inter-ideograph;（IE用） がWebKit系だと綺麗に見えないぜ！ということです。 目次 ブラウザによる両端揃えの見え方の違い 参考になったjQueryコード slabTextとFitText WP slabText 試してみた 研究してみた 自作の幅調整jQ
wri.peで学ぶ、イマドキのWebアプリの作りかた（前編）
エキスパートが手がけたプロダクトを題材に技術的な解説を行っていくシリーズ連載、今回は wri.peです。 難しい機能の実装や、先進的なAPIの利用を通じて、執筆者が得たノウハウを余すところなく紹介していきます。 HTML5を活用したメモ帳アプリ [wri.pe] 最近、仕事で作っているミイルが忙しかったり、趣味で作っているMobiRubyがなかなか進まなかったりして、個人でWebサービス的なモノを作っていない事が自分としてちょっと気になっていました。 そこで息抜きとして、ゴールデンウイークに集中してWebサービスを一つ作ろう！と思い立ち、wri.peというWebサービスの開発に着手しました。 wri.peは自分が使いたいと思えるメモ帳を作ったので、下記の様な特徴を持っています。 Markdownフォーマットをサポート Gmailの様なアーカイブ機能 全文検索 カレンダーへのマッピング iP
なぜ QUIC や SPDY が生まれたのか ? - Block Rockin’ Codes
Intro Google が SPDY の開発を始めたのは 2009 年で、 2012 年に HTTP2.0 のドラフトとして採用されたあたりからちょっと話題になりました。 翌 2 月には新たなプロトコル QUIC の存在が Chromium のソースからリークしたのですが、しばらくは音沙汰なく。 6 月に入ってやっと Google から公式アナウンスとドキュメント類が出ました。 去年から今年にかけて立て続けに出てくる新しいプロトコルの話。 なぜ今 Web のプロトコルが見直されるのか？ 何が問題で、なぜ Google はそれらを作り変えるのか？ SPDY や QUIC は Google の独自プロトコルだけど、それは本当にただの独自プロトコルで終わらせていいのか？ 20% ルールで作ってみた Play プロジェクトでしかないのか？ こうした新しい動きには、かならず「それまで」と「今」を踏
Web系サービス運営でKPIを決める時に気を付けるべき3つのポイント - 渋谷駅前で働くデータサイエンティストのブログ
そろそろ新職場にも慣れてきましたよ、ということでちょっと与太話でも。少し前のTokyoWebminingでも話題になっていた、「KPIの決め方」についてです。 ところで、現場によってはKPIが何故か売上高とか営業利益とか「目標そのもの」になってしまっているケースがあると聞くんですが、そういう方には『「KPI」＝「目標」だと勘違いしていませんか？｜中野康之のソーシャルメディア運営で「ビジネスを加速」させるブログ』を一読されることをお薦めします。 売上や利益など、 対外的に提示する一般的な指標を「目標」とするのに対し、 内向きの行動に繋がる具体的な指標が「KPI」です。 ものすごーく当たり前のことだと思うんですが、一昔前の体育会系営業みたいな「とにかく毎日の売上高にしか興味がない」というやり方*1でいくと、Web系サービスのような施策介入できる余地が限られている業界*2ではどんどん手詰まりにな
[JS]ヘッダをスクロールしても上部に固定表示するだけでなく、途中で変更もできるスクリプト -Clingify
ヘッダをスクロールしても上部にぺたっと貼りつくように表示し、ブレイクポイントを設定するとその地点で貼りつける要素を変更するjQueryのプラグインを紹介します。 デモページ：Optionsからちょい下にスクロール かなり下の方までスクロールすると、二番目のアイテムが上部に貼りつきます。 Clingifyの使い方 Step 1: 外部ファイル </body>の上あたりに、jquery.jsと当スクリプトを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.clingify.js"></script> </body> Step 2: HTML スクロールしても上部に固定配置にする
第70回PHP勉強会で浮動小数点数の話をしました - hnwの日記
7月22日に開催された第70回PHP勉強会で発表してきました。以下が発表資料です。 浮動小数点数周りのトピックを3点紹介する内容でしたが、思ったより反応が良かったように思います。 ただ、面白おかしく話そうとして、聞いている方々に無駄に恐怖を与えてしまったかもしれません。冷静に読み返していただければ、怖いように見える内容もレアケースの話題が多いことがわかるかと思います。 また、PDOの挙動については誤解を与えてしまったかと思いますので、プレゼン資料の25ページ目を大幅に差し替えてアップロードしました。 この点についてもう少し説明します。PDOでプリペアードクエリを利用する際、プレースホルダに値を埋め込むのにPDOStatement::bindValueメソッドを利用することができます。この際、bindValueメソッドの第3引数で利用でPDO::PARAM_INT定数を指定しても、第2引数の
ブラウザーの3D表現もここまで来た！WebGLを使った驚きのWebサイト
ブラウザーで3次元コンピュータグラフィックスを表... / WebGLを使った3D表現 / SculptGL他...全13件 ブラウザーで3次元コンピュータグラフィックスを表示させるための標準仕様「WebGL」。Microsoftも重い腰を上げ、次期バーションの「IE11」からWebGLを標準サポートすることが決定しています。これからますます目にする機会が増えそうです。 そんな、圧倒的な3D表現が可能なWebGLを使った驚きのWebサイトを集めました。
プライバシーエンジニアを育てよう
危機感があったからです。意見書は2013年4月の論点整理と、6月の報告書案で2回出しましたが、まず言いたいのは、政府がパーソナルデータの利用や活用を言い出したとして、規制緩和だと誤解して浮かれる人がいることです。確かに一部は規制緩和ですが、別の一部は規制を強化して産業振興のためのエンフォースメントを目指しているのです。 案の定、誤った解説も出始めています。例えば、政府がビッグデータビジネスを後押ししているという趣旨のインターネットの記事では、弁護士の方が誤ったコメントをされています。携帯電話の位置情報データは個人情報と何が違うのかというインタビュアーの質問に、「性別や年齢層だけでは個人を識別できないので、個人情報保護法の対象である個人情報ではない」「政府は住所や氏名を排除した匿名化データの利用を促進しようとしている」と答えている。これは間違っています。 弁護士さえ誤った解釈をしているという
Git にパッチを送って取り込まれた話
Git の挙動に変なところを見つけたので、パッチを作って Git のメーリングリストに投げてみたところ、何度かのレビューを経て、無事に取り込まれた。 Git に貢献したい人とか、オープンソース開発の流れに興味がある人もいるだろうから、作業の流れを書いておくことにする。 1. バグを発見する 何はともあれ、修正したいところを見つけるところから。 先日、git difftool --dir-diff が便利すぎて泣きそうです という記事を書いたが、difftool --dir-diff の挙動を調べているうちに、一時ファイル書き戻し条件が変なことに気づいた。 手元のバージョンが古いのかとも思ったが、master ブランチでも再現したので、ちょっくら深入りしてみた。git difftool は Perl スクリプトだったので、ソースコードに print を追加しつつ挙動を探っていった。しばらく調
PCでもスマホでもスワイプできるギャラリー実装プラグイン「jQuery.swapgallerywithdots」:phpspot開発日誌
jQuery.swapgallerywithdots PCでもスマホでもスワイプできるギャラリー実装プラグイン「jQuery.swapgallerywithdots」。 スマホ用のサイト等でよく見るあのインタフェースをサクっとjQueryで実装するプラグインです。 これさえ知っておけば特別な事はしなくても簡単に実装できるということで覚えておいて良さそう 関連エントリ HTML5＆CSS3なクールでレスポンシブが良い感じのイメージギャラリー実装jQueryプラグイン「least.js」 画像を細長切りにしたオシャレなギャラリーを作れるjQueryプラグイン「Stripte」 Google画像検索っぽい画像ギャラリーが作れるjQueryプラグイン「Superbox」 ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」 レスポンシブな画像ギャラリーが
時速200キロ超え！ ホンダUKの芝刈り機が速すぎる
ホンダUKが世界最速をうたう芝刈り機「Mean Mower」を開発しました。なんと最高速度は推定で時速130マイル（約210キロ）。 Mean Mowerはレーシングチームと協力して、「Honda HF2620 Lawn Tractor」を改造したもの。Honda VTR Firestormの1000ccエンジンを使用し、カスタムメイドのギアシステムやスポーツシートを装備しています。もちろん芝を刈ることも可能で、そのときは時速15マイル（約24キロ）と、オリジナルのHF2620の2倍以上の速度。 今のところ、サーキットでのテストでは時速100マイル（約160キロ）を超える速度を出しているそうです。出力4分の3の時で130デシベルもの音（飛行機の爆音に近い）が出て、アイドル時の音は98デシベル。かなりの爆音マシンです。爆速で駆け抜けていく芝刈り機はなかなかにカッコイイですが、高速走行だと芝が
「WordPressのトップページに、新着記事数件を表示する」get_postsのサンプルコードをあげとく
※2018.03.01追記：4年半経ちましたが、今のところはおおむねこの記事のままで大丈夫と思ってます。定期的にチェックするのは大事。 今年に入ってから、「クエリ変更はquery_postsかpre_get_postsか」という話題がWordPress中級者以上の間では盛り上がっていましたが、初心者コピペWordPressユーザーの多くの方には「お前ら何を言っているんだ」ということでしょう。 実際、WordPress日本語フォーラムに投稿される質問の中でも、必要ないところでquery_postsを使って表示がおかしなことになっているケースがあとを絶ちません。 古い記事が検索上位に出ている現状 なぜ同じようなトラブルが減らないのかといえば、Googleで「WordPress 新着記事」「WordPress 新着情報」などのワードで検索した時、上位に表示されている記事が結構古いものが多いのにも
「Vagrant」って何ぞ？（・o・）
「Vagrant」って何ぞ？（・o・）：Vagrant開発者 Mitchell Hashimoto氏に聞いた 仮想の開発環境作成ツールとして人気が高まっている「Vagrant（ベイグラント）」。その開発者であるMitchell Hashimoto（ミッチェル ハシモト）氏が来日するとの情報を聞き、2013年7月12日、VOYAGE GROUPで行われたミートアップに駆け付けた。 「Vagrant」とは Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。「ほんの数行書くだけで開発用の仮想マシンを構築できる」という優れものだ。 Vagrantのビジョンは、「開発者とシステム管理者にとって最高の『開発フロー』を提供すること」。Vagrantをダウンロードして「vagrant up」と入力し、実行するだけでそれが可能となる。 システム管理
Facebookが開発するPHPの高速実行環境「HipHop VM」、バージョン2.1がリリース | OSDN Magazine
米Facebookの「HipHop VM（HHVM）」は、PHPの高速化を最大の目的とするFacebookのオープンソースプロジェクトだ。7月12日に公開された最新版「HHVM 2.1」では、Redisのサポートなどが加わり、速度もさらに改善している。 HipHop VM（HHVM）はFacebook内で開発されているPHPの高速な実行環境。独自の仮想マシンやランタイム、JITコンパイラなどから構成されている。PHPの柔軟性はそのままにJITコンパイラによる高速化を図るもので、Zend Engineを利用するPHP 5.2と比較してスループットが5倍以上改善するという。HHVMはスタンドアロンのサーバーで運用でき、Apacheおよびmod-phpを置き換えることができるとのこと。ライセンスはPHPおよびZendライセンス。Facebookは2011年末にHHVMを発表、それまでテスト環境で
当選の渡辺氏「ブラック批判」と徹底抗戦宣言 – 東京スポーツ新聞社
ギリギリの辛勝だ。開票早々に報道各社が「自民圧勝」を伝えた中、自民比例代表候補の「ワタミ」創業者・渡辺美樹氏（５３＝写真）は大苦戦を強いられた。 出馬表明直後から大批判の矢面に立たされた。週刊文春がワタミを「ブラック企業」と名指しするキャンペーンを張ったことなどで、自民内部からも「党の票が減る」との声が出る孤立無援の戦いだった。 ようやくＮＨＫが当確を出したのは、日をまたいだ午前３時４６分。４時に事務所に現れた渡辺氏は「長い夜を過ごしてもらいまして、ありがとうございました」と冗談をまじえる余裕を見せた。だが、前日の最終演説では「正直、マズイかなと思った。受かる、受からないは天命」との心境になったことを告白。 晴れて議員転身が決まったことで、批判への思いを吐き出した。「ブラック企業ということは、離職率が高いとか、給料が低いとか、犯罪を犯してるとか。それは何もないわけです。不幸な事故が起きまし
Wordpressへのブルートフォースアタック 3 - cNotes: Current Status Notes
しばらく観測できていなかったのですが、7/18になって同時に複数箇所で観測されました。 複数ネットワークの観測点すべてドイツからアクセスでした。 そして今回は登録されているアカウントの狙い撃ちです。 Wordpressは /?author=「USERID」 へアクセスするとauthorアーカイブへリダイレクトされるので、USERIDを1から順番に変えてリクエストを投げることでユーザーが何人いるのかとか名をauthor名を取得することができるためそれが利用されているようです。 たとえばブルートフォース前にこのような10件のアクセスログが一回だけ残されていました。 88.198.107.XXX - - [18/Jul/2013:18:48:20 +0900] "GET /wordpress/?author=1 HTTP/1.1" 200 9334 "-" "Mozilla/5.0 (X11;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google、Windowsアプリからもクラウドプリントを可能に
【Microsoft、Apple、スクエニ装うフィシング詐欺が出回る！】知っておくべき4つの対策とは？
家賃の更新料をタダにする方法 - ライブドアニュース