ビジネスモデル図解ツールキットを無料で配布してみた（追記あり）｜チャーリー
チャーリーです。 ビジネスモデル図解をかんたんに編集できる、ビジネスモデル図解ツールキットをつくったので、ご紹介します。 ビジネスモデル図解ツールキットビジネスモデル図解ツールキットについて(追記)2018年に「ビジネスモデル2.0図鑑」が発売されたこともあり、4年以上もの間、おかげさまでたくさんの方々にビジネスモデル図解ツールキットを活用いただいているようです。ありがとうございます。 ビジネスモデル2.0図鑑はこちらの記事で全文公開しています↓ 予想以上に活用いただいたこともあってか、Googleスライドの共有リクエストやお問い合わせがほぼ毎日のようにくるなどして、閲覧権限を付与したり、自動送信のメールがシステム上のエラーで届かないなどの対応をしています。 それだけ活用いただいていること自体がとてもありがたいことではあるのですが、管理コストが結構かかってしまっているのが実状です。そのため
サルワカという個人メディアを250万PV/月にまで育てた方法｜CatNose
注1）その後300万PV/月に達しました 注2）すでにサルワカの運営から身を退いています サルワカというWebメディアを運営してきた。僕を中心に、数人のライターが記事を書いている。それぞれが別の本業を持っている。あくまでも気ままに更新するメディアだ。 サルワカを始めたのは2016年の12月。 その1年後には200万ページビュー/月を超え、1年半後の今では、250万ページビュー/月を超えた。 ページビュー（PV）はサイトの価値を示す１つの指標にしか過ぎないが、個人運営のメディアでここまで到達できたのは嬉しい。 最近は本業の方が充実してきて、僕はほとんど記事を書けていない。記事執筆に時間をかけたい思いはあるが、それがいつになるかは分からない。 ただ、せっかくある程度メディアを成長させることができたのだから、この経験を共有しないのも勿体無い気がする。 そこで、サルワカというメディアをどのような考
プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
Star Wars Intro Creator
Star wars intro CReator download A long time ago in a galaxy far, far away.... Star wars The FIRST ORDER reigns. Having decimated the peaceful Republic, Supreme Leader Snoke now deploys his merciless legions to seize military control of the galaxy. Only General Leia Organa’s band of RESISTANCE fighters stand against the rising tyranny, certain that Jedi Master Luke Skywalker will return and restor
【インタビュー記事・動画の爆速作成術】Googleドキュメント音声入力×Zoomの底力がヤバイ | 埼玉秩父のホームページ・Web制作「浅見制作所」
メディア界隈のみなさま！ライターのみなさま！インタビュー記事を作るのってめっちゃ大変じゃないですか？ インタビュー対象にアポを取って、現地に伺って、インタビューして、録音を書き起こして、編集して…気の遠くなる作業ですよね。 でも、僕すごいことを発見しちゃったんです。家から一歩も出ないで、たった1時間（インタビュー時間は15分程度のもので）でインタビュー記事を作れちゃう方法を！しかもこの方法なら、インタビュー動画まで作れちゃうんです。 それが、GoogleドキュメントとビデオチャットツールZoomの合わせ技。 Googleドキュメントはブラウザ上で動くWordのようなツール。複数人で同時編集できたり、いちいちPCに保存する必要がなかったりと、かなり高機能な無料ツールです。 そして、このGoogleドキュメンには音声入力機能が付いているのですが、この精度がヤバイ！めちゃくちゃすごいんです！ ※
『GoogleAppsScript完全入門』がプログラミング入門に最適な一冊だった - Qiita
先日、プログラミング入門者向けの人気Webサイトを運営しているタカハシさんという方に、『詳解! GoogleAppsScript完全入門』という書籍を献本いただいた。 この本を読み終えて、「そういえば、GoogleAppsScriptってプログラミング入門に最適だよな・・・」と感じたので、GoogleAppsScriptがプログラミング入門に最適な理由、そして最後に『詳解! GoogleAppsScript完全入門』がGoogleAppsScripの入門に適している理由もあわせて紹介したい。 新年早々、「今年はプログラミングを身に着けたい」と決意している方が、1人でも実際にやる気になって一歩を踏み出すきっかけになってくれればよいな、と思う。（本記事の公開日は2018/1/1） GoogleAppsScriptとは？ GoogleAppsScriptは、JavascriptをベースにしたGo
【プログラミング】初心者がPythonでウェブスクレイピングをするためのURL資料まとめ : KNN KandaNewsNetwork 4knn.tv
【プログラミング】初心者がPythonでウェブスクレイピングをするためのURL資料まとめ JavaScriptにPHPに覚えることが山ほどあるにもかかわらず、Pythonにも興味が湧いてきた…。どうやら、ウェブの情報をスクレイピング(自動収集)できる。これだけでもかなり魅力的だ。さらにAI化することもできるらしい…。 ということで2018年からPython生活もスタートするためにも資料URLを集めてみたよ…。 ❏Python(パイソン)は、汎用のプログラミング言語である。コードがシンプルで扱いやすく設計されており、C言語などに比べて、さまざまなプログラムを分かりやすく、少ないコード行数で書けるといった特徴がある ❏Pythonは、オランダ人のグイド・ヴァンロッサムが開発した。名前の由来は、イギリスのテレビ局 BBC が製作したコメディ番組『空飛ぶモンティ・パイソン』である。Pythonとい
【導入3分】GoogleスプレッドシートをMarkdown出力するアドオン「MarkdownTableMaker」が超絶便利で悶絶 | DevelopersIO
「もっと早く知っておけばよかった・・・」 という気持ちしか湧いてこない、素晴らしいGoogleスプレッドシートのアドオンがあったので紹介します。昔から探してたんですが、ようやく巡り会えました。 導入も利用方法も超カンタン、普段からMarkdownで表を書いている人には絶対オススメしたいアドオンなので、これを機にガンガンMarkdownで表を書きましょう！ 2021年1月25日追記 現在、このアドオンが利用できなくなっています。ちょっと探しましたが代替のサービスもなさそうで、似たようなサイトとしてこちらが使いやすいかと思います。 Create LaTeX tables online – TablesGenerator.com 「MarkdownTableMaker」とは？ Googleスプレッドシートの内容を、Markdown記法で出力するアドオンです。Markdownはドキュメント記述に非
まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 ..
まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 https://www.nnn.ed.nico 一日8時間勉強時間があるなら、だいたい一ヶ月で終わる内容。 月額1000円だけどしっかり勉強すれば一ヶ月の無料期間中に終わると思う。 もともとN高等学校のノンプログラマーの生徒をWebエンジニアとして就職させるために作られたカリキュラムで講師曰く去年はこれで二人エンジニア就職を決めたらしい。 内容も相当親切に説明していて、プログラミングで何か作るだけじゃなくて、就職に必要な環境構築やセキュリティまでみっちりやる。 http://qiita.com/sifue/items/7e7c7867b64ce9742aee#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%82%92%E3%82%82%E3%81%A8%E3%81%AB
PostgreSQLとMySQL、使うならどっち？ データベース専門家が8つの視点で徹底比較！｜ハイクラス転職・求人情報サイト AMBI（アンビ）
PostgreSQLとMySQL、使うならどっち？ データベース専門家が8つの視点で徹底比較！ オープンソースのデータベースとしてよく比較されるPostgreSQLとMySQL。どんな長所・短所があるのでしょう？ それぞれの専門家による対談で明らかにします。 エンジニアとして働いていると必ず直面する悩み。それは、「どのリレーショナル・データベース（以下、RDB）を選ぶのが最善なのか？」です。 RDBごとに長所と短所は異なっています。そのため自社サービスにマッチしないRDBを選んでしまうと、それがボトルネックとなり開発・運用にトラブルが生じるケースは少なくありません。 なかでもよく比較検討されるのが、PostgreSQLとMySQL。ともにオープンソースRDBのデファクトスタンダードであり、高い性能と数多くの機能を持っています。 では、両者は具体的にどのような長所・短所があるのでしょうか。そ
【2017年7月・8月編】これから流行るかもしれない最新WEBサービス＆アプリまとめ - wepli.2
2ヶ月に1回の恒例コーナー『流行るかもシリーズ』の時間がやってきました！当ブログが始まってから今回で17回目となりますが、今までのブクマ数を数えてみたところ読者の皆様から累計約2300ものブクマを頂いておりました。今まで本当にありがとうございました。これからも日々、最新のWEBサービスやアプリをリサーチし続けていきますので、wepli.2（うぇぷり どっと に）をどうぞよろしくお願いいたします。 てなわけで、今回は2017年の7月と8月にリリースされたWEBサービスとアプリの中から管理人が特に注目したものを厳選してピックアップしてみました。この2ヶ月で様々なサービスが新たに生まれたので、ちょっとした復習の意味で参考にして頂ければと思います。それでは、早速こちらのサービスからチェックしていきましょーう！ Sticky AI メルカリ メゾンズ 食べチョク NHKのタイムマシン マンガPark
デザイン思考VSデザインスプリント。その違いとは？｜Goodpatch Blog グッドパッチブログ
Jonathan Courtney氏はデジタルプロダクトエージェンシーの AJ&SmartのCo-Founderです。2017年7月26日にDesign Thinking vs Design Sprints, what’s the difference?というブログ記事をMediumに投稿しました。本記事は、本人の許可を得た上でそれを日本語翻訳、一部編集したものです。 では、食べ物を例に説明してみますね。 （※もともとこの記事は、ここで投稿したものです。もしコメントやハイライトなどを見たい場合には、参照してみてください） 私がデザインスプリント（Design Sprints : DS）について何か書いたり、デザインスプリント・ワークショップを行ったり、ポストイットを使った何らかのプロセスについて投稿したりするときに、いつも同じようなコメントが寄せられています： 「つまり、それってデザイン思
Web界隈で最近気になるWebサービスとか集めてみた【2017年8月版】 - Brian'z Imagination
インターネットに触れている時というのは、大抵ひとりのときだ。 ここ半年くらい、おかげさまでいろいろな人に出会い、ブログを書くのも疎かになってしまったけれど、またひとりになる時間が増えそうなので、またブログを書き始めようと思っている。 さて、今夏の池袋はサウナのような状態になっているけれど、人混みに負けず冷房を効かせたサンシャインシティの一角で、コツコツと収集していたWebサービスをおよそ1年ぶりに紹介していこうと思う。 海外編 Topol.io Topol.ioは無料から始めることができるかっこいいデザインのHTMLメールが作成できるエディターだ。 デスクトップベースで、豊富なテンプレートを選べば簡単にセンスのいい画像入りのメールを作成することが可能。 Matte Mockups Matte MockupsはCSS3をベースにしたiPhoneやiPadなどのモックアップだ。 画像埋め込み型
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
世界中の無料素材サイトをまとめて画像検索できるサービス厳選６つ【ブロガー＆Webデザイナー保存版】
誰でも簡単に無料でホームページ作成できるおすすめサイトまとめ。 今やブログや個人Webサイトを運営するとき、記事内のアイキャッチ（サムネイル）に使用する写真素材に困ることはないだろう。ネット上には、無料で高品質な画像が山ほど溢れている。例えば以下のようなサイト。 DesignersPics Unsplash Pexels Pixabay Life Of Pix FindA.Photo MMT これらは全て無料で著作権表示の必要ない写真素材を提供するサイトである。これらもほんの一部で、他にもたくさんある。 しかし人間とは贅沢なもので、少し前までは無料というだけでありがたみを感じていたのに、今ではある特定の写真を探すときこれらのサイトを一つ一つブックマークから開いて検索することに面倒臭さを感じる。 しかし需要があれば供給が生まれる。 上に挙げたような複数の無料素材サイトを横断的に検索して一覧で
Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1日で100個以上のフリーフォントを調べたわたしがおすすめする、おしゃれな日本語フリーフォントサイトまとめ｜あいまいみーのきたろぐ
Google、機械学習を応用した無償のオンラインお絵描きツール“AutoDraw”を発表 ～手書きの絵を認識し、アーティストの描いた高品質なイラストへ変換
【保存版】一次情報をゲットするために確認するべきウェブサイトをまとめてみました（随時更新） - とある浪速の調査雑記