タグ

2016年9月5日のブックマーク (6件)

  • プロが実践するモダン CSS の書き方入門テクニック20選まとめ

    海外サイトTutorialzineで公開された「20 Protips For Writing Modern CSS」の著者 Danny Markov より許可をもらい、翻訳転載しています。 この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。CSSをはじめたばかりの初心者のひとにも合った内容も多く、あまり知られていない少しだけ高度で、より実践的なCSSテクニックまで学ぶことできます。これらのテクニックを利用することで、今後のウェブ制作をよりスムーズに、快適に行うことができるでしょう。 コンテンツ目次 1. 縦方向のマージン幅に気をつけよう。 2. レイアウトに Flexbox を利用しよう。 3. CSS リセットをしよう。 4. Border-box をすべてに適用しよう。 5. イメージファイルは背景に適用しよう。 6. リストテーブル用ボーダー

    プロが実践するモダン CSS の書き方入門テクニック20選まとめ
  • Check! Azure Web Apps に認証をかけて、特定のユーザーしか利用できないようにする - Qiita

    こんばんは、オークファンの @dz_ こと大平かづみです。 Prologue - はじめに Azure Web Apps は、.NETJavaPHP、Node.js、Python をサポートし、ブルーグリーンデプロイの仕組みなどを備えた商用利用が可能な PaaS です。 実は、 Web Apps には無料や低価格のプランもあり、プロトタイプを作りたいときにも重宝します。 そんなとき、パブリックに公開するのではなく、特定のメンバーだけが見えるように認証をかけたいと思いませんか? Azureの機能だけで、簡単にできちゃうんです。さっそくやってみましょう! 概要 どういう仕組みかといいますと、 Web Apps は「認証/承認」を設定することができ、以下の「認証プロバイダー」を選択できます。今回は「Azure Active Directory」を利用します。 Azure Active Dir

    Check! Azure Web Apps に認証をかけて、特定のユーザーしか利用できないようにする - Qiita
  • パソコンのSSDが故障した顛末 - 迎え角30deg.

    パソコンのSSDが故障した。これまでHDDの故障は何度も経験してきたため、HDDの不調や壊れる前兆は察知できるようになっていたのだが、SSDについては初めての経験だったために、なかなか原因を特定することが出来ず解決に時間がかかってしまった。その顛末をまとめておく。 環境(自作PC) 故障したSSD : Intel 335 Series SSDSC2CT240A4 使用開始日 2013年5月6日(3年と約3か月) 容量240GBのうち、約180GB程度を使用 システムドライブとしてOSとアプリケーションのみを格納 ほぼ毎日プライベートで使用。起動時間は平日で3~6時間、休日はほぼ丸一日。(廃人である) SSDが故障して何が起こったか Windowsは正常に起動するものの、数分~数時間でフリーズすることがある。 完璧なフリーズで、画面上の一切が反応しなくなる。タスクマネージャを呼び出すことも出

    パソコンのSSDが故障した顛末 - 迎え角30deg.
  • Qiitaのスライドモードは、mizchiが勝手に作った!?─Incrementsの縛られない開発スタイルを聞いてみた

    Qiitaのスライドモードは、mizchiが勝手に作った!?─Incrementsの縛られない開発スタイルを聞いてみた 馬場 美由紀(HTML5 Experts.jp編集部) 及川卓也さんや田中洋一郎さんをはじめ、著名なエンジニアが次々と入社していることで話題のIncrements。8月にはさらにCSSのコードフォーマッターであるStylefmtの作者・morishitterこと森下雅章さんを迎えるなど、さらに開発陣営を強化しています。 今回はさっそく森下さんにも加わっていただき、白石俊平編集長を聞き手に、CTOの髙橋侑久さん、フロントエンドエンジニアmizchiさん、デザイナーの東峰裕之さんに、「Qiita」の開発環境や開発スタイルなどについて聞いてみました。 特定領域でとんがってるスペシャリストが増えてきた 白石:まずは、自己紹介とQiitaの開発チームでの役割についてお聞かせください

    Qiitaのスライドモードは、mizchiが勝手に作った!?─Incrementsの縛られない開発スタイルを聞いてみた
  • アーキ部:テーブル設計をやってみよう! - そこに仁義はあるのか(仮)

    毎週金曜の定時後に弊社でアーキ部なるものが開催されています(✌'ω' ✌) スピードラーニング的に@kawasimaさんのお話を聞く会ですが、今週はテーブル設計がテーマでした! この記事がすごく良かったので、触発されてブログ書く!!! developer.hatenastaff.com お題 ↓のお題が出て、テーブル設計を考えてみるはなし。 要求仕様は以下のとおり。 ・宿の部屋は、シングルやツインのような部屋タイプが設定できます。 ・宿側で宿泊プランを設定できます。宿泊プランは適用される日付が設定できます。 ・プランには複数の部屋タイプが含まれることがあります。 ・宿側でプラン・部屋タイプ・宿泊日ごとに宿泊費の設定ができます。 ・カスタマはプラン・部屋タイプ・宿泊日を指定して宿泊予約ができます。 ・予約は会員でも非会員でも可能です。 ・また、会員・非会員に関わらず、宿をお気に入りに登録でき

    アーキ部:テーブル設計をやってみよう! - そこに仁義はあるのか(仮)
  • Arduino専用ビジュアルエディタBlocklyDuinoの使い方 - Qiita

    BlocklyDuinoとは Googoleが作ったBlocklyのArduio版。 キーボードによるコードを記述することなく、Scratchのようにブロックを組み合わせるだけでプログラミングできる、Webベースのビジュアルプログラミングエディタ。 コード生成からArduinoへの書き込みまでの流れ 今回は、下記の二種類を使う。 オンライン版BlocklyDuino オフライン版BlocklyDuino(Chrome App) 生成するコード 定番のLチカ void setup() { pinMode(13, OUTPUT); } void loop() { digitalWrite(13, HIGH); delay(1000); digitalWrite(13, LOW); delay(1000); } BlocklyDuino上でのコード編集 マウス操作だけで、コードが完成。 Ardu

    Arduino専用ビジュアルエディタBlocklyDuinoの使い方 - Qiita