builderscon2017の発表資料です。 https://builderscon.io/tokyo/2017/session/182ba13a-ccd5-4ddd-9565-c4e20df1d871
floatレイアウトはすでに過去のもの。Webサイトの要素の位置を操作するならFlexboxが定番となりました。出遅れたWeb制作者のために基本を解説します。 テーブルタグが唯一のWebページをレイアウトする手法だった頃を覚えていますか? 表形式のデータを表示するための機能をレイアウトに無理やり使っていたので、タグ名の意味と用途が異なるひどい状態でした。新しい「道具」が必要になり、「正しい」レイアウト方法としてfloatと絶対位置指定による手法が登場しました。 しかしテーブルタグ同様、floatと絶対位置指定の目的はWebサイトを整形することではありません。 主要ブラウザーがCSSで機能する頼れるレイアウトエンジン、CSSグリッドレイアウトをサポートしました。非対応のブラウザーに対する互換措置をすれば十分使えます。 互換性確保の方法は、Flexboxベースのレイアウト(W3Cが好む言い方だ
「ピッ」とタッチするだけで駅の改札を通過できる交通系ICカード。SuicaやPASMO、ICOCAにSUGOCAなどさまざまな種類があり、日常的に電車に乗る人にとっては今や必需品です。 少し前の話になりますが、この交通系ICカードでの駅への入場について、東京と大阪の違いを描いたマンガがTwitter上で大きな話題となりました。関東圏では、カードのチャージ残額が少ないと改札内に入場できないのに対し、関西圏では問題なく通過できるというのです。 残額不足でエラーとなり、「ピンポーン!」の音とともに改札の小さな扉(ちなみに「フラップドア」といいます)に止められてしまった経験のある人は多いはず。なぜこのような違いが生まれたのか、調べてみました。 各社の約款はどうなっている? まずは、地域による差が本当なのか、鉄道各社の約款(やっかん)をチェックしてみました。すると、JR東日本のWebサイトには次のよ
こんにちは。グリフォンでインフラエンジニアをしている徳田です。 日々運用しているインフラの改善や新規ゲームのインフラ設計などを行っているのですが、先日、グリフォンで4年運用しているブラウザゲーム「不良遊戯 シャッフル・ザ・カード」(以下、不良遊戯)のインフラをGoogle Cloud Platform(以下、GCP)へ移設しました。今回は、その時の経緯や設計、行った作業やTipsについてご紹介します。 経緯 大まかな経緯として、 インフラコストの削減 パフォーマンスの向上 インフラ環境の整備 技術的な挑戦 がありました。しかし、事の発端は私がGCPを使いたい・試してみたいというなんとも自分勝手な提案だったのですが(笑)。 「インフラコストの削減」と「パフォーマンスの向上」については、不良遊戯をリリースしたのが2014年の5月で3年経っており、リリース時に比べVMのコア単価が安く、CPU性能
マイクロチームでの高速な新規開発を支える開発・分析基盤 by @__timakin__ Builderscon2017でのプレゼン内容です。
「ガチャを回して出た食券でメニューが決まる」というまさかの発想で注目を浴びた「ガチャめし」(関連記事)が、兵庫県・丹波篠山の「西紀サービスエリア下り線」で8月5日、いよいよスタートしました。 さまざまな年代の方が楽しんだガチャめし 西紀サービスエリアの担当者によると、初日の朝10時から夕方までで、1回500円のガチャが70回以上回されたとのこと。利用者の半分ほどが家族連れで「当たった!」「それ良いやんか!」と盛り上がっていたとか。他にも三重から1人で来たという男性の方や、60代と30代くらいのお母さんと息子さんがそろってガチャを回す光景などが見られたそうです。 どんなメニューが来るか、配膳までわからないシステム また大当たりが出て鐘が鳴ったとき「食堂じゅうが拍手で包まれる」という、思わぬハートウォーミングなシーンもあったとか。夕方までで大当たりの「但馬牛、但馬牛うどん・そばセット(2100
その瞬間まで、確かにそこにあった街、暮らし、命。当時の人々の営みを丹念に描いた映画「この世界の片隅に」がロングランを続けている。主役のすずが見つめた風景から、失われたものに思いをはせる。原爆投下から、きょうで72年――。
こんにちは。インフラ部の齋藤(@sri_1128)です。 今回はAWSのAPIを扱うときにLINQPadを使うと何かと便利です。 という話をしたいと思います。 AWS APIの便利さと複雑さ 普段、Windows環境でAWSのAPIを叩くときには、CUIで扱う場合にはAWS Tools for Windows PowerShell、C#から扱う場合にはAWS SDK for .NETを使います。 Windows環境からでも全く問題なく扱えますし、新サービス等への追従も早く、仕事をする上で欠かせない便利な存在です。いつもお世話になっております。 しかし一方で、APIのRequestに使うクラスやResponseで返ってくるクラスって結構ネストが深かったり複雑で、パッと見だとどう扱うべきなのか分かりづらいデータ構造になっているものが多いと感じます。 EC2インスタンス名の一覧を取得する。のよう
※本ページはアフィリエイトプログラムによる収益を得ています コナン・ドイルによる不朽の名作「シャーロック・ホームズ」シリーズ。その全60作品(長編4、短編56)をWeb上で無料公開しているサイト「コンプリート・シャーロック・ホームズ」がTwitter上で話題になっています。同シリーズの日本における著作権は既に失効しているため、英語である原作から直接翻訳すれば、著作権上の問題なく掲載することが可能です。しかし全作品を翻訳するとなると、それは並大抵の作業ではありません。 ねとらぼではサイト管理者であるITエンジニアの寺本あきらさんに取材しました。約26カ月に及んだという過酷な翻訳作業。誰に頼まれるでもなく、粛々と膨大な分量を翻訳した動機は何だったのか。「シャーロック・ホームズ」への熱い思いをたっぷり語っていただきました。 「コンプリート・シャーロック・ホームズ」のトップページ。全60作品がPC
ソニーとIBMが、330TBの大容量磁気テープを開発。過去の技術に息を吹き込む2017.08.05 19:0014,167 abcxyz いまこそ。 ハードドライブに詰め込めるデータの量はうなぎ登りに増えています。Seagateは昨年末に60TBのSSDなんてのも出していました。でも、膨大な量のデータ保存には、まだまだ「磁気テープ」に勝るものはありません。大容量という理由だけでなく、寿命の理由からも信頼度が高い媒体なのです。 そして今、IBMとソニーにより、1平方インチ(約6.5平方cm)に201ギガビットものデータを保存できる新たなテープが共同開発されました。 Screenshot: ギズモード・ジャパン編集部 via IBM Research/YouTubeそう聞いても、非常に小さなmicroSDカードに256GBも映画や写真、音楽が入っちゃうことを考えるとあんまり凄いことのように思え
日産自動車の米国法人、北米日産は日本時間の8月3日、炎天下の車内にうっかり子どもを置き忘れないための安全装備を、9月に米国で発売する3列シートSUVに採用すると発表した。 この安全装備は、「リアドアアラートシステム」と呼ばれるもの。リアドアアラートシステムは、後部ドアのスイッチをモニターして、走行前後のドアの開閉状態を検知する。 走行する前に後部ドアが開閉されたにもかかわらず、走行終了後に後部ドアが再び開かれなかったことが検知された場合、車両が駐車され、イグニッションがオフになった段階で、インパネ内のディスプレイに警告メッセージを表示する。 それでも、ドライバーが子どもを車内に残したことに気づかず、車両から離れた場合、自動的に複数パターンの音を発するクラクションを鳴らして、ドライバーに後部座席を確認するよう促す。 リアドアアラートシステムは、当時妊娠8か月だった北米日産の女性エンジニアのア
ThinkPad X1 Carbon 2016年モデルを使用してきましたが、ついにThinkPad X1 Carbon 2017年モデルの購入を決意し発注しました。今回は、昨年のモデルを購入している僕が何故今年のモデルを購入する事にしたのかについて述べていきたいと思います。 ThinkPad X1 Carbon 2017年モデルと2016年モデルの比較 ThinkPad X1 Carbon 2017年モデルとThinkPad X1 Carbon 2016年モデルざっくり比較すると ThinkPad X1 Carbon 2017 ThinkPad X1 Carbon 2016 カラー ブラック、シルバー ブラック 液晶 14.0型 WQHD IPS 14.0型 FHD IPS 14.0型 WQHD IPS 14.0型 FHD IPS プロセッサー 第7世代インテルCore プロセッサー 第6
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く