プロが実践するモダン 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. リストテーブル用ボーダー
What Great Leaders do ? -良きリーダーに必要なものとは？#2
スタートアップが組織として成長する過程において、マネジメントの課題はとてもクリティカルだと思う。特に、どういうマネジメントのやり方が正しいか、会社としての価値基準をつくっていく、というのは、これから先、どういう組織にしていきたいのか、と密接にリンクしてくるのだと感じます。 世界的な流れとして、よりアジャイル的なアプローチとかホロクラシーとか、色々なワードが出てきていますが、前回に引き続き、そもそも組織マネジメントにおいて重要な役割を担うリーダーについて、スタンフォード大学教授のRobert (Bob)Suttonが講義しているWhat Great Leaders do ?-「良きリーダーに必要なもとは？」をまとめてみようと思います。 Robert I Suttonの主な著書：「あなたの職場のイヤな奴」「Good Boss, Bad Boss」4. Use a small win strat
【ノマドワーカー必見】仕事がはかどる超穴場オシャレカフェ＆ワークスペース65選！ | Work ＆ Life
あなたが一番落ち着いて作業できる場所はどこですか？ 最近話題のノマドワーク。PC一つでどこででも仕事が出来るスタイルが定番になりつつありますよね。 フリーランサー、外勤の多い営業マン、会社を出て作業したい方…オフィス以外の場所で仕事がしたいけど、自宅だと捗らない…そんな方におすすめしたいのが、気軽に好きな時間に利用出来るカフェやワークスペース。 この記事では、ノマドワークに利用出来る都内のおすすめカフェ、ワークスペースをご紹介します。 落ち着ける居心地の良い空間を厳選してご紹介しますので、いつもチェーン店しか利用しない方も参考にしてみてください。 おしゃれで仕事が捗る、お気に入りの場所を見つけてみて下さい。 目次 0.仕事が捗る「ノマドカフェ」とは？ 1.東京都内のノマドカフェ65選 渋谷区 新宿区 港区 豊島区 世田谷区 千代田区 中央区 台東区 品川区 杉並区 江東区 2.全国展開のノ
Qiitaのスライドモードは、mizchiが勝手に作った！？─Incrementsの縛られない開発スタイルを聞いてみた
Qiitaのスライドモードは、mizchiが勝手に作った！？─Incrementsの縛られない開発スタイルを聞いてみた 馬場 美由紀（HTML5 Experts.jp編集部） 及川卓也さんや田中洋一郎さんをはじめ、著名なエンジニアが次々と入社していることで話題のIncrements。8月にはさらにCSSのコードフォーマッターであるStylefmtの作者・morishitterこと森下雅章さんを迎えるなど、さらに開発陣営を強化しています。 今回はさっそく森下さんにも加わっていただき、白石俊平編集長を聞き手に、CTOの髙橋侑久さん、フロントエンドエンジニアmizchiさん、デザイナーの東峰裕之さんに、「Qiita」の開発環境や開発スタイルなどについて聞いてみました。 特定領域でとんがってるスペシャリストが増えてきた 白石：まずは、自己紹介とQiitaの開発チームでの役割についてお聞かせください
写真画像を無断使用されたので、使用料金をご請求申しあげた件【著作権裁判まとめ】
2016年8月22日著作権侵害対策 昨年４月、旅行会社のA社のウェブサイトにぼくの写真画像が無断で使用されているのをみつけました。スクリーンショットはこれです。 小さな扱いですが、プロのフォトグラファーという著作権で成りたつ仕事をしている以上、これを捨て置くことはできません。 ふつうは出版社でも広告代理店でもクライアントの皆様は１枚の写真に対してきちんと使用料金を支払ってくださいます。それなのにA社は画像を無断で使用したことで料金の支払いを免れるというのでは他のクライアントとの公平性がとれなくなります。 そこでA社に連絡をとって抗議したところ、無断転載を認めないどころか「当社を中傷するなら名誉毀損で訴訟します」との回答をいただきました。対策に窮したぼくはやむを得ずこちらからA社を著作権侵害で提訴しました。 そして裁判所という場において、このたびA社社長は「写真を無断使用した」というぼく
経営者が新規事業を失敗させてしまう７つの罠 | Social Change!
多くの企業が新規事業に取り組んでは失敗している。新規事業はそもそも難しく、企業の中で始める新規事業もスタートアップも成功するケースはわずかしかない。中でも既存事業をもった企業の中で新規事業を立ち上げるのは、非常に難しい。スタートアップに比べて恵まれた環境にあるにも関わらず、である。 私たちも大手システム会社の社内ベンチャーからスタートしたので事情はよくわかっているし、「納品のない受託開発」では新規事業に取り組むお客様の相談を多く受けてきた。本記事では、そうした経験から新規事業の当事者でなく、既存事業の経営側がやっていることで失敗させてしまっている点について考察した。 たくさんの関係者を入れる 仲間内で始めるスタートアップと違い、企業で新規事業に取り組む場合は、社内からメンバーを集めてきて体制を作るところから始まる。事業計画をもとに必要なスキルを持った人員が配置される。しかし、そこに落とし穴
【プロ直伝】大谷翔平の肩甲骨をゲットする5つの超実践ストレッチ | 中村ひろき公式ブログ
こんにちは！中村ひろきです。 大谷選手のような柔らかい肩甲骨をゲットすべく、 日々肩甲骨のストレッチに明け暮れる、 秘境をめぐる治療家の中村ひろきです。 今回は、肩甲骨のまわりがガッチガチに硬い人のために「肩甲骨ストレッチ」を徹底的に伝授していきますよ〜！ なんで肩甲骨のストレッチをするの？ 肩甲骨を柔らかくする5つの黄金ストレッチ 1.壁を使って前かがみ 2.カラダを前後左右に動かす 3.伸ばした腕を振り下ろす 4.タオルを使って腕を振り下ろす 5.大谷翔平に憧れる体操 肩甲骨ストレッチをもっと深く知りたい方へ 肩甲骨ストレッチのよくある質問 そもそも肩甲骨について 故障について 効果が出ないことについて 時間や間隔について 黄金の肩甲骨ストレッチまとめ なんで肩甲骨のストレッチをするの？ スポーツ選手でもないぼくが、ナゼ肩甲骨のストレッチに励んでいるのか？ それは、肩甲骨がガチガチに硬
アーキ部：テーブル設計をやってみよう！ - そこに仁義はあるのか(仮)
毎週金曜の定時後に弊社でアーキ部なるものが開催されています(✌'ω' ✌) スピードラーニング的に@kawasimaさんのお話を聞く会ですが、今週はテーブル設計がテーマでした！ この記事がすごく良かったので、触発されてブログ書く！！！ developer.hatenastaff.com お題 ↓のお題が出て、テーブル設計を考えてみるはなし。 要求仕様は以下のとおり。 ・宿の部屋は、シングルやツインのような部屋タイプが設定できます。 ・宿側で宿泊プランを設定できます。宿泊プランは適用される日付が設定できます。 ・プランには複数の部屋タイプが含まれることがあります。 ・宿側でプラン・部屋タイプ・宿泊日ごとに宿泊費の設定ができます。 ・カスタマはプラン・部屋タイプ・宿泊日を指定して宿泊予約ができます。 ・予約は会員でも非会員でも可能です。 ・また、会員・非会員に関わらず、宿をお気に入りに登録でき
一から自分でコードをバリバリ書くという幻想 #21
友人からこんなコメントをもらった。「最近 bk ノートが、何か困ると同僚に聞きに行くキャラになりつつありますよ。もっと上から目線で書かないと。するとカコイイ！ とか言ってくれる人が出てきますよ」 そんなことを言われても、困ったら助けてもらうというのは事実なんだからしょうがない。そもそも、自分の弱さを認めるが強さの始まりというものだ、うんぬん。こんなことを書けば上から目線っぽい？。。が、やっぱりやめておこう。 話を変える。既存のコードをちまちまリファクタリングして、少しだけ新しいコードを追加して、デバッグして、なんてことを年がら年中やっていると、一から自分でコードをバリバリ書けたらどんなに楽しいだろう、なんてことを考えることがある。大きなプロジェクトの中で何かをやっていると、そういう機会は滅多にない。ぶつぶつ言いながら既存のコードをいじくりまわしていることの方が多いのだ。 が、あるとき、ひと
なぜUber EngineeringはPostgresからMySQLに切り替えたのか | POSTD
はじめに Uberの初期のアーキテクチャは、Pythonで書かれたモノリシックなバックエンドアプリで構成されており、データの永続性のために Postgres を使っていました。当時から比べて今のUberのアーキテクチャはかなり変わっており、 マイクロサービス のモデルや新しいデータプラットフォームになりました。特に、以前Postgresを使っていたケースの多くで、今は Schemaless 、つまりMySQLの上で構築された新しいデータベースのシャーディングレイヤを使います。今回の投稿では、私たちが見つけたPostgresの欠点を探り、MySQLの上でSchemalessと他のバックエンドサービスを構築するに至った経緯について説明していきます。 Postgresのアーキテクチャ 私たちはPostgresで以下のような多くの制約に直面しました。 書き込みでの非能率的なアーキテクチャ 非能率的
ReactでもDOMの木構造はつらいよ問題 - しゅみは人間の分析です
nippo.wikihub.io r7kamura Commented on 2016-09-01 何も考えずにReact, Redux使うような気はするのだけど、Reduxを使わない場合は各位どうやってState管理してるんでしょうか？ 親コンポーネントがstateとメンバ関数を持っており、子コンポーネントはpropsかcontext経由でその値を参照しながら描画とイベントバインディングを行っています。 日報で疑問を書いたら、id:r7kamuraさんが答えてくれた。 immutable.Recordに状態とロジック押し込んでそいつをContainer Componentのthis.stateに入れておく設計とか。 — 下京区 (@non_117) 2016年9月1日 facebookが想定してるのはこの用途かな。 DOMサブツリー間で状態の共有が発生するか、設計段階で予見するの難しそう
Go でいい感じのコマンドを作れるツールキットの紹介 - Cybozu Inside Out | サイボウズエンジニアのブログ
SRE の @ymmt2005 です。最近は systemd が好物です。 今回は GitHub でサイボウズが公開している Go 言語のプロジェクト群、特にいい感じのコマンドを作れる github.com/cybozu-go/cmd について紹介します。 SRE チームでは最近 Go でツールを開発する機会が多くなっています。最初のうちは決まった作り方をしていなかったため、コマンドごとに仕様がばらばらで、以下のような問題がでてきました。 REST API サーバーのアクセスログを記録しないコマンドがある 外部コマンド実行時のログを記録しないコマンドがある SIGTERM 等シグナル処理の方法がばらばら ログファイルのリオープンができずローテートしにくい ログメッセージの形式がばらばら 大雑把にいうと、ログとシグナル処理がきちんとしてないと扱いにくいわけです。 具体的にどうなっていると「い
イヤホン王子が選ぶ！i-dioの高音質番組にぴったりのおすすめイヤホンはコレ！ | i-dio 新放送サービス
新放送サービス「i-dio」の特長のひとつは、高ビットレートデジタル放送ならではの高音質な音楽プログラム。しかも無料です。せっかくなら、イヤホンにもこだわって楽しみたいもの。 そこで今回は、テレビでも有名な「e☆イヤホン」（株式会社タイムマシン）から、「イヤホン王子」ことPR本部長 岡田卓也さんと、PR本部 広報室長 松田 信行さんに、それぞれの番組の特性に合ったイヤホンを選んでもらいました。 （文中に掲載されているチャンネル編成は掲載当時のものです） イヤホンのプロが選ぶ「i-dio」に ぴったりなイヤホンとは？ 「i-dio」には、ハイレゾ級音質のHE-AACで放送されている「i-dio HQ Selection」や、Jazz、Classic、Masterpieceのセレクトミュージックが楽しめる「i-dio Selection」などがあり、いずれも無料です。 今回は、岡田さんにi-d
訳しました:「オブジェクト指向設計実践ガイド」 - 弥生開発者ブログ
こんにちは。Misoca開発チームのtaiki-tです。 先日、本を訳したのでそのことについて書きたいと思います。訳した本は「オブジェクト指向設計実践ガイド ～Rubyでわかる 進化しつづける柔軟なアプリケーションの育て方」。 オブジェクト指向設計実践ガイド ~Rubyでわかる 進化しつづける柔軟なアプリケーションの育て方 作者: Sandi Metz,?山泰基出版社/メーカー: 技術評論社発売日: 2016/09/02メディア: 大型本この商品を含むブログを見る 原著は”Practical Object-Oriented Design in Ruby” です。 Practical Object-Oriented Design in Ruby: An Agile Primer (Addison-Wesley Professional Ruby) 作者: Sandi Metz出版社/メーカー
派遣先を選ぶ際の「バカ避け」としての質問項目
東京都内で、一般派遣のPGとして何年か働いてきました。時給は2600円前後の案件が多かったです。（個人的にはもっと上げたいところですが、なかなか叶っていません） いわゆるWeb系が7割、SIer系が3割です。 SIer系（社内SE含む）は総じてクソだという印象を抱いていますので、バイアスがあるかもしれません。 どんな職種や就業形態であれ、何年かやっていると誰でも、「この条件を満たす就業先はアウトだから、ここで働いてはいけないな」という判断基準が自分の中で確立されてくるものだと思います。 自分のそのような判断基準を整理する意味合いも含めて、「就業先（派遣先）との面談の際、これを聞けば良いな」と思う質問項目を書き出してみようと思います。 typoはご容赦ください。 (1)作業に使うPCのメモリ容量とディスプレイの画素数と枚数を教えてください。 メモリ8GB未満→論外。「我々は、たかだか数千円の
「バカ避け」会社選び質問に答えてみた: BPS株式会社｜TechRacho by BPS株式会社
morimorihogeです。トレーナーレベルは23、図鑑は103です。 はてな匿名ダイアリー（通称増田）で 派遣先を選ぶ際の「バカ避け」としての質問項目 という記事がバズっていたので、同じような価値観で会社選びをされている方向けに回答記事にしてみました。 転職を考えている・検討しているエンジニアの方はぜひ目を通してみて下さい。 基本情報 一般的な情報は弊社HPを見てもらうとして、それ以外の点についてざざっと。 弊社は社員数40〜50名程度の開発会社です。社員数は現在も拡大中で、それにともなって非エンジニア職の人数も増えつつありますが、今でも社員の7〜8割はエンジニアまたは元エンジニアで構成されています。 メンバの大半は正社員で、その他に契約社員とアルバイトが数名という構成です。どうしても手が足りない部分だけはSESで他社から応援に来てもらうこともありますが、ごく少数です。 エンジニアが主
金融サービスに傾倒する小売業は衰退する（このジンクスに楽天は勝てるのか？）
「金融サービスに傾倒する小売業は衰退する」というタイトルは、厳密にいえば、「顧客データベースを構築して金融サービスを始める小売業は衰退する」・・・となる。 古今東西、企業が顧客データを蓄積するようになると、必ずといっていいほど、保険販売、ショッピングクレジットやキャッシングをふくめた金融サービスを始める。顧客データを保有する企業には小売業が多いので、「小売業は金融サービスを始めたがる」としてもよい。そして、また、金融サービスに力をいれた小売業は、本業がダメになってしまうことが多い。 「だから、楽天は大丈夫かなあ？」という老婆心でこの記事を書いています。 最初に、金融サービスを始めてダメになった小売業の「古今東西」の例をあげてみる。1960年代～80年代にかけて米国一の小売業だったシアーズ。そして、英国人の5人に1人が顧客だといわれた英国のテスコは最近の例だ。 19世紀末にカタログ通販を始め
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「もやしを茹でてポン酢をかけて食べる」くらいの難易度のレシピを教えて下さい
「LINEモバイル」9月5日サービス開始、月額500円～
長文日記
Reactの最新動向とベストプラクティス
