前回の「破綻しにくいCSS設計の法則 15」は思いがけず大変なご好評をいただきました。ただ書いた当人としては、まとまりに欠けていたように思えましたので、今回はもう少し本質的なところを書いてみたいと思います。 CSSとは実際のところ何か CSSが破綻する理由 破綻しないCSS設計とは 1. CSSとは実際のところ何か CSSはJSONと同様にシンプルなフォーマットで、基本的には以下のような構造になっています。
![CSSが破綻する4つの理由 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef24885cdf80e5f91812776cf3bd19e961c0aec0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Q1NTJUUzJTgxJThDJUU3JUEwJUI0JUU3JUI2JUJCJUUzJTgxJTk5JUUzJTgyJThCNCVFMyU4MSVBNCVFMyU4MSVBRSVFNyU5MCU4NiVFNyU5NCVCMSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTQ4NjA5NTFhZWJiMDUwZDQ4YWEzYmQwYzJlNTkwMjc%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQllPREtNJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04MzEwODViMmJiNjc0MTcyZmUzNWNiYjEzMmFiM2M3MQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D32d9f49239de4c5f67a04b3b594a18cc)
こんにちは、id:ukstudioです。今回は弊社サービスの1つであるSPOTLIGHTSにVue.jsを採用した話をしようと思います。 SPOTLIGHTS自体は一般的なRailsアプリケーションといって問題ない作りになっているので、既存のRailsアプリケーションにどういった形でVue.jsを投入していったかを中心に書いていきます。 Vue.js採用前の状況 SPOTLIGHTS初期のJavaScriptはHTML/CSSと共に外注し納品してもらったものです。 フレームワークといった類はほぼ使っておらずjQueryに頼りきったコードでした。 当時は様々な事情によりこれはこれで妥当な判断だったと思うですが、今後社内でメンテナンスしていくうえで足かせになるであろうというのはなんとなく予想ができていました。jQueryのイベントハンドラやDOM操作がひとつのファイルにひたすら連なっているとい
昨日世話になってる女史への誕生日プレゼントを買うべく、同じくその女史に世話になってる友人と男2人で色々回ってたんだけど、愛用してるコスメブランドのものがいいんじゃないかということになって、そのブランドが入っているデパートに行ったんですね。 で、うだつの上がらない野郎二人が完全にアウェイな高級デパートに鎮座するきらびやかな化粧品フロアに足を踏み入れると、館内放送がこうなじってくるのです。 「へーい、ここは快適な生活シーンを創造するプロフェショナァルが集い、最先端のオシャレを求めるセレブ達へ提案する高級デパート。 おいそこ!そこの風俗崩れみたいなWエンジンのチャンカワイじゃない方と首を一刀両断しやすそうな一茂、お前らだよお前ら! キミ達は田舎の養鶏場の横で売ってる鶏糞をそのまま塗りたくってパックしてた方お似合いさ。あ、発酵タイプの方が効果倍増だからね?」 そんな懐かしのおしゃれ大戦的なネタはと
Build 2015 のキーノートで公開された Visual Studio Code ですが、見た目がどう考えても Visual Studio Online "Monaco" だろと思ってたら、思った通り Monaco だったようです。 Visual Studio Code - Code Editing. Redefined 実行環境としては Atom Shell と言うか Electron を使っているみたいです。当然ながら中身は Monaco なので Node.js で書かれています。 インストールされたディレクトリを見ると、Chromium な DLL とか出てきます。 最近はアプリケーションも nupkg 形式で配布するようになったんですね。 基本的には Chrome のように起動時にアップデートしていくスタイルのようです。 Windows だけだと思いますが、インストールするとコ
ポッドキャストで聞いていてとても良い内容の番組だったのでメモ!! スクリプトドクターとして活躍されいる三宅隆太さんから女性アナウンサー山内あゆさんが物語の作り方を教わるという番組でした 。 番組シーン (山内) 三宅隆太さんは脚本家、映画監督であり、日本に数人しか居ないと言われている脚本のお医者さんスクリプトドクターとしても活躍してらっしゃるんですよね (三宅) 事前にお話作りの為の書き込みシートを渡して記入して頂いている ■書き込みシートの内容 Q1 : あなたのお話の主人公はどんな人ですか? A1 : 小学生くらいの男の子。変身が出来る。性格は優柔不断 (掘り下げの質問) Q1 : その主人公は好きなことや好きなものは有りますか? A1 : 虫とか動物が好き (掘り下げの質問) Q1 : 逆に嫌いな事や嫌いなものは? A1 : 暗闇や恐いこと Q2 : あなたのお話は主人公が何をしよう
先日の日記『「10日でおぼえるPHP入門教室 第4版」はセキュリティ面で高評価』では、同書のアップロード機能のセキュリティ面を評価しつつ、「もうひと踏ん張り確認して欲しい内容がある」として、画像XSSの可能性について指摘しました。では、これを直せば完璧かというと、実はそうとも言えないという微妙な問題があります。それは、アップロード先の場所とファイル名の問題です。 ファイルをアップロードするディレクトリ: ドキュメントルート下の /php10/doc/ ファイル名: ブラウザから送信されたファイル名そのまま これらのうちファイル名の拡張子については、gif/jpg/jpeg/pngのみを許すという、いわゆるホワイトリスト検査がされていて、またgetimagesize()関数により、画像ファイルであることの簡易的なチェックをしています。しかし、この状態では、環境によってはアップロードしたファイ
特集 #創作、#漫画 2015-04-29 【漫画】Re:プレゼンテーション てらおか現象 ポストをみるポスト シェアする ブックマーク シェアする ポストをみる こんな記事も読まれています この記事を書いたライター うおおおおお! てらおか現象 漫画と3DCADをしています。 @radioduct HOME PAGE 【漫画】Re:プレゼンテーション 【装置を作る漫画】自転、公転、回転寿司とは惑星だった 割れてないけど割れたっぽい線を描いてフェイク金継ぎをする てらおか現象が書いた記事をもっと見る # 創作の記事 【漫画】童貞に捧ぐ 小山健 が ほか 梨 【奇妙なブログ】消えていくカナの日記 雨穴 人形に録音された、知らない子供の声の謎 雨穴 にま 梨 もっと見る # 漫画の記事 【性格別】「悪の組織」によくいる敵とその裏切り方11パターン かまど 【漫画】たまに取り出せる褒め 投稿編
HashiCorp 社から、新たなソフトウェアである Vault by HashiCorp がリリースされました。 - HashiCorp Blog: Vault この Vault について、Getting Started を一通り実施した後に Docs の一部を確認してみたので、簡単にその内容をまとめてみます。 Vault とは何なのか Vault を一言で言うと、機密情報(Secret) を管理するツールです。 これだけ IT が広がっている現在、機密情報の範囲も広がり続けており、データベースにアクセスするためのユーザ/パスワードや、連携するシステムの API キー等、多岐に渡ります。こういった情報、おまえのところのシステムではどう管理してた?XML に生で書いてる、あるよねそういうの。jdbc.properties に直書き、うんうんわかるわかる。ちょっとがんばったら crypt で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く