2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね！ ↑私が10年以上利用している会計ソフト！ 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく

2017年10月8日に開催されたPHPカンファレンス2017で発表した資料を公開用に増補したものです。 http://phpcon.php.gr.jp/2017/

先日、ioドメインの障害があったのだけど、自分がDNSの仕組みをよく分かっていないせいで、いまいちどういうことが起こっていたのか把握できなかった。そこで、DNSの仕組みについて軽く勉強したので、そのメモを残しておく。内容は間違っているかもしれないので、その場合は指摘してください。 DNSについて学んだこと Software Design 2015/4のDNSの教科書が非常に勉強になった。また、 インターネット10分講座：DNSキャッシュ - JPNICも参考になる。 権威サーバとフルリゾルバ まず、DNSサーバには権威サーバとフルリゾルバの二つの種類が存在する。 権威サーバ ドメインの情報を管理し、自分の管理しているゾーンの情報を提供するだけのサーバ 問い合わせたドメインが自分のゾーンの管理下ではない場合、別の権威サーバへ委任するという情報を返す コンテンツサーバとも言われる? 例) co

追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。 現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative

4000円台のPCボード「Raspberry Pi（ラズパイ）」をファイアウォール付きの多機能な無線LANルーターに仕立てられるの専用OSが「LEDE」です。ラズパイシリーズで動作するOSイメージを使って簡単に導入できます。 LEDEは、オープンソースのルーターOS「OpenWrt」の派生品です。ラズパイシリーズで動作するOSイメージファイルを提供しています。本家のOpenWrtはラズパイ3で動作するイメージファイルは提供していません。 LEDEをインストール LEDEをインストールするには、まず公式サイトからOSのイメージファイルを入手します。「Downloads」リンクから「Stable Release builds」-「17.01.2」-「targets」-「brcm2708」-「bcm2710」をたどっていくと、2017年9月14日時点の最新版「lede-17.01.2-brcm2

SCSSとは SCSSというのは、CSSのアレなところを何とかしようという目的で作成されたメタ言語です。詳細は省略します。 なにそれ？ ってかたは、コチラなどがわかりやすいのではないかと思います。 CSSのメタ言語Sass(SCSS)、LESSの完全入門 でですね。 ここで大事なのは、こいつは要するにCSS周りの技術ですので、つまるところは基本「デザイナーさんが使う」ものである、というところです。 彼らは概して、非常におおらかで、健康的で、寛容です。私たちサーバーサイドエンジニアのように、細かいことで「こんな仕様は許されんな！」「なんだよこの仕様設計したヤツって○○じゃねーの？」などとイラついたりしません。 なので、あんな欠点だらけのクソ規格であるCSSにも、特に気にしたりしないらしいのです。 ところがやはり、中には「CSSのそーゆーところって、やっぱ問題だよねー」って思う人々もいたらしく

こんにちは、2017年のエンジニア研修の担当者を務めます、 @asuforce & @shimojuです。 研修の担当者は社内でスーパーバイザーとか船頭と呼ばれております。 ペパボの新卒も7期目になり、エンジニアとして入社した4人が研修に励んでおります。 6月の後半から始まったエンジニア研修が1つの節目を迎えたので、これまでの様子を紹介いたします。 ペパボの新卒エンジニア研修について 研修の内容は大きく、基礎研修、サイクルOJTに分かれています。 基礎研修とは3ヶ月の間にWeb開発、Webオペレーション、モバイルアプリケーションを学ぶもので、サイクルOJTとは複数のサービスを2週間ごとに移動しながらOJTを行うものになります。 より詳しい内容は以下の記事を参考にしていただけると、概要を掴むことができると思います。 GMOペパボの新卒エンジニア研修の様子 & テキストを公開します 事前準備

先日、オプトからFeed Terminal というツールがリリースされましたので、主にフロントエンドについての大まかな全体像と技術的な拘りをご紹介しようと思います。 あいさつ Feed Terminal とは フロントエンド設計 管理画面の要件 アーキテクチャ選定 チームへの共有 実装・設計の中身の紹介 全体像（package.json） TypeScriptとの付き合い方 reduxの使い方 開発時の動作確認の仕方 テストやlintとの付き合い方 まとめ あいさつ こんにちは。uryyyyyyyです。 社内では遊撃手的ポジションにおりまして、今回のReact ＆ TypeScript案件であるFeed Terminalでは、フロントエンドの基盤設計やUIデザインなどを担当していました。 Feed Terminal とは Feed Terminalとはデータフィードマネジメントツールと呼ば

料理も、睡眠も、仕事もハック！ GunosyのCTOが教える開発効率を上げるメソッド エンジニアなら誰もが効率よく開発を行いたいはず。でも、どうすれば？GunosyのCTOである松本勇気さんが、忙しさに負けず、開発効率を上げるための方法を教えてくれました。 開発支援・効率化ツールやChatOps等で業務ハックに余念のないエンジニアは多いでしょう。では、エンジニア視点で日常をハックすると、どのように生活が変化するのでしょうか。 株式会社GunosyのCTOの松本勇気さんは、若手ながらも10を超えるプロダクト、50人以上の開発メンバーを束ね、日々多忙に過ごしています。それだけでなく、業務で社内のインフラから機械学習基盤、広告配信、アプリ開発まで、全プロダクトの技術的な意思決定に携わりつつ、さらにはプライベートの時間もしっかり確保しているといいます。 松本さんが実践する、ライフハック術を綴っても

FiNCのエンジニアの人数も50人を超え、チームを横断した情報共有の機運が高まっています。 もともと社内には情報共有ツールとしてConfluenceやGitHub Wikiなどがありましたが、前者はMarkdownなどのエンジニアがドキュメントを書きやすい機能が不足しており、後者は情報の検索性に難がありました。 エンジニアのコミュニケーションを活性化させるため、カジュアルに記事を投稿できて誰でも見ることができる、新しい情報共有ツールを導入をすることにしました。 今回は候補として検討した際に、以下の要件を満たしていた情報共有ツールを紹介します。 Markdownを使ってプレーンテキストで記述できる記事の更新履歴のdiffを見ることができるフィードで記事の一覧を見ることができるわかりやすい検索機能コメント欄でのやりとりができるWebhook(チャットツール連携)UML記法やスライドの埋め込みの

webpacker https://github.com/rails/webpacker 確認バージョン Ruby 2.3.3 Rails 5.0.1 webpacker 確認時点でのhash:215cdbc5858309de85d71932aa3468bb76feb4a2 Railsアプリ作成 適当に新規Railsアプリを作る

この教科書は、はてなサマーインターンの講義資料として作成されたものです: https://github.com/hatena/Hatena-Textbook 機械学習編1（基礎編）では、最も初歩的な分類器である単純パーセプトロンを題材に、機械学習の基本について勉強しました。機械学習編2（実用編）では、実問題に機械学習を適用する上でのコツや、各種の機械学習アルゴリズムの使い分け、高次元データへの対処法、といったトピックについて解説していきます。 実問題に機械学習を適用する タスクを定義する データを特徴ベクトルに変換する 評価方法を決める 正解データの正例と負例は均等に ベースラインとなる手法を実装する 実データに向き合うときの心構え 機械学習のワークフロー 1. 前処理 データセット作成 サンプリング 特徴抽出 欠損値・欠測値への対応 値のスケーリング 特徴選択 次元削減 2. 学習 モデ

この教科書は、はてなサマーインターンの講義資料として作成されたものです: https://github.com/hatena/Hatena-Textbook この章では機械学習について、Webサービスの開発で必要とされる知識を中心に、とくに自然言語処理にフォーカスしながら解説します。 Webサービス開発と機械学習 実現困難な機能の例 闇雲な実装 もう少しましな実装 機械学習によるパラメータ決定 分類問題のための機械学習手法 パーセプトロン 判別アルゴリズム 学習アルゴリズム 特徴量のとり方 形態素解析 量をともなう特徴 組み合わせ特徴量 モデル 機械学習の種類 教師あり学習 分類 (質的変数の予測) 回帰 (量的変数の予測) 教師あり学習でのデータセット 教師なし学習 クラスタリング 次元削減(次元圧縮) 頻出パターンマイニング 異常値検出 アルゴリズムの評価 訓練データとテストデータ 学

2019/01 JSUG勉強会の資料です。 この資料でDisっているのはJPAではなく、 ・何も考えずに「標準だから」というだけでJPAを選ぶ人 ・OSSに全くコントリビュートせずにフリーライドする人 です。

2015.11.26 Thu 【前編】厚切りジェイソンが物申す。日本の若者が人生を楽しむためのスキル。 日本人が当たり前だと感じている文化や考え方に対し、アメリカ人の視点から疑問をぶつける漢字芸で大ブレイクを果たした厚切りジェイソン。IT企業役員×お笑い芸人など多分野に渡って活動する自身だが、Twitterにおいて24万人のフォロワーと展開している人生相談も話題に。この度、それらをまとめた著書『日本のみなさんにお伝えしたい48のWhy』が発売。 まさに人生を謳歌し大躍進を続ける厚切りジェイソン氏に、将来への悩みを抱える学生や新入・新人社員に向けて、人生を楽しむために必要な心構えとスキルを聞き出す。1回目では、自分の好きなことを実現するための"強い自分の作り方"について語っていただいた。 ―　ご自身のTwitterでは、連日いろいろな悩みが寄せられ、若者を中心とした人生相談の場になっています

doda X（旧：iX転職）は、パーソルキャリアが運営するハイクラス転職サービス。今すぐ転職しない方にも登録いただいています。 今の自分の市場価値を確かめてみましょう。 読者のみなさんの中には、普段の会議が単なる進捗報告の場に陥ってしまい、事業を成功に導くための組織変革の場にはなっていないと感じている方も多いのではないでしょうか？ 料理レシピサイトを運営するクックパッド株式会社は、そんな「進捗報告会」では補えない課題を解決する上で有効な「仕掛け」を行っています。それは、「定期個人面談」です。その効果について仕掛け人である同社のエンジニアであるレオさんは、 チームのいろいろな課題を発見し、解決に導くヒントに出会える。メンバーと強い信頼関係を作り、チームにさらなる活気をもたらし、よりよい仕事ができるようになる。 と語ります。日本最大のレシピサイトを支える、この新しい「振り返り」のかたちを取材で

お久しぶりです。C88は落選してしまったので1年ぶりの同人誌です。 今回の本は、プログラマという生き様を紹介する本です。 というのも、世間ではプログラマという仕事に対する誤解が蔓延していて、 キツイ汚い臭いの3Kだの、毎日徹夜の奴隷労働だの、常に過労死と隣り合わせだの、 そんな(たぶん)間違ったイメージを持たれています。 このような間違ったイメージにより、 プログラミングは好きだけど仕事にするのは避ける学生や、 親から強く反対されて諦める学生なんかもいるわけで、 これは業界にとっても非常に良くない状況なわけです。 この本は、主にそんなこれからプログラマの道を志す人に対して、 「そんなことないやで? 選択を間違えさえしなければ 楽しく働けるやで!!」 と伝えることを目的にした本です。 実際、少なくとも我々の周りでは多くの人が楽しんで働いています。 この業界で働いていて、現状に満足してない人、