ビジネスモデル図解ツールキットを無料で配布してみた（追記あり）｜チャーリー
チャーリーです。 ビジネスモデル図解をかんたんに編集できる、ビジネスモデル図解ツールキットをつくったので、ご紹介します。 ビジネスモデル図解ツールキットビジネスモデル図解ツールキットについて(追記)2018年に「ビジネスモデル2.0図鑑」が発売されたこともあり、4年以上もの間、おかげさまでたくさんの方々にビジネスモデル図解ツールキットを活用いただいているようです。ありがとうございます。 ビジネスモデル2.0図鑑はこちらの記事で全文公開しています↓ 予想以上に活用いただいたこともあってか、Googleスライドの共有リクエストやお問い合わせがほぼ毎日のようにくるなどして、閲覧権限を付与したり、自動送信のメールがシステム上のエラーで届かないなどの対応をしています。 それだけ活用いただいていること自体がとてもありがたいことではあるのですが、管理コストが結構かかってしまっているのが実状です。そのため
グッドパッチエンジニアが選ぶ、推しデザインシステム10選｜Goodpatch Blog グッドパッチブログ
生まれ変わったらデザインシステムになりたいと思っているくらい、デザインシステムが好きなエンジニアの乗田です。 僕の入社の経緯や業務内容についてはこちらからご覧いただけます！ デザインシステムとは デザインシステムとは、ソフトウェアやグラフィックなどにおけるデザインの原則や指針と、それらを実現するための仕組みの集合体です。デザインシステムのメリットは、低コストで高速に一貫性のあるデザインを実現しやすくなるという点にあります。 一般的にデザイン原則にはタイポグラフィ・カラーシステムやボイス&トーンなどが含まれ、仕組みにはコードベースのUIコンポーネントやデザイントークンなどが含まれます。 しかしデザインシステムにおける必須要素の定義はありません。それ故にデザインシステムは、各組織にとって必要なデザイン原則やデザインアセットが集合した物と言い換えることもできるでしょう。 古い物ですと1975年に
リスティング広告運用歴17年の担当者が常にチェックしているサイト9選＋YouTubeチャンネル
リスティング広告の運用に携わって17年目の私は、Google広告とYahoo!広告の新機能がリリースされる度、ネット上で最新情報や既に新機能を導入した事例を紹介しているブログを参考にしてきました。 リスティング広告など、Webマーケティングの世界はアップデートが激しく、新たなオプション機能や運用ノウハウがどんどん生まれます。 情報量が多く変化のスピードも速いため、最新情報を全部自分1人で確認することは困難です。他の運用者と情報を共有したり、情報サイトを見て自分でトレンドをキャッチアップしていくしかありません。 最新情報を知っていることで、自社のアカウントにいち早くオプションを設定できたり、クライアントに新しい機能を提案できたりと、成果に大きな差が生まれる可能性もあります。 常に最新情報を知っておくことは、広告運用者やWebマーケティングに関係する人間にとって必須事項と言えるでしょう。 そこ
今でも観返すオススメのデザイン系動画10選【2017年末向け】｜たけてつ
懐かしいバトンが読書バトンとして今流行ってきてますね。（僕にはきてませんが） 僕は三児の父（かつ下が双子）の為、なかなか読書する時間がとれません。読めるとしたら通勤中の電車の中ぐらい。時間が限定されているので、たくさんの本は読めません。でもインプットはしたいので、僕は動画もインプットの方法としています。 動画は、比較的短い時間でその場の雰囲気も感じながら観れます。何回も観返せるのもメリットですね。 僕が今まで観た動画の中で、今でも（たまに）観返すオススメのデザイン関連動画10選を紹介します。 ※ 音声が英語の動画は日本語字幕が出せます。 Simon Sinek : How great leaders inspire action (18:04) https://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action Go
フロントエンドチェックリスト（日本語訳） - Qiita
GitHubで公開されているフロントエンドチェックリストというドキュメントが、網羅されている内容が幅広く便利そうだったので、日本語に翻訳しました。 日本語版は、以下のGitHubリポジトリにあります。GitHub側と自動的に連携するようにしておりますので、誤訳や誤りなどがあれば GitHub のプルリクエストまたは Issue で報告していただけると幸いです。 https://github.com/miya0001/Front-End-Checklist 日本語版への貢献方法 最終更新日時: 2017-11-19 03:50:47+09:00 (未翻訳) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau
JavaScriptを劇的に教えやすくするWebサーバ作りました - Qiita
近年、JavaScriptでコードを書こうとすると、お膳立て7割、コード書き3割みたいな事態がざらにあります。「お膳立て」の例としては、Gulp, Babel, Sass, PostCSS, WebPack, Rollup, Browserifyほか数限りなく。 たしかに、一旦フロントエンド開発に慣れてしまえば、お膳立てにかける時間は短縮することが可能です。でも、これを初学者に強いるのはツラすぎる...! 覚える方はともかく、 教える側がツライ。 今回、未来なJavaScriptやCSSの文法で書いても、よしなにとりなしてくれるWebサーバ「Felt」を作ったので、ご査収ください。 (2016/7/19 関連ツールとの比較を追記しました) GitHub: https://github.com/cognitom/felt npm: https://www.npmjs.com/package/
Webデザイナー、ブログ初心者が知っておくと重宝するサイトSEO評価ツール5つ - Life is colourful.
Webサイトの制作・管理やブログ運営をしていると誰もが他のサイトの動向が気になるだろう。同業の競合サイトはどうやって集客しているのだろう？自分が目標としている人気ブロガーのPV数はどれくらいなんだろう？誰しも思うところである。 Google Analyticsを使えば自分の管理するサイトの数値は簡単に把握できるが、当然他サイトの状況は掴めない。また、毎月あがってくる自サイトの統計データ（訪問者数、月間PV、滞在時間など）も比較対象がないことには、正確に評価できない。 そういうときに役立つ「他サイトのSEO評価ができるツール」を紹介する。ビジネスでWeb制作や管理をしているWebデザイナーは、クライアントへのレポートにも活用できるだろう。 SimilarWeb https://www.similarweb.com まずイチオシがこのSimilarWeb。調べたいサイトのアドレスを入力するだけ
元Googleの中の人がハイテク企業がどうやって「ユーザーの心を乗っ取るのか」をタネ明かし
Googleに買収されたサービスAptureでCEOを務めていたトリスタン・ハリス氏が、ユーザーのサービス依存度を高めるためにテクノロジー企業がどのような手法を取り入れているのかを解説しています。マジックの経験があるハリス氏は、その手法を人間の心理を上手く利用している点でマジックに通じるところがあると評価しています。 How Technology Hijacks People’s Minds — from a Magician and Google’s Design Ethicist — Medium https://medium.com/@tristanharris/how-technology-hijacks-peoples-minds-from-a-magician-and-google-s-design-ethicist-56d62ef5edf3#.aec83wojz IT企業が出
Web開発者が恐らく知らない、SSLについて知っておくべきこと | POSTD
2015年、Web開発者は以前よりもSSLに関する理解を深めています。そうしたWeb開発者たちがHacker Newsを読むなら知っておくべきことを以下に挙げてみます。 ドメイン認証（DV）証明書は Let’s Encrypt から無料で取得することが可能。 拡張認証（EV）証明書 は CertSimple かいくつかのチェックののちの支払いで取得することが可能。これが我々のやり方。 Mozilla SSL Config Generator を使用すれば、サポートしたいブラウザに対して、サーバを可能な限り安全に設定することが可能。 完了後に SSL Labs を使って全てをチェックし、A評価獲得を確認しましょう。そうでなければ人に小言を言われます。 その他はどうでしょうか。我々の顧客から寄せられる最も多い質問について、回答を紹介していきましょう。 1. Chromeで”古い暗号スイート”を
闇雲にディズニー映画みたいなアニメーションを GUI に実装するのはもうやめよう - Qiita
はじめに 本稿は UI Design Advent Calendar 2015 – 9日目の GUI アニメーションに関する記事です。 アニメーションの12の基本原則と GUI ディズニーの アニメーションの12の基本原則/12 basic principles of animation というのがありまして、要はこの原則に沿ってアニメーションを制作すればまるでそれが生きているかのような動きをする、平たく言えばディズニーっぽい動きになる、というものです。http://the12principles.tumblr.com がとてもわかりやすいので、うちいくつかを転載しておきます。 SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ビデオ解説：The illusion of life これらを見ただけでも、『あー、デ
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
非エンジニアリング脳なデザイナーが新規アプリ開発の現場でXcodeを使用することがどのような影響を与えたか。について、自身の経験を元にまとめました。Read less
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
「プログラミングを学ぼうと瞬間最大風速的に意識は高くなるものの、一人でいると気がついたら一日ソシャゲして夕方頃に『また今日も勉強できなかった』と自己嫌悪。」モチベーションが続かない時の対策をはじめ、学び方、学べる環境の作り方をまとめています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS設計って最近こういう感じだと思うんですけどどうですか
GitHub - mixi-inc/JavaScriptTraining: Training course repository for JavaScript