SSLを基礎から学ぶには最適の入門書「食べる！SSL！- HTTPS環境構築から始めるSSL入門」 | DevelopersIO
「良い本に出会った。感動した。」 by濱田 2014年4月のOpenSSLの脆弱性に起因するHeartbleed事件では、世界中のエンジニアが対応に追われました。この記事を読んでいる人で、あの日のことを懐かしく苦しく思い出す方、多いと思います。自分も例外ではないです。 それだけ広く使われていて、インターネット通信における基礎のSSLですが、皆さん、以下の点にすっきり答えられますか？ SSLとTLSの違い SSLが保護するレイヤーは？ SSHとの違いは？ デジタル署名の「署名」の意味とは？ 証明書は「誰」が「なに」を「どうやって」「証明」しているのか？ 普段、EC2でキーペア発行したり、証明書導入したりしているエンジニアでも、案外、ここらへんがもやもやしている人も多いのではないでしょうか。 ぶっちゃけ、自分がそうでした。 そんな折に手に取ったこの本が、自分のニーズにばっちこーいでヒットしたの
乗り換え安心、SublimeTextからAtom移行してみて感じた違い｜dwango creators' blog（ドワンゴクリエイターズブログ）
ドーモ、デザイナーのigguです。 ドワンゴでもっぱらエンジニアと連携しながらWebサービスやツールのUIをデザイン/実装したりしています。 今日のお話 僕は2012年8月ごろから3年間ほどSublimeTextを使っていました。その前はDreamweaverです。DreamweaverにおけるGUI中心の環境はマウスとキーボードを行き来する場面が多く、ストレスになっていました。加えてSASSやLESSのメタ言語を使い始めていたのでそれが扱えるキーボード主体で高速なエディタが無いかなーと探していた所でSublimeTextに乗り換えたわけです。 からの・・・約2ヶ月前でした。 そろそろSublimeText飽きたなーと思っていた所に、以前Betaを試したっきり放置していたAtomがにわかに盛り上がっている模様をキャッチ、物は試しとメインエディタをSublimeText (以下Sublime
CSS3開発者ガイドーモダンWebデザインのスタイル設計 - MOL
冬なのでモチベーションだだ下がりですが、とりあえず生きていくには仕事をしなければならないのでコード書いている@t32kだよ。 久しぶりに本読んだので紹介だよ。おっさん、ピクセルパーフェクトなCSSコーディングしてた時代がIE6/7が全盛期だったので、未だにその当時のCSSコーディングのクセが抜けない。最近はCSS設計だったり関連ツールに興味の対象が移っていて、CSS自体の機能をちゃんと把握していなかった。 Flexbox何それおいしいの？ display:table 最強じゃん！って状態だし、 E:last-child擬似セレクタ使うのは甘え、男は黙ってclass属性に-last付けるべしって思ってるし、 アニメーションに関しては、transform、 translate、 transition、一体でどれがpropertyでvalueなのか、頭の中がごっちゃになってる状況だ。 このままだ
これからサイトを作る人向けに最適な学習コンテンツ「ウェブマスターアカデミー」
これからサイトを作る人向けに最適な学習コンテンツ「ウェブマスターアカデミー」 Publish2015/10/01(木) 今日は「これからサイトを作る人向け」にGoogleが公開しているウェブマスターアカデミーを紹介します。 サイトをこれから作ろうという場合、まず何からしていいものやらと思うことになりますが、その手順をGoogleが教えてくれるコンテンツという非常に効果的かつ有益な内容になっています。 この内容をしっかり学習することで、Webサイトの作成、運用をスムーズに行うことができるようになります。 Google自身が推奨している内容にもなるので、信頼性も非常に高いですし、確実です。 また、初学者のみではなく、基礎をすっとばして作った人や、現在すでにサイトを作成して運用をしている人も一度おさらいとして見ておくことで、現状サイトの問題点や改善点を発見するヒントにもなります。 結構守備範囲の
UNIXという考え方 - MOL
YAPC::Asiaでやたらと耳にした『一つのことをうまくやる』という言葉の出どころである『UNIXという考え方』を読んだ。 UNIXは30年以上も使われているOSで、20年くらいの歴史のWebよりも長い。ちなみに調べてたら日本UNIXユーザ会は、1983年6月に設立されたということで同じ誕生月、同い年ということを知った。 何はともあれ、Webのフロントエンドとというのはドッグイヤーのごとく、変化が激しい。毎年新しいJSフレームワークが出てきて正直ついていけていない。こうゆう時こそ、なにごとも歴史から学ぶ必要がある。 YAPC::Asiaにおいても、UNIXの考え方についてはWeb・フロントエンドのセッションにおいて上記の言葉をよく聞いたので、頭の良い人たちはすでに気づいているのであろう。 UNIXの考え方について、以下の9つが挙げられている。 スモール・イズ・ビューティフル 一つのプログ
コーディングWebアクセシビリティ : could
アクセシビリティ コーディングWebアクセシビリティ やさしく基本から書かれていますが、現場ですぐ使えるノウハウも盛り込まれています。実践的な入門書ですが、ネイティブアプリが全盛の今なぜ Web アプリのアクセシビリティなのかという疑問が残ります。 実践的な入門書 Webアクセシビリティの関連書籍は元々数が少ないですが、どれもお堅いイメージが漂うものばかり。そうしたなか、表紙から入りやすそうな「コーディングWebアクセシビリティ」は、ひとつ特異な存在ですし、今までの Web アクセシビリティ書籍のイメージを払拭しています。恐らくジャケ買い、またはジャケ立ち読みした人もいるのではないでしょうか。圧迫感のない文字の扱い、豊富にある図やイラストも、表紙の雰囲気を裏切っていません。 やさしく基本から書かれていますが、フォームやモーダルウィンドウといった、実装に悩む UI のアクセシビリティ向上のヒ
初めて GitHub を使う人にオススメの入門書 「Web 制作者のための GitHub の教科書」
Git バージョン管理システムのホスティングサービスとして最も有名、かつ利用者の多い GitHub ですが、プログラミングの現場だけでなく、Web 制作の現場、執筆、利用規約をはじめとしたドキュメント、ガイドラインの策定など、近年は幅広く使われるようになりました。 そんな、GitHub の使い方を、ノンプログラマな人にもわかりやすく解説した書籍、「Web 制作者のための GitHub の教科書」 をインプレス様よりご恵贈いただいたので紹介です。 Web制作者のためのGitHubの教科書 - チームの効率を最大化する共同開発ツール （インプレスジャパン） 基本機能を丁寧に解説 GitHub の Web インターフェースの解説から、基本的な用語の解説やアカウント開設の手順、さらに SourceTree を使用した設定から具体的なバージョン管理の流れまで丁寧に解説してくれていますので、初めて G
文系脳向けネット入門に「アカマイ 知られざるインターネットの巨人」をオススメする理由 - あざなえるなわのごとし
みなさんはインターネットに詳しいでしょうか？ ネットをブラウズする程度なら大した知識は必要ありません。 誰でも簡単に、インターネットの知識に関わらずアクセスしウェブページを観ることは出来ます。 それなりに詳しいひともWi-Fiやサーバーとクライアントなどは知っていても、 「インターネットの膨大なトラフィックを支える裏方」 については知らない方も多いと思います。 自分も知りませんでした。 無名の巨人 CDNサービス（Content Delivery Network）などを手掛け、現在インターネットを流れる情報のかなりの部分を担っている巨大企業アカマイ。 しかしその知名度はGoogleやYahoo!などと比較しても圧倒的に低い。 なぜならアカマイが取引を行う相手は企業。 サーバー/クライアントで言えばサーバー側を支えるのがアカマイ。 膨大なアクセスに耐え、効率的にトラフィックを流し、高度なセキ
「Web制作者のためのCSS設計の教科書」を読んでみました
Web制作の仕事について デザイナーがデザインした画面を、マークアップエンジニアがコーディングをしてサイトを公開する。 Web制作という観点から見るとこれで完了かもしれませんが、Webサイトは「いったん完成すればそれで終わり」ではありません。サイト公開後にターゲットユーザーをそのサイトに集客し、サイトオーナーのビジネスを儲けさせるために、運用をしなくてはいけません。運用フェーズに入ると、様々な改修や、新規キャンペーンサイトなどが追加になるかと思います。もちろんサイト公開前にも、「ちょっとココの色変えて」など言われることもあるでしょう。CSSの設計が悪いと、サイト改修を重ねるうちに思わぬところで見た目が崩れて、その修正に余計に工数がかかることになります。皆さん一度はこのような経験をされているのではないでしょうか。 本書は、これらの問題を解決するための思考を学ぶための書籍と言えるでしょう。10
修正しやすいCSSとは - MOL
@hilokiという男がいる。この男と初めて出会ったのは7年前だろうか、当時細々と石川でブログを書きながらWebデザイナーをしていた僕に初めて勉強会で声をかけてくれた人物である。 それ以来、当時彼が住んでいた大阪の勉強会と石川の勉強会で互いに参加しあったりして親交を深めていった。ついには2年という短い間ではあったが、某緑の会社で同僚として働けたことは本当かけがえのないものと感じている。 そんな彼が最近2冊目の単著を出した。1冊目の『HTML5＋CSS3で作る 魅せるiPhoneサイト』はもちろん購入して読書済だが、本当に丁寧に書いてあり分かりやすかった印象がある。そんな彼の出す本だから間違いないのは当たり前だが、特筆すべきは扱っているテーマだろう。 最近のCSSのWeb参考書というと、CSS3でこんなことができちゃいます〜、だとかアニメーションでこんなことがっ！？とか、こんなグラフィカルな
Web制作者のためのCSS設計の教科書
Web制作者のためのCSS設計の教科書 ( •́谷•̀)「CSSの本書いたよーヽ(=´▽`=)ﾉ」 ということで@hilokiさんから頂きました。ありがとうございます。 著者（@hiloki）について 前著も有名で、私から改めて紹介するまでもないかもしれませんが、カンファレンスや様々な勉強会でCSSについての講演を数多く行ってきており、 CSSが持つ弱点を理解し、設計の重要性を訴えてきた有識者の一人 です。 スライドを見ると分かる通り、CSSプリプロセッサの話に始まり、CSSの設計の話や、最近ではWeb Componentsを交えた話もされていて、CSSと戦ってきた傷跡が生生と感じられます（大袈裟）。今回の著書は得てきたナレッジの集大成といえるのではないでしょうか。 谷 拓樹 (著) 内容について 各章の概要をざっと振り返ってみます。 第1章 CSSにおける設計とは 第2章 CSSの基本を
CSSの基本から理解を深め一つ上のスキルを身につける、他書とはひと味もふた味も異なるオススメの本 -CSS設計の教科書
その場限りのCSSを使うのではなく、CSSの基本からしっかりと理解を深め、運用期間が長くても安心して使えるCSS、大規模なサイトでも管理できるCSSを身につけたい人に役立つ一冊を紹介します。 単にコードを書くだけではなく、設計・管理・運用を考えた『ちゃんとしたCSS』が徹底的に解説された良書です。 GoogleエンジニアのPhilip Walton氏によると、より良いCSSのゴールとして次の4つのポイントが重要です。 予測しやすい 記述したスタイルが他のスタイルに影響されず、期待通りの見栄えになる。 再利用しやすい スタイルの定義が機能ごとに管理されており、似たUIの別のプロジェクトにも利用できる。 保守しやすい スタイルを追加・修正した際に、既存のものに影響を与えない。 拡張しやすい サイトの規模が大きく複雑になっても、対応できる。 参考：CSS Architecture（翻訳版） これ
「Web制作者のためのCSS設計の教科書」は、今よりちょっとだけWEB制作のオペレーションをマシにできるかもしれない。
「Web制作者のためのCSS設計の教科書」は、今よりちょっとだけWEB制作のオペレーションをマシにできるかもしれない。 SassやCompassを使っていて、最近あまりCSSを直接書くという機会は減りましたが、CSSを書くという目的自体は変わらない！ということで、CSSの書き方云々ではなく、設計についての書籍が出たということでKindle版を購入してみました。 と、いうわけで、発売日に斜め読みした感想をまとめてみました。 やっぱり設計ですよね 「ヒャッホー！これCSSだけで実装できたぜー！」みたいな脳汁あふれるCSSコーディングは確かに楽しいのですが、やっぱり設計がきちんとしていないとですね・・・。という問題は様々な場所で出てくるかと思います。 似たような記述が散見されたり、わけがわからないおかげで後々の更新で「!important」を乱発する羽目になったり・・・。 せめて自分でコーディン
「CSS設計の教科書」の献本を頂きました - blog::wnotes.net
献本を頂きました 同じ会社ということもあり、普段からお世話になっている著者の谷さんより献本を頂きました。ありがとうございます。 普段からCSSやWeb Componentsで登壇されていることもあり、安心と信頼の内容でした。 以下、大まかな内容の構成と感想文です。 まずはインプレス様のサイトより目次より引用： 第1章 CSSにおける設計とは 1-1 CSS設計の重要性 フロントエンドとCSSの仕事 開発に欠かせない設計 より良いCSSのゴール 1-2 破綻しやすいCSS HTMLの構造に依存している スタイルを取り消している 絶対値を多用している 修正しやすいCSSへ モダンなサイト構築ワークフロー 第2章 CSSの基本を振り返る 2-1 CSSセレクタと詳細度 カスケーディングの基本 詳細度 詳細度の計算 2-2 セレクタのリファクタリング セレクタをより安全でシンプルなものに 要素セレ
ウェブ制作のフローが劇的に変わる！『Avocode』ベータ版を使ってみました | コリス
PNG Hat, CSS Hatなど、ウェブ制作に役立つツールを数多く開発しているMadeBySourceから、更に強力なツール『Avocode』がリリースされます！ 正式版のリリースはまだ先ですが、中の人からプライベートベータ版をいただいたので、さっそくそのレビューをお届けします。 プロダクトキーは複数あるので、レビューを見て興味をもっていただいた方は、明日か明後日に募集するのでお楽しみに。 Avocode Avocodeは簡単に言うと、PSDのプレビューと書き出しをPhotoshop無しで行うもので、書き出しは.png, .jpgの画像だけでなく、SVGへの書き出し、CSSへの書き出しにも対応しています。 画像のスライスやスタイルシートのコーディング作業を大幅に強化する感じです。 僕もまだ使って間もないのですが、Avocodeの画面を見ながらレビューします。 と、その前に、動画がアップ
「UNIXという考え方」を読んだ - その手の平は尻もつかめるさ
「UNIXという考え方」をAmazonのwish listに入れていたらid:kenjiskywalkerさんが贈ってくださったので読みました．お陰でUNIXという考え方を学べました．ありがとうございます！ 本書では一貫して「プログラムを小さく作る」という事と「1つのプログラムには単一のことだけを上手くやらせる」という事について言及されています． プログラムを小さく作るということによって，そのプログラムはコンピュータのリソースに対して優しくなり，なおかつ巨大なプログラムと比較して人間が理解するのが簡単になるので保守がしやすくなり，かつ他の部品と組み合わせやすくなるという論旨です． プログラムを小さく作ると，必然的にそのプログラムは多くの責務を負えなくなる為，自然とプログラムは単一の機能のみを持つようになります．従ってこれら2つの考え方は対になっていると言えるでしょう． 本書で言われている「
「現場のプロが教えるWeb制作の最新常識」を読んで – A Memorandum
日頃あまり日本語のWebの技術書を読むことがないのですが、監修はじめ執筆陣の名前をみて「どれどれどんなことが書いてあるのかな？、ウシシシ」と思ったので書店で購入しました。 別に頼まれたわけでもないのですが、書評的なものを書いてみましょう。 「最新」って言葉は、非常に難しいものです。特にWebの業界においては、雑誌や書籍のように出版まである程度の時間を要するものは、内容がパチンコ攻略本みたいなことになりがちなんですよね、残念ながら。特に日本語圏においては、英語圏の情報がしばらくの時（はやくて半年〜長くて2年とか）を経て翻訳されたり、ようやっと日本語の情報として流れることも珍しくありません。 Web制作という仕事は、いろいろな肩書きを持ったさまざまな人が携わっているものです。何も急いで最先端の技術や知識を身につける必要はない仕事の方が多いかもしれません。ただ、多少は世の中の流れに目を配っていな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Atomエディタに新しく結合された Git / GitHub を試してみよう - ろくデブログ
「西野亮廣 エンタメ研究所」が非常にアクセシブルな場になっている件
CSSI: CSS Investigation
