CSSのGrid Layoutとは、ウェブサイトのレイアウトを構築するための仕様です。今まではウェブサイトのレイアウトを実現するために、floatやFlexboxを使っていた方が多いのではないでしょうか。 Grid Layoutを使えば、HTML要素の構造を汚さず、従来の手法に比べてウェブサイトのレイアウトがつくりやすくなります。特に、Flexboxではつくるのが難しい、縦軸・横軸がある格子状のレイアウトに向いています。 今回はレイアウトをつくりながら、Grid Layoutの基礎知識について紹介します。余裕のある方は、記事を読みながら実際に手を動かしてレイアウトをつくってみましょう。 この記事で学べること Grid Layoutの基本的な使い方 Grid Layoutの利点 サブグリッドの使い方 よくあるレイアウトをつくりながらGrid Layoutの基礎を学ぶ 次のようなヘッダー・メイ

こんにちは、つばさ（@tsubasa123）です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い（気がする）。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い（気がする）。というわけで、本日のテーマはタイトル通り高速化になります。地味な内容ではございますが、よろしくお付き合いください。 早いは正義？ 大袈裟に言いましたが… 画像の圧縮 不要な外部リソースの排除 不要なカスタマイズの排除 カスタマイズコードの位置を調整 ライブラリの遅延読み込み jQueryコードの排除 DNSプリフェッチの導入 一連の施策を終えて 具体的なコードも1つご紹介 今後の展望と課題を CSSのインライン化 はてなスターどうしよう 広告も遅い部類 さいごに 早いは正義？ だと個人的には考えています。SEOとか専門的なことは知りません

おおむね以下の点を理解することを目標に、CRubyのメソッド呼出がどのようなフローで実行されているかを見ていく。対象バージョンは2.4.1。 Rubyで定義されたメソッド、C拡張で定義されたメソッド、コア内部で実装されたCのメソッドはそれぞれCRuby内部でどういったデータ構造で保管されているか それらはそれぞれどのようなアルゴリズムで検索されるか それらはそれぞれどのような流れで実行されるか メソッドキャッシュはどのように実装されており、どういう時使われるのか バックトレースの管理などメソッド本体の処理以外には何が行なわれているのか send命令とopt_send_without_block命令とrb_funcallの間では何が異なるのか なおこの記事のタイトルは、RubyConf 2015の時 Messenger: The (Complete) Story of Method Look

最速で知る！ ElixirプログラミングとErlang/OTPの始め方【第二言語としてのElixir】 Elixir入門の手引、第1弾となる今回はErlangのVM上のプロセスをElixirで扱う方法を説明し、Elixirでどのようにアプリケーションを構築するのかを解説します。 はじめまして！ 大原常徳（おおはら・つねのり）といいます。 今回から2回に分けて「第二言語としてのElixir」というテーマで、プログラミング言語Elixirの入門記事をお届けします。 Elixirは、José Valim氏によって開発されているプログラミング言語です。 最大の特徴は、ErlangのVM上で動作し、Erlangのモジュールを利用できることでしょう。 ちょうど、ScalaがJava VM上で動作し、Javaの関数を利用できるという関係に似ていますね。 {$annotation_2}Elixir Erl

こんにちは、LINE の事業側で BizDev を担当している、エンジニアの松田です。 LINE Login LINE は、さまざまなWebサービスがLINEアカウント情報を活用して、サイトに会員登録やログインができる機能、LINE Login を提供しています。 ユーザーが入力したメールアドレス・パスワードの組み合わせを元に LINE 側で認証を行い、API を通じて LINE の userId を提供しています。 Web サービスの開発者の皆様は、取得できた情報を元に『いまアクセスしているユーザーは LINE のユーザー ID = xxx である』ということを確認する事ができます。 この記事では、主として LINE との ログイン連携 （ID Federation・ソーシャルログイン 等とも呼ばれる）に興味のある方向けに、実装の取りかかりの難易度を示すための最低限のコードを紹介します。

おしらせ 以下に最新版があります。 qiita.com 序 WindowsでRubyを使うのは難しいようで簡単なようで難しいことです。 ただインストールするだけならばインストーラがあるので簡単です。公式サイトのダウンロードページから探しましょう。 ……ここでいきなり迷うであろうのが、"mswin"と"mingw"という語です。Unix系のOSではABIは通常一環境に一つです。しかし、Windowsではたくさんあります。64bit版Windowsでは32bitのバイナリも動かすことが出来るのと、最近までVisual Studioはバージョンアップの度にABIを変更していたため、2017年現在では以下のようなABIが存在します。 i386-mswin32 i386-mswin32_70 i386-mswin32_71 i386-mswin32_80 i386-mswin32_90 i386-m

Apple社が新製品を発表したとかで、あちこちのブログで新しい Mac Book が欲しいとかiPad Pro と Apple Pencil を買うかどうか悩んでいるとか、景気の良い記事が投稿されています。 いやぁ、実に羨ましい話です。 私も欲しいなぁ。Mac Book とiPad Pro 。 特にMac Book に関しては発表のタイミングによっては即買いしていたかもしれません。 何せ長年愛用しているノートPCもそろそろ限界。2011年に買って以来ず～っと使っている品です。 購入したときですら大してスペックが良かったものではなく、途中でメモリーを増設するなどしながらだましだまし使ってきたもので、少し前まではフラフラの状態でした。 そう、少し前までは。 前述の通り、少し発表のタイミングが違えばmacに買い替えていたかもしれませんが、そんなイベントが有ることも知らない情弱の私はゴールデンウィ

プロジェクトリーダーとプロジェクトマネージャーの違い、あるいは会社にとって死活的に大事なのはどちらか？ 2015年12月に「会社のITはエンジニアに任せるな」という本を出した。 「経営にとって、ITとは？」がテーマの本なので、「ITを担わせる人材をどう育てるべきか？」という章をもうけたのだが、意外だったのは、「プロジェクトリーダーとプロジェクトマネージャーの違い」という短いコラムへの反応が多かったことだ。 実は用語の混乱を避けるために書いただけなのだが、結構本質的な問いかけも混ざっている。この記事で、少し掘り下げてみたい。 ※以下、プロジェクトマネージャー⇒PM、プロジェクトリーダー⇒PLと表記する ★何が混乱の元なのか？ 大きめのプロジェクトだと、たいてい体制図が作られ、色んなカタカナの役職の人が登場する。ただ、この手の役職名は会社ごとに定義がマチマチなので、毎回関係者間で「これって結局

Accurately conveying Japan, present and future, to the world. Mission Providing trustworthy information that deepens understanding of, and generates interest in, Japan. 世界中で、日本に興味を持つ人を増やし、日本についての理解を深めるために、私たちは、信頼できる情報を提供します。 Vision Contributing to a better world through the promotion of mutual understanding between Japan and various international communities. 日本と世界の相互理解を推進することで、よりよい世界の実現に貢献します。

ほしいものリストを公開。 と言ってもAmazonのほしいものリストではない。 今回のは「ほしいけど自分では高くて買えない。でもいつか買いたい。」ほしいものリスト。 このリストは「買わない」のではなくて「買えない」ものが並んでます。 （貧乏なわたしには無理って意味で。） ただどこかに残しておけば、いつかジャンボ宝くじの一等が当たった時に迷わずに済むかと。 いや、違う「いつか買うんだ！！」という高い目標を忘れないために！！ ということでほしいものリスト。 MARTIN マーチン / D-45アコースティックギターかじった人なら一度は憧れる、そして一度は持ってみたい「MARTIN マーチン / D-45」。 妻に欲しいと伝えたら「使いこなせる腕があれば買ってあげるけどねぇ(笑)。軽自動車買った方が有益ちゃう？」と言われた・・・ 高すぎる。貧乏人には買えない。Amazonのほしいものリストに入れと

Kibelaは次のようにいくつかmarkdownを拡張しています。 PlantUML記法に対応しました - Kibela Blog 記事の外部共有とLaTeX記法による数式表示に対応しました - Kibela Blog そして、今後もそういう拡張は増えていくと思われます。 PlantUML KibelaのPlantUML記法はこういうやつです。 ```plantuml Bob -> Alice : hello Alice -> Bob : Go Away ``` GitLabも同じ構文でPlantUMLをサポートしていますね。 PlantUML & GitLab - GitLab Documentation crowiも最近PlantUML記法をサポートしはじめましたね。構文はKibelaとおなじです。 Support PlantUML by sotarok · Pull Request

fillinというコマンドラインツールを作成しました。 コマンドの一部を変数化して、別の履歴に保存しておけるツールです。 ステージング環境と本番環境のように、同じコマンドで複数の環境を切り替えるのに便利です。 zshの本 (エッセンシャルソフトウェアガイドブック) 作者:広瀬 雄二発売日: 2009/06/17メディア: 単行本（ソフトカバー） どうして作ったの コマンド履歴って便利ですよね。 私はよくコマンド履歴からコマンドを選んで実行しています。 シェルに付属しているデフォルトの履歴を使っている方もおられるでしょうし、fzfやpecoのようなインタラクティブな絞り込みを行なっている方もいるでしょう。 私が一番困っていたのが、認証キーの扱いです。 webアプリを作っていてcurlで素早く確認するときに、認証キーやアクセストークンを打つことがあります。 アクセストークンのようなランダムな英

普通免許取得者のうち、AT限定の割合が半数を超えています。加えて、2017年3月の「準中型免許」新設で、MTの取得者はさらに減っています。そうしたなか、あえてMTで免許を取るメリットは何なのでしょうか。 都内教習所、約7割がAT限定 2017年5月現在、国内における乗用車のほとんどが、クラッチ操作などが不要なAT（オートマチックトランスミッション）車です。カーディーラーの業界団体である日本自動車販売協会連合会（東京都港区、自販連）によると、2016年に国内で販売された乗用車（軽自動車と輸入車除く）のうち、じつに98.4パーセントがAT車で、この7～8年は同程度の割合で推移しているといいます。 MT車シフトレバーのイメージ。AT限定の免許では運転できない（画像：写真AC）。 これに呼応するように、普通免許（一種）を「AT限定」で取る人も年々増加。警察庁の「運転免許統計」における「都道府県別指

京都以外にも拠点を作ろうとか、今後はスケールしやすい不動産投資でもぼちぼちやるかとか、そんなことを考えながらphaに手引きされ、とりあえず東京に遊びに行ってみるとやはり駄目な人が多く、しかし駄目すぎない程度の人々がやっていっているところを見ていくうちに京大吉田寮にいた頃を思い出し結構気に入ってしまった。東京。 何か作るたびに一方を木っ端微塵にしてしまった虚無を覚えているからか、あるいは既に死ぬまでのお金が十分にあるからなのか、僕はクリア済のゲームのように自分の人生に興味を失っていて、いわゆる生きる目的みたいなものが見当たらないので犬を飼ったりしてダラダラしたりしている。使わなければ使わない分だけどんどん頭が悪くなっていく実感にも恐怖も覚えている。東京の人々には自分が関与して役に立てるような隙間が沢山ありそうなので、今後はそこにすっぽり入って、サブクエストをちまちまと消費しながら時間を早回し

App Storeで、キーワードで検索すると関連するアプリが表示される「Search Ads」を悪用し、セキュリティなど一般に関心の高そうなキーワードで無料アプリをダウンロードさせ、高額なアプリ内課金をさせる悪質なアプリが横行している模様です。 「トップセールス」ランキングに怪しげなアプリ Appleは、WWDC 17の開幕直前、App Storeの開発者の総収益額が700億ドル（約7兆8,000億円）を超えた、と発表していました。しかし、その一部はユーザーをだまして得られたものだ、と開発者のジョニー・リン氏が警鐘を鳴らしています。 リン氏は、App Storeの仕事効率化カテゴリの「トップセールス」に並ぶDropboxやEvernote等の有名アプリの中に、「Mobile protection :Clean & Security VPN」という、セキュリティソフトふうの怪しげなアプリを発

PHPカンファレンス福岡2017の登壇資料です。

まとめました

日中はかなり暑くなってきた。 間もなく夏。 夜はすごく気持ちいい。 夏の夜はなぜかHIPHOPが聴きたくなる。 そんな季節にぴったりの名曲をいくつか紹介する。 一般的なHIPHOPのイメージはまだまだギラギラのラッパーがオラオラしているイメージがあるが（それはそれでかっこいいけど）、メロウでドープな名曲も数多い。 苦手な人もぜひ聴いてみて欲しい。 HIPHOPのイメージを壊してくれるはずだ。 サマージャム’95 / 鎮座DOPENESS×環ROY×U-zhaan [youtube] [/youtube] こちらはカバー曲。 鎮座DOPENESSと環ROY（二人は“KAKATO”というユニットでも活動）のまったりしたラップが原曲にどハマりしてて気持ちいい。インドの伝統楽器タブラの音色のアクセントもぴったり。 鎮座DOPENESSというラッパーをはじめてみたときはかなりの衝撃だった。 唯一無二

こんにちわ。ORIH(@orih_k517)です。今日は『＋ログ』の記事を読みに来ていただきありがとうございます。 先日紹介した「GearBestで買い物する方法：アカウント登録～注文完了までの流れを紹介」の記事で購入した「Xiaomi Wireless Bluetooth 4.0 Speaker」を開封レビューしたいと思います。 最近はコンパクトで持ち運びに便利なBluetoothスピーカーが増えており、高音質かつ安価なスピーカーの１つとしておすすめします。 Xiaomi Wireless Bluetooth 4.0 Speaker Xiaomi Wireless Bluetooth 4.0 Speaker レビュー 使ってみて どこでも使えるコンパクトなBluetoothスピーカー Xiaomi Wireless Bluetooth 4.0 Speaker 価格 2,140円 サイズ

ゲームを起動していると突然メッセージが表示され、何かと思えばアプリ評価のお願いだった――そんな体験を味わったユーザーも少なくないはずでしょう。こうしたアプリの挙動を規制する方針が、今後発表される見込みです。 自由にレビューのお願いが出せなくなる ニュースサイト9to5Macによると、 App Storeのレビューガイドラインが改定されており、まもなくアプリ上で評価を促す際には、Appleが提供するAPIを使わなければいけなくなるそうです。 新たなガイドラインでは「アプリを離れるという不便を強いることなく、App Storeでレビューや評価をつけることができる」とされる一方で、「カスタムレビューの催促行為を禁止する予定だ」とも明言されています。 これは言い換えれば、アプリの開発者は今後、評価を催促するようなポップアップを、Appleが規定するやり方以外では出せなくなってしまうということを意味

「お前は向いていないんじゃない、やってないだけだ」 この一文を読んでほんの少しでもなにかを感じた人は是非とも↓の本を今すぐに読むべきだ。 エラスティックリーダーシップ ―自己組織化チームの育て方 作者: Roy Osherove,島田浩二出版社/メーカー: オライリージャパン発売日: 2017/05/13メディア: 単行本（ソフトカバー）この商品を含むブログ (1件) を見る 本著はみんなが考え、感じているリーダーシップという曖昧模糊な概念に対して具体性をもたらせてくれる。 それは「チームリーダーの役割は優れた人材が育つのを助けること」と定義付けていることだ。 このシンプルである意味で本質をついている定義付けが本著を名書たらしめているとぼくは思う。 この本の構成は1部〜4部(おおよそ本書の半分ほどを占めている)までが著者によるリーダーシップとはなにか？3つのフェーズの分類とそのときに期待さ