誰もが知るべき「成功するには好きなことをしろ」の罠： Cal Newport 基調講演 #WDS
７月に開催されたWorld Domination Summitの紹介記事ものこり３つとなります。二日目、次に登場したのは数学の研究者であり、ブロガーでもあるStudy Hacksの Cal Newport さんでした。研究者でブロガー、どこかできいたことあるプロフィールですね（笑）。 彼は非常に有能な研究者ではあるものの、生まれもった才能よりも意識的に実践し、測定できる訓練を重視する記事を多く書いています。このブログでも「あなたを次のレベルに押し上げる『集中的訓練』の方法」という記事で紹介しました。 そんな彼が壇上で論じたのは、よく耳にする「成功するには、好きなことを仕事にしろ」という考え方の罠と、それを避けるための方法でした。### 好きなことが成功を導く？ 「好きなことをしろ」「情熱を追え」これは感情的、情緒的にはよいアドバイスといえます。しかしキャリアアドバイスとしては正しいのだろう
好きなことを仕事にするな | rionaoki.net
追記：同じ題材を外向けの視点で書いた記事があった：「結局は自分の好きなことを貫き通したやつが負け」。Twitterで流れてきたので一応リンクしておきます。 このまえ「いつ専攻を決めるべきか」でちらっと紹介したPenelope Trunkの記事： Bad career advice: Do what you love | Penelope Trunk’s Brazen Careerist 大分古いエントリーだが、とても気に入っているのでご紹介。お題は以下だ： One of the worst pieces of career advice that I bet each of you has not only gotten but given is to “do what you love.” キャリアに関する最低のアドバイスは「好きなことを仕事にするべき」だという。みんな自分の好きなことを
HTML5でつくられた、ページ遷移・画面遷移のアイディアがすごい
HTMLファイ部のほんだです。シュッ 「ページ遷移」、聞くだけでゾクゾクしませんか？ 僕は大好きです。 Web Creator's Contest Q（HTML、CSS、JavaScript エンジニアのためのコンテストサイト）では、 ページ遷移・画面遷移をテーマにしたコンテストを開催中です。 とても好評で、5回目となった当コンテスト。 今回のテーマも、力の入ったコードがたくさん投稿されています！ 魅力的な画面遷移エフェクトのコード集！ Cubic Transition ※「▶Play」ボタンをクリック！
良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!
フリーランスでWEB製作をされている@sou_labさんから ドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
美しい…。フォトグラファーのポートフォリオサイト20選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ゴウです。 私、写真撮影なんぞが趣味なのですが、その道のプロ、フォトグラファーさんのサイトってカッコイイのが多いんですよね。写真素材が素晴らしいからっていうのもありますが、見せ方なんかも工夫されていて、独特の世界観に引きこまれてしまいます。 という訳で、今回はフォトグラファーのポートフォリオサイトをまとめてみました。 Eric Ryan Anderson https://www.ericryananderson.com/ Fashion Photographer Milan Paolo Boccardi – Fotografo Milano https://www.fashionphotographer.it/ Future home of something quite cool https://www.kiranowal.com/ Clayton Bozard Photog
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
【メールでの敬語の使い方】注意点やケース別のテンプレ付き
本コンテンツは独自に制作していますが、一部にサービス提供企業等から広告料および送客手数料を受領しているPR情報が含まれています。 ビジネスパーソンなら毎日使う、敬語。でも、本当に正しい敬語が使えていると言い切れますか？ 社会人経験の長い方でも、間違った敬語を使っている人は少なくありません。そして、メールで敬語を間違うと、ミスが永遠に残り恥をかいてしまいます。 そこで、間違いやすい敬語と、その改善方法をご紹介します。社会人と、これから敬語を使うことになる就活生も、恥をかかない正しい敬語をマスターしましょう。 敬語とは 敬語とは、言語表現の一つで話に出てくる人物や話し相手に対する敬意を示すために用いられます。 日本語における敬語は尊敬語、謙譲語、丁寧語の3種類に分類されます。尊敬語と謙譲語は、話の主題になっている人に対して敬意を示すために使われます。 現代では、敬語は家族や友人などとの会話の中
パワーポイントのスライドを使った授業が恐ろしくつまらない理由 | ShareWis Blog（シェアウィズ ブログ）
こんにちは。ShareWisの辻川です。 最近、にわかに学習系のサービスが盛り上がりを見せていますが、僕も学習系サービスの従事者の端くれとして、さまざまなサービスを実際に利用し、どんな特徴があるのかチェックしたりします。 特に動画で学習するタイプのサービスは国内外問わず色々と見てきました。 そんな中、思わず最後まで見入ってしまう動画と、開始１分以内で「もういいや」となってしまう動画があることに気づき、その違いは一体どこから来ているんだろう、と疑問に思うことがありました。 そこで、ふと自分が学生だったとき、どういう授業が面白くて、どういう授業が面白くなかったかを考えてみることにしました。 TEDのようにスラスラ話す＝面白い授業、ではない 高校のときの化学の先生にすごく変わった先生がいました。 その先生は授業中にしょっちゅう「フリーズ」していました。 化学の法則について解説しているとき、練習問
【長文注意】kulerを使った誰にでもできそうなWeb配色 | フォルトゥナ ブログ
色ってそんなにセンスは関係ないですよ 「色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ」という記事があったので、思うところとかを含めて配色の方法についてまとめてみました。私の方ではもう少し具体的な配色の方法についてもまとめたいと思います。 いつもWebカラーセミナーで話すのは、配色に関する問題の8割は知識で解決するということです。「色彩のセンスがない」という人はそもそもその勉強をしたことがないという人が多く、勉強したことのある人は「色は難しい」と仰います。逆に数十年グラフィックデザインをやっていても、Webの配色としてはまったくできていないということも多々あります。これはセンスではなくWebでのセオリーがわかっていないということになります。 センスと知識や学習していないことを同列に扱うのはおかしいですね。 デザイナーで色の勉強をまったくしたことがないという人はやや問題がある
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
CSSスプライトについてあれこれ。
「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね（2012.8現在）。 具体的には「サイト内で使用するたくさんの画像（パーツ）をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
デザイナーだから考える。青色が与える27の効果と7つの活用例
今年のお盆休みは友人と旅行に行ったり、ボルダリングの体験をさせてもらったりしていて、ブログの更新が疎かになっていました。申し訳ありません。今週は月曜日から時差ボケのような感じで、あまりシャッキっとできていないんですが、頑張ってブログを更新して行こうと思います！ 今日は、前回の「デザイナーだから考える。赤色が与える27の効果と6つの活用例」に引き続き「デザイナーだから考える。青色が与える27の効果と7つの活用例」について紹介させていただきます。青を基調としたデザインを考えるときにこの記事が役立てば幸いです。 青色を利用した7つの活用例 まずここでは、青色を取り入れたデザインや製品などを例に、青色が持つ効果やイメージについて紹介させていただきます。 聖母マリアのマントの青は「神秘的な印象与える」 地球上に存在する「物」としての青は、手にとって触れることの難しい色です。例えば世界中で見ることので
【レスポンシブデザイン】お役立ちサイトのチャンプルまとめ。 | バシャログ。
あ、sass3.2来てら。hakoishiです。 横目に見つつ、本日はレスポンシブまとめ。 構想の参考にしたい事例から、実制作で役立つ技術記事までチャンプルです。 ギャラリー 21 Inspiring Unique Responsive Web Design Examples 海外のレスポンシブ事例集。 Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたアーカイブサイト タイトルの通り、国内のレスポンシブ事例集。 スマホ、タブレット、PCのプレビューが表示されていてザッピングにも便利。 Responsive Layouts, Responsively Wireframed 汎用的なワイヤー例。右上のナビでPC、モバイル表示を切り替えてみましょう。 直感的で解りやすいので、お客様への説明にも使えるのではないでしょうか。 あと、このサイト自
デザイナー必見！アナタにとっての『見たことも無いデザイン』を探すことが出来そうなサイト色々！ | バンクーバーのうぇぶ屋
WEBサイトを作る時、アイデア出しに詰まったりするなら参考になりそうなサイトを探したりするのもアリだと思いますが、たまには『WEBデザイン』の枠を超えた所からアイデアなんかが思いつくこともしばしばかと思います。 特にスペシャルコンテンツ的なサイトを作るときには、時として奇抜なアイデアや見たことも無いようなインパクトを必要とされる事もしばし。そんな時僕は一度“WEBデザイン”のことを忘れ、WEBデザイン以外のギャラリーや専門サイトを見る事も少なくはありません。 配色ルールなんかをインテリアやファッションデザインからヒントを得る的な記事も前に書かせてもらいましたが、似たような事かなと思います。たまにはWEB以外のデザインに目を通して違う発見やアイデアを得るための時間を作るのも面白いものですよー！ というわけで、今回は海外WEBデザインギャラリーまとめに続きまして続編的に書いてみようかなと、前回
【Phototshop小技】境界をぼやけさせずに綺麗に長方形シェイプを描く方法
こんにちは、井畑です。 前回書いた記事が割りと好評だったので、調子に乗って第2弾。 Photoshopのシェイプを使って、長方形などの図形を描くと、どうしてもシェイプの端がぼやけるというか、汚く表示されてしまいますよね。 実は、これを簡単にきれいに書く方法があるんです！ 簡単な設定ですが、意外と僕の周りで知らない人が多かったので紹介してみました。 それではどうぞ！ ※環境はPhotoshopCS5です。それ以下のバージョンでも多分出来ると思いますが･･･なにぶん未確認ですのでご了承ください シェイプの端が汚くなる理由 理由はただひとつ。ピクセルのすき間でなく上にパスが描かれてしまうからです。 ガイドを使わず適当にシェイプを描いた場合、パスが綺麗にピクセルとピクセルの間を通らないので、シェイプの端がぼやけて、汚く表示されてしまいます。 運よく、ピクセルに沿って描かれた場合はもちろんきれいに表
Create Websites Without Writing Code Using Adobe Muse
2014年8月17日 Webサイト制作, 便利ツール グラフィックデザイナーさんの中にはWebデザインに挑戦したいと思っている人もたくさんいると思います。それでもなかなか一歩踏み出せないのはマークアップやコーディングがなんだか難しそうだからではないでしょうか？先日、ロンドンで出会ったグラフィックデザイナーさん達と話して、「タグの文字列を見ただけで蕁麻疹が…」というように食わず嫌いのソースコード恐怖症な方が多いようで、どうにかしてその思いを払拭できないか？Webデザインの楽しさを伝えられないか？と思い、印刷デザイン感覚でWebサイトが作れる「Adobe Muse」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ Adobe Museとは？ 「Adobe Muse」はデザイナーさん達御用達のAdobeが提供する、印刷物をデザインする感覚でWebサイト制作できるアプリです。HT
都内すべてのコワーキングスペース一覧 | MakeLeaps
[関東版]首都圏のコワーキングスペースを最寄駅ごとに紹介しています。ご自身の働き方に合わせて、お気に入りのコワーキングスペースを探してみてはいかがでしょうか。 ■コワーキングスペース（Coworking Space)とはコワーキングスペースとは他の利用者と交流しながら、仕事や自主学習に集中できるオープンオフィススペースのことです。事務所を賃貸するよりも低価格かつ開放的なスペースで楽しく快適に仕事ができるところも魅力のひとつです。ノマドワーカー、フリーランサー、起業家の間で人気が高まっています。パソコンの充電やWi-Fiの利用はもちろんのこと、それぞれのコワーキングスペースならではの特徴・特典が多くあります。 ■掲載についてコワーキングスペースの掲載をご希望の方は、お問い合わせフォームからご連絡ください。
URLを入力してサイト全体や一部のスクリーンショットを保存するフリーソフト「WebShot」
サイト全体のスクリーンショットを撮りたい場合などに、コマンドラインでの操作が可能で、サイトのURLを入力し、スクリーンショットのサイズと保存するときのサイズを指定して、JPG・GIF・PNG・BMPで保存できるフリーソフトが「WebShot」です。Windows XP・Vista・7・Server 2008で起動できます。 ダウンロード、インストール、操作方法については以下から。 WebShot http://www.websitescreenshots.com 上記サイトの「DOWNLOAD」をクリック。 ダウンロードした実行ファイルを起動。 「Next」をクリック 上にチェックを入れて、「Next」をクリック。 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Install」をクリック 「Finish」をクリック。 操作画面が表示されます。 ここではこのサイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
screenqueri.es
Loading...
