なぜ作ったゲームが面白くならないのか？基礎にして奥義「フロー理論」｜かえるD
そろそろ、ゲームデザインの話もしていこうかと思う。今回は、ゲームが面白いとはそもそも何なのか？そもそもゲームとはなんなのかを紐解き、そこからどうすれば面白くなるのかを書いていこうと思う。 そして、最初に本記事の結論を書いておく。 ・ゲームとは学習を嗜好品化したものである ・人が学習から面白いと感じるには条件がある＝フロー理論この二つが、本記事の結論である。面白いと思ったら、この先を読み進めていただければ幸いだ。 そもそもとして、今回の記事をnoteに書こうと思った理由の一つとして、毎年新卒に向けて同じような話をするのだけれど、ずっと張り付いて教えられるわけでもないし、必要になったタイミングで情報を提供しないと、なかなか身に付かないので、これ参考にすると良いよというような似たようなまとまったリファレンスがほしかったのだ。でもそのようなリファレンスは存在しないので自分で書こうと思った次第だ。
【初心者向け】デッサンの描き方の基礎を徹底的に解説する【6枚】 - MIKINOTE
先日、絵の描き方に関しての記事を書いたせいか、このブログの読者さんや、Twitterのフォロワーさんで、「絵の練習をしている」とか「デッサン描いたら勉強になった！」と言う方が何人かいます。 僕も、デッサンは今までに何千枚と描いてきたし、そういう話題を見ると懐かしいなあと思ってしまいます。 で、そう言えば３年くらい前に、「ちょっと久しぶりに練習してみようかな？」と急に思い立って描いた簡単なモチーフを描いたデッサンの画像があるな〜ということを思い出しました。デッサンを描く過程の写真も撮ってあります。 ちょうど良いので、数年前に描いた６枚の鉛筆デッサンが描かれていく工程を参考にしつつ、初心者の方向けに、「デッサンの描き方の基礎」を、これだけわかっていれば大丈夫！と言うくらいに徹底的かつ詳細に解説していこうと思います。 ちなみにこの記事、とてつもなく長いです。なので、読みたい所だけ読むなり、ブック
「スキマ時間のながら」体幹トレーニングでたるんだ体を引締める方法
体幹トレーニングのすすめ 運動不足を痛感している方。筋肉の衰えを感じる中高年の方。 ジョギングしたり、ジムへ行くのが億劫な方から、パフォーマンスを上げたいアスリートの方にも。体幹トレーニングをおすすめします。 体幹トレーニングの効果的なやり方、基礎的な知識を紹介します。心も体もシャキッとすればいいですね。 体幹トレーニングで得られる2大効果 一見、ポーズをとっているだけに見えるので、地味な印象が強い体幹トレーニング。それでも根強いブームの秘密は、手軽にトレーニングできて、大きなメリットがあるためです。 体（特にお腹周り）が引き締まる 体幹トレーニングはインナーマッスルを刺激するので、体の中から引き締まったように感じます。実際、ポッコリお腹に効果的です。 心もスッキリ引き締まる 1日10分とわずかなトレーニングですが、ポジティブな行動を継続することで、自己肯定感が高まり、スッキリした気分にな
｢基礎が大事｣という本当の意味を理解しているか? - teruyastarはかく語りき
自分への問いかけ。 と解答。 ｢基礎は無意識に落としこむほど反復してこそ、本当の土台となる。｣ ｢基礎は常に更新、あるいは再構築されるものである。｣ 以下本文。 高校生を応援するNHKの番組｢テストの花道｣みて 早稲田先進理工学部で、 その他いろんな薬学部にも合格もらった人の 勉強法が面白かったです。 問題集への取り組み方 学校で配られた問題集で、 ｢例題｣→｢練習問題｣→｢演習問題｣ と普通は順番に理解し解いていくところ、 ｢例題｣のみひたすら繰り返す! ｢練習問題｣｢演習問題｣には手をつけない。 え? それだけ? というか、例題だけ覚えても練習やら応用やら、 やらないとダメなんじゃないの? と、思ったんですが、 どうも受験対策に買った物も｢基礎英文法｣と｢単語帳｣だけで、 後は授業の復習や、学校のプリント、問題集のみ。 結局応用問題には最期まで手を付けなかったそうです。 (そんなんで薬
条件分岐 | PHP Labo
条件分岐について ここまでのプログラムは、書かれた内容を上から順番に実行していくのみのプログラムでした。ですが条件分岐を使用すれば、条件によって処理内容を変更することができるため、複雑なプログラムを作成することができるようになります。 具体的には、以下のような書式で条件分岐を行います。 if (条件) { 条件に一致した場合に実行するプログラム } else { 条件に一致しなかった場合に実行するプログラム } このように書くことで、条件に一致したかどうかで処理内容を振り分けることができます。ちなみに if は英語で「もし～なら」、else は「そうでなければ」という意味です。 以下に、条件分岐を使用したプログラムを記載します。 <?php $sample = 10; if ($sample > 5) { echo "変数sampleの内容は5より大きいです。"; } else { ech
WebデザイナーやノンプログラマーにおすすめしたいPHPの勉強法
まったくプログラムの下地がない人がPHPの入門書を読むと挫折する。筆者はプログラミングの下地がまったくないノンプログラマーである。数年前から、PHPの勉強をや独学ではじめた。PHPの本は何冊買ったかわからない（洋書も含めて40冊以上は買ってきた）。買っては挫折の繰り返しだった。現在、てもとに残ったのは数冊である。 以下は、今後PHPを完全な独学で勉強したい人のためのメモである。 良本でプログラミングの下地をつくる 最初のコツはいきなりPHPの本に手を出さないことである。とくに初心者の方がネックになるのは条件分岐、ループ、配列あたりである。このあたりはPHP以外の本で定評のある本を読んで基礎を固めておきたい。 『新版Perl言語プログラミングレッスン入門編』か『初めてのプログラミング 第2版』のどちらかを読んでおこう。前者はPerl、後者はRubyの本であるがPHPでも基礎は同じで役に立つ。
Macの基礎の基礎: Finder編
「Windows から Mac に乗り換えたけどよく分からない」「いまいち使いこなせない」という声を最近よく聞くので、これから数回にわたって「Macの基礎の基礎」という連載をすることにしました。 アプリケーション別に記事を書く予定で、第1回目となる今回は「Finder」編です。 記事の内容は基礎編ですが、最後に Mac ユーザーの間でも意外と知られていない機能や新機能について書いています。 なお、この記事は主に Mac OS X 10.7（Lion）以降向けに書いていますが、私は OS X 10.9（Mavericks）を使用していますので、設定画面や機能など多少異なる場合があります。 画面キャプチャー（画像）は、すべて OS X 10.9（Mavericks）のものです。 はじめに: Windowsユーザーの方へ この記事は、基本的に「Mac に乗り換えたけどいまいち使いこなせない」方向
デザインのレベルを上げる！レイアウトやタイポグラフィに関するまとめ - コムテブログ
TL;DR 先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web 関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回は Web 関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 レイアウト 視覚的に明快で上手に配置されたものは読者に好まれます。そういったレイアウトを作るために、余白の使い方や文字や画像配置などの知識をおさらいします。 １．アクティブ・ホワイトスペース 小さなテキストを広い余白に配置すると存在感が増し、視線の滞在時間が長くなります。余白は一見無駄のように見えますが、意図的に配置されていることが多いです。 余白の美 空白により読者のコンテンツの読み進めを制御することができ
WordPress初心者さんがまず覚えないと困るテンプレートタグBest5（＋α） ※若干情報古め
##2015.01.26補足 この記事を公開してから4年とちょっとが経ちました。 コード内の不要な半角スペースを削除しました。また、echoが必要なタグにサニタイズ処理を追加しました。しかしこのページの記述自体レガシーになってきているので、参考にする際は注意してください。 ##2013.03.06補足 この記事を公開してから2年とちょっとが経ちました。 bloginfo系のテンプレートタグの非推奨となった引数部分で、別のタグを紹介しているので5つではなくなりました。 ##2012.01.30補足 この記事は古くなっています。bloginfo系のテンプレートタグの推奨状況が若干変わっていますので、ご注意ください。 ほかは大丈夫だと思いますし、古いタグで動かないわけではないのですが。余裕があれば改訂版書きます。 先日Webの専門学校の講師をされている方にお会いした時、 「WordPressを初
Webデザイナー（私）によるタイポグラフィーレイアウトの注意書き
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー（私）によるDTPデザイン注意書き：Webと
良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良の方法？ 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色彩センスのいらない配色講座