5分で完璧に分かる！CSS Gridの基本的な使い方を解説
CSS Gridは、今まで使用してきたレイアウトの実装とは大きく異なります。flexboxはアイテムを一つの軸に沿って並べるので、floatの延長としてあまり難しくはないと思います。しかし、CSS Gridは軸が一つではなく、縦と横の二つの軸でレイアウトします。 CSS Gridの基本的な使い方を分かりやすく解説します。 Learn CSS Grid in 5 Minutes by Per Harald Borgen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSS Gridを始めよう！ 最初のグリッドレイアウト CSS Gridの列と行 CSS Gridのアイテムの配置 CSS Gridを始めよう！ グリッドレイアウトはWebサイトの設計において基本であり、CSS Grid モジュールはグリッドを作成するための最も強力で
Googleデータポータル（旧 データスタジオ）を使ってWebサイトの解析レポートを超絶カンタンにつくる方法【基本編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
やっとかめだなも！ 名古屋出身のディレクター、ちゃんれみだがね！ ついに名古屋禁止令を出されたので、真面目にWebの記事を書きたいと思います。 今回は「Webディレクターなら使いこなせなかんよ（かんよ＝名古屋弁で『ダメだよ』）！」と聞いたGoogleデータスタジオのご紹介です。 2019年7月3日追記 日本でのデータスタジオの名称は、「データポータル」に変更となったため、タイトルを変更しています。参考サイト：データポータルへようこそ – データポータルのヘルプ Google データスタジオとは カンタンに説明すると「さまざまなデータを可視化するBIツール」です。BIとはBusiness Intelligenceの略で、企業が持つデータを経営に役立つ方法として有効活用することを指します。 つまり、Googleアナリティクスなどで取得したデータをグラフや図版などでわかりやすく可視化し、サイトや
業務メール書き方チートシート - tkm2261's blog
お久しぶりです。 今日は技術的な話題では無いですが、社外・社内にメールを出す時のテンプレ的なものを紹介したいと思います。 初めに言いますが、クッッソどうでも良い話題です。面接のスーツに何を着るかぐらいどうでも良い話です。 ただ、学生だと志望会社にメールを出すときに変に文面悩んだり、エンジニアだと社外にメール出す経験があまり無くて変に文面悩んだりとか、ここで悩むのは更に無駄なので、 ニートという身軽な身分のうちに、日本の会社で大体OKっぽいメールの書き方を適当に紹介します。 アホらしいですがメールの行間から仕事慣れてない感がでるとマイナス印象になったりもするので、それっぽいメールの書き方は知っておいて良いかもしれません。 自分もコンサルの新卒の時にいきなりクライアントにメールするのは怖かった記憶があるので、自分が学生の時に知りたかった内容的なのを書いておきます 業務メール書き方チートシート
10分でわかるビットコインの本質
2017年12月の年末のこと。渋谷の喫茶室ルノアールで静かにPCに向かい仕事をしていたら、「あの人はビットコインで◯◯◯万円を儲かったらしい」「お前も早く買わないと出遅れるぞ」という会話が立て続けに聞こえてきました。 さらには、年始の休暇で沖縄を訪れたときのこと。隣りのテーブルから「2018年はディズニーの仮想通貨がアツい」みたいな会話が聞こえてくるではありませんか！ まさか沖縄でドラゴンチェーンの話を聞けるとは…。 この数か月で「仮想通貨」をめぐる話題がブレイクし、一気にホットなテーマとなりました。知らない人がいないぐらいの大ブームです。これはKOMUGIとしても「言語化」して考察を深めないわけにはいきません。今回のテーマは「ビットコインの本質」です。 ブロックチェーンとは何か？ ビットコイン、ブロックチェーン、ICO、DAO、マイナー、PoW、ハッシュ関数、暗号、フォーク、トークン、ス
ブロガーでも作りやすい情報サイト設計の話 | 情報サイトでオーソリティーを目指そう！
カタログ型コンテンツを作ってみよう 「カタログ型コンテンツ」というのは僕の造語です。 商品カタログや図鑑のように、データを分類し索引を付け記事内の見出しも統一し「情報が探しやすく比較しやすいコンテンツ」という意図でそう呼んでいます。 さて、仮に「京都の寺社仏閣ガイド」という情報サイトを企画したとしましょう。 まずサイト内に親カテゴリーを一つ作りその中に「京都の寺社仏閣カタログ」というカタログ型コンテンツを作っていきます。 最小ページ単位（個別ページ）はお寺、神社の一軒一軒です。 個別ページに主観的な感想もエモいページタイトルも一切必要ありません。 ページタイトルは「清水寺」「平安神宮」といった寺社の名前そのもの。 中身は寺社の沿革、場所、開閉門時間など、客観的な基本情報のみで構成します。 個別ページはテンプレート化し見出しを統一しておきます。 データの分類方法は誰でも思いつく常識的なものが
【保存版】Google Search Console（サーチコンソール）を使って、サイトを改善するためのガイド - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
サイトのコンバージョンとリードを最適化することは、ビジネスにおける最高の投資のうちの一つだ。 滞りなく運営され、コンバージョンを生み出すウェブサイトは、いざと言うときビジネスの助けになる。 しかしこれは簡単ではない。コンバージョンは勝手に生じるわけではないのだ。 ありがたいことにGoogleは、サイトが欠いている、あるいは苦労していることに取り組む助けとなる無料のツールを用意している。 例えば、Googleのサーチコンソールがある。 これはGoogleの視点からあなたのサイトを診断するのにはもってこいのツールだ。 しかし使いかたは複雑で、サイトの改善アクションにつながるアドバイスが得られないこともある。 たくさんのデータと情報のセットがあるが、現状の分析データを改善するステップはない。 そして売上と収益を上げ続けるためには、サイトを改善し続けなければならない。 私は個人的にサイトを直すため
「GoogleAnalytics見てアクセス解析して」って言われた時にまずしていること - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 僕はウェブサイト制作会社でサイトの運用・アクセス解析担当をしている者です。 ウェブサイトの制作・リニューアルを受注した際にプロジェクトに参加し、クライアントの現状サイトのアクセス解析とレポート作成、リニューアル提案が主な仕事です。 クライアントと直接相対するディレクターから「GoogleAnalyticsの権限もらったからアクセス解析して」とオーダーを受け、アクセス解析を行うことになります。 そもそも、初めて見るサイトを構造から理解し、リニューアルに資する提案ができるようなインサイトを得るまで分析するのは本当に骨が折れます。
無料のシステム開発テンプレート集（Excel版）: ある SE のつぶやき
はじめに システム開発を効率よく進めるための１つの方法として、システム開発のテンプレートを使用することがあります。 ですが、システム開発のテンプレートは企業内で閉じてしまっていてなかなかインターネットで公開されることはありません。 ですので、システム開発で使用するであろうテンプレート集を Excel で作成して公開します。もちろん無料で商用利用可能です。改変も OK です。 プロジェクト管理用 スケジュール管理などのプロジェクト管理用のテンプレートはなかなかないのですが、プロジェクト管理の補助となるようなテンプレートを用意しました。 プロジェクト管理ツールは、別記事の「フリーで使えるプロジェクト管理ツールまとめ」をご参照ください。
なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。 自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術を仕事で使えなかった理由として
ウェブページを1秒台で表示させる原理と方法 | Philosophy Guides
可能な限り最新の情報を反映していますが、追いつけていないこともあります。本サイトに採用していても、記事に反映できていない設定もあります。ページのソースを読んでいただくと、参考になる箇所があるかもしれません。 ウェブページの高速化に関するテクニックは、ネットで検索すれば簡単に見つけることができます。優れた情報も数多くありますが、｢CSSとJavaScriptはminify（ミニファイ）しておけばOK！」のような都市伝説も少なくありません。 そこで、ここでは本サイトのデザインリニューアル時に施した対策をもとに、一歩進んだウェブページの高速化の方法と、それを支える原理について、できる限り分かりやすく説明したいと思います。フロントエンジニアやデザイナーの方からすれば「んなもん知っとるわ！」な情報なのかもしれませんが、都市伝説を駆逐すべく、私なりの仕方で解説（≒加勢）したいと思います。 初めに結果を
人工知能(AI)ブームに乗りたい人に切符を提供してみる : 新規事業のつくり方
この記事は、以下の方向けに執筆しています。 ・とにかくAIブームに乗りたい方 ・転職してAI案件に携わりたい方 ・AIに必要な知識だけをざっくり身に付けたい方 関連記事：AI人材になるにはスキルよりまず職種を選択しよう 清水亮さんがAI人材の不足を言われてから、人材不足感は一向に変わっておらず、むしろ不足感が強まっている。企業が本格的に取り組み始めたのに、検証できる人材が誰もいない。データ分析経験があったり、Pythonでnumpyとか少し触れる人が、AI人材として急に売れっ子になるのを何度も見てきたし、その流れはしばらく続くんだと思う。 BIベンダも最近その流れに乗って売り込み始めた。コンサル会社は、AIコンサルと言い始めた。SIベンダは、AIの専門部署をたくさん作り始めた。メーカーもR&D中心にAI人材を採用しはじめてる。 CONNPASSで機械学習と名の付くセミナーはすべて人気で埋ま
非デザイナーがナメられないための、おすすめデザインツール12選
僕は非デザイナーですが、こちらの考えにとっても共感します。 ブログにしても、アプリにしても、イベントにしても、良いコンテンツは世の中にもういっぱい溢れていて。 本気度を示し、他ではなく私たちのコンテンツを選んでもらうために、デザインにこだわるって大事だなって考えています。 おしゃれなものを作らなければいけない、と言うわけではないと思います。 使ってもらいたい・届けたい人たちに寄り添い、作りたい世界観を伝えるためのデザインにすること。 相手視点を持った思考が大事なんじゃないかなって思います。 『わかる！だけど実際難しいんだよ！』 という非デザイナーの方々に向けて、同じく非デザイナーの僕がお気に入り登録して愛用しているツールをシェアします。 有名どころも多いですが、もしご存知ないものもあったら触ってみてください。
これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！
これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！ 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、ピクセルグリッドの矢倉眞隆さんです。 矢倉さんのセッション「まあまあ最近のCSSとつらくならないための書き方」に関するスライド資料は、こちらで公開されています。 インパクト大！CSSグリッドレイアウト概要 白石: では、まずは簡単に自己紹介をお願いできますか？ 矢倉: 昨年（2
Webデザインを「もっとかっこよくして！」と言われた時に試したいCSS小技5つ
2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね！ ↑私が10年以上利用している会計ソフト！ 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく
Google、プログラミング不要で“機械学習”試せるサイト公開
サイトは、Googleが8月にリリースした、ブラウザ上で機械学習の訓練と推論を実行できるJavaScriptのライブラリ「deeplearn.js」を用いて作られた。サイトのソースコードはGitHub上に公開している。 Google Creative Labのデザイナーであるバロン・ウェブスターさんは、ブログで「機械学習について興味がある人々が、もっと簡単に機械学習を試せるようにしたかった」とコメントしている。 関連記事 Google、人間のように線画を描く人工知能「sketch-rnn」を養成中 Googleがお絵かきゲーム「Quick, Draw!」にユーザーが手描き入力した膨大なデータを学習材料に訓練した人工知能「sketch-rnn」は、ネコやブタの線画を人間のように描く。 Google、手描きの絵を機械学習でプロの絵に置き換える「AutoDraw」公開 AutoDrawは、タッチ
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c
スタートアップのためのデットファイナンス入門
6. ©2017 なかしま6 （資産の部） （負債の部） 【流動資産】 【流動負債】 現⾦及び預⾦ 買掛⾦ 売掛⾦ 短期借⼊⾦ 短期貸付⾦ 未払⾦ 製品及び商品 【固定負債】 【固定資産】 社債 （有形固定資産） ⻑期借⼊⾦ 建物 ⼟地 負債合計 機械及び装置 （純資産の部） ⼯具、器具及び備品 【資本⾦】 （無形固定資産） 【資本余剰⾦】 ソフトウェア 資本準備⾦ （投資その他資産） 【利益余剰⾦】 投資有価証券 利益準備⾦ ⻑期貸付⾦ その他利益余剰⾦ 【繰越資産】 純資産合計 資産合計 負債・純資産合計 貸借対照表（BS） 【資⾦調達⽅法のおさらい】BSでみる資⾦調達⽅法 7. ©2017 なかしま7 「資産」を現⾦化 アセットファイナンス 「負債」の増加を伴う資⾦調達 デットファイナンス 「資本」の増加を伴う資⾦調達 エクイティファイナンス 外部から
起業には「成功パターン」があった！8つの事業を立ち上げて気づいたこと
山口揚平（やまぐち・ようへい） 早稲田大学政治経済学部（小野梓奨学生）・東京大学大学院修士。 1999年より大手外資系コンサルティング会社でM&Aに従事し、カネボウやダイエーなどの企業再生に携わったあと、独立・起業。企業の実態を可視化するサイト「シェアーズ」を運営し、証券会社や個人投資家に情報を提供する。2010年に同事業を売却したが、のちに再興。クリスピー・クリーム・ドーナツの日本参入、ECプラットフォームの立ち上げ（のちにDeNA社が買収）、宇宙開発事業、電気自動車（EV）事業の創業、投資および資金調達にかかわる。その他、Gift（ギフト：贈与）経済システムの創業・運営、劇団経営、世界遺産都市ホイアンでの8店舗創業（雑貨・レストラン）、海外ビジネス研修プログラム事業、日本漢方茶事業、医療メディア事業、アーティスト支援等、複数の事業、会社を運営するかたわら、執筆、講演活動を行っている。専
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【祝】アフィリエイト月収67万円稼ぐことに成功！これまでの8ヵ月間を振り返る