あとで読むに関するthonetのブックマーク (22)

  • Web制作における文章の可読性について考える |https://wp.yat-net.com/name

    ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは? 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは? 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか? 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど

    Web制作における文章の可読性について考える |https://wp.yat-net.com/name
  • オンラインゲームを「オカンでも説明無しで楽しめる」ように作るためにすべきこと

    最大のゲーム開発者向けカンファレンス「CEDEC2011」でDropwaveの城氏によって「ネットワークゲーム時代に求められる、ゲームプランナーの基礎知識」と題した講演が行われました。 「まずは自ら課金して廃人になるまでやりこむべし!」ということで、顧客生涯価値(LTV)の最大化を目的としたオンラインゲームの設計、開発および運用法について、城氏自身の制作経験を踏まえて、講演というレベルを超えて微に入り細に入り赤裸々に経営哲学や制作理念が語られました。 城: 公演の趣旨を説明させていただきます。コンシューマゲームの開発者の視点から、オンラインゲームの開発、運営について話したいと思っております。 公演の対象者ですが、何年も家庭用ゲームソフトを作ってきてゲーム作りには自信があるのに、会社の命令で無料ゲームを作れといきなり言われて非常に困っていて、いやいやながら作らなくてはならない方

    オンラインゲームを「オカンでも説明無しで楽しめる」ように作るためにすべきこと
  • 総まとめ。あなたが間違いを犯す36の心理パターン - ジャスウィル社員ブログ

    愛知県名古屋市の大学向けシステムパッケージ販売、開発、導入をしている、IT企業で働く社員たちのお話です。 人は毎日、間違った選択をさせられている 人は、多くの情報が溢れる生活の中で、大小様々な選択を日々迫られています。 忙しい現代人に「ぼう大な選択」を1つ1つ時間をかけ、論理的に考えているヒマはありません。 そのため人は、考える手間が無く、物事の判断を一瞬でおこなえる「無意識」を使って、これら「ぼう大な選択」を処理しています。 この「無意識」を使った判断は、効率的な選択をおこなえる一方、不合理でメリットの無い選択をしてしまいます。 不合理な選択のことを「社会心理学」で「認知バイアス」と言い、日々その心理パターンが解明されています。 解明されている心理パターンは、人間なら誰にでも当てはまってしまう人間の特性です。 しかし、この心理パターンをビジネスの世界に応用して、人を操り、利益を上げるケー

  • 今敏監督インタビュー「20代の仕事について」

    上村朔之助 @taikichiro 今 敏さんが亡くなって一年。2008年3月13日に「20代の仕事について」インタビューを取材をさせていただいた記事がとてもいいので一部、再録します。ライターの池田潮が書きました。連投になります。 上村朔之助 @taikichiro 今 敏「私はこれまで一度も就職したことがないんです。実はバイトもしたことがない。絵以外でお金をもらったことがないんですよ。(略)20代は絵でしかお金をもらってないんです。なぜかというと、絵の仕事というのは、お金をもらうためであると同時に上達させるための訓練だと思ってた。」→ 上村朔之助 @taikichiro 今 敏「なにか他のアルバイトをして余った時間で勉強をしていたんじゃ間に合わない。絵以外の仕事で時間を使うなんて絶対したくないと思ってたからなんです。ですが、漫画を書くには絵だけでは済まなくて、話をつくるとか演出のしかたも

    今敏監督インタビュー「20代の仕事について」
  • 初心者の頃分からなかったWeb用語:フレームワーク … CSSからHTML5、WordPressまで

    Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です! Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3 のフレームワークとか …。 今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした(私だけ?)。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう!というところまで行きませんでした。

  • 私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

    私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 (※文中のショートカットキーは全てMacの場合です) 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う

    私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
  • 今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。

    みなさんこんにちは、カッシーです。 先日6月8日に26歳になりました。充実した26歳にできるよう頑張っていきます! 今回は手軽に実践できる効率アップTIPSをご紹介したいと思います。 WEB業界のデファクトスタンダードっていうよりは僕が実践しているものがメインです。 こういう効率アップTIPSとかは共有してどんどん仕事の効率を上げれば ・コストダウン(人件費) ・定時に上がってアフターを楽しむ ・費用は下がるし仕事は早くできるしモチベーションは上がるはいいこといっぱい! なんでどんどん情報をシェアしたいですね! もしこんなのものあるよーって方はコメントなりtwitterなりメッセージ頂けると嬉しいです。 目次 ・WEBサイトの新規作成キットを利用する ・拡張機能を利用する ・コード共有・アセット ・よく使う単語は辞書に登録 ・素材や過去のデータは整理しておく ・効率の高いファイルの送受信

  • 「SEO」とは(おさらい編) - かちびと.net

    今さらですけど、「SEOってどんなもの?」 っていうおさらい的な記事を書いてみます。 一部の業者さんによってSEOへの認識は まったく違うものになってしまい、頭の良い 人まで勘違いするようになってしまいました。 残念な事です。 というわけで、おさらい。SEOとは何か、について簡単に。とくに釣られたわけではないでs SEOとは SEOはサーチエンジン最適化の略称です。現在はもうGoogleが主流なのでGoogleに最適化するのがSEO、という認識で大体あってます。勿論、人が使う検索エンジンは他にも沢山ありますが。 では、「最適化」とはどういったものを指すのでしょうか、という話なんですが、まぁ最適化する為の施工なので、 ユーザーにとって有益でないコンテンツを表示させないようにする クローラーにsitemapを送信してインデックスするのを助けてあげる URLの変更等で、適切なリダイレクト処理を行

    「SEO」とは(おさらい編) - かちびと.net
  • 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」:phpspot開発日誌

    新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」 2011年04月25日- 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」。 この春、会社に入って、サーバに入って vim でプログラミングさせられている人はそれなりにいそうですが、その場合に速攻でプログラミングをマスターできるquickrunプラグインを入れておきましょう。 プログラミングを覚えるには作って動かすが一番いいですが、「書いて」→「保存して」→「実行して」を一瞬で行えます。 具体的にはプログラムを書いていて、コマンドモードで「¥r 」をタイプするだけでペインが分かれてプログラムの実行結果が得られます。 VPSなどを借りて、これからプログラミングをはじめようって方にも有効です。 かなりインスタントに実行できるので、こう書くとこう出る、がサクサク進められる

  • 「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net

    Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの家です。 jQuer

    「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
  • Macの痒いところに手が届く便利なフリーウェア18個|男子ハック

    @JUNP_Nです。Macのちょっとしたところが便利になるフリーウェアをまとめてみました。ご自分の環境に合わせて使ってみたらMacがもっと便利になるかと思いますよ。

    Macの痒いところに手が届く便利なフリーウェア18個|男子ハック
  • 人間のために分かりやすい実用的なURLを設計する方法

    URL Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記事を読んだ後で、あなたに一つだけ覚えておいてほしいことは、URLの構造を設計するのに時間をかける、ということです。 URLデザインは簡単ではなく、正しい解決方法があると言うことはできません。しかしそれは、他のデザインと同じです。良いURLデザインがあり、良くないURLデザインがあり、そしてその中間もあります。 しかし、それは素晴らしいURLデザインを作るこ

  • 私はGoogleリーダーを使ってこんな風に情報を集めています*二十歳街道まっしぐら(FC2ブログ時代)

    自分がどのように情報を集めているかまとめておきます。 基的に「Googleリーダー」を利用して集めています。 そこで、Googleリーダーの自分なりの使い方と、おすすめ拡張機能やGreasemonkeyも紹介します。 Googleリーダーを使い始めた人やまだ使ったことがない人に有益な情報になったらいいなあ。 以下にまとめておきますね。 (※記事は2010年05月24日に修正および追記致しました。より新鮮な内容になったと思います。)

  • 「騙された」とか歌って喜んでる斉藤和義と信者はこれ読めよマジで

    戦争責任者の問題伊丹万作  最近、自由映画人連盟の人たちが映画界の戦争責任者を指摘し、その追放を主張しており、主唱者の中には私の名前もまじつているということを聞いた。それがいつどのような形で発表されたのか、くわしいことはまだ聞いていないが、それを見た人たちが私のところに来て、あれはほんとうに君の意見かときくようになつた。 そこでこの機会に、この問題に対する私のほんとうの意見を述べて立場を明らかにしておきたいと思うのであるが、実のところ、私にとつて、近ごろこの問題ほどわかりにくい問題はない。考えれば考えるほどわからなくなる。そこで、わからないというのはどうわからないのか、それを述べて意見のかわりにしたいと思う。 さて、多くの人が、今度の戦争でだまされていたという。みながみな口を揃えてだまされていたという。私の知つている範囲ではおれがだましたのだといつた人間はまだ一人もいない。ここらあたりから

  • Controlキーを使いこなせばMacの作業効率は恐ろしく上がる! 覚えるべき7つのショートカットキー – 和洋風KAI

    みなさんこんにちは!ショートカットキー大好き!するぷ( @isloop )です。 最近、スーパープログラマー@akio0911さんと一緒に作業させてもらってるんですが、ふと@akio0911さんのキーボード捌きを見るとなんか独特なので、「一体これはなにをしてるんですか!?」と聞いてみたところ、「Controlキーのショートカットキーを駆使して文字入力してるんです。これ覚えると便利ですよー」と。 試しにやってみたらこれは感動! むちゃくちゃサクサク文字入力がすすむじゃないっすか! というわけで、今回は@akio0911さんオススメのMacの作業効率を恐ろしくあげるControlキーを使った7つのショートカットキーをご紹介したいと思います! カーソルを上げ下げするControl ショートカットキー。 カーソル移動はカーソルキーを使うのが常識ですが、実は以下のショートカットキーを使っても移動でき

  • 【CSS3】 border-image を試してみた。

    先日、CSS3入門の手始めとして、border-radius を使ってみた。今日はその続き。border-image を試してみる。 border-image は border-radius と同様、CSS3の新しいプロパティで、ボーダーに画像を適用する。「ボーダーに画像」というのがいまいちピンとこなかったのだが、使ってみるとこれはなんとも便利だ。 デモページはこちら。 今回は素材として画像を使うが、適当な画像ではちょっとわかりにくいと思ったので、なるべくわかりやすいサンプル画像を用意した。 基的な使い方 基的な使い方は次のようにする。 .borderimg01{ border-image: url("border-image.gif") 40 / 40px stretch; -moz-border-image: url("border-image.gif") 40 / 40px st

  • 車を売る際に必要な手続きと書類まとめ

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

  • MacBookPro買った!MacにWindows環境を構築するベストな方法!! -  

    MacBookPro買いました! さて、MacWindows環境を構築するベストな方法を模索するべくいろいろ検索してみましたが、わりと古い記事しかヒットしなかったので初めてはてなの人力検索を利用して質問してみました!! MacBookproにbootcampでWindowsXPを入れて併用する際のおすすめ設定・注意点を教えてください!! 今日、MacBookpro15インチ(HDD250GB,メモリは4GB)とWindowsXPproを買ってきました。 (今まではWindowsXPpro利用) web制作に関してhtmlのコーディング・プログラミング(php/javascript)・画像素材作成など一通りやってまして、 「150GBをWindowsXPproに、残りをOSXに割り当て。かつファイルはどっちからも閲覧・編集できる!」 なんていう状態にしたいです!!よろしくお願いします!!M

    MacBookPro買った!MacにWindows環境を構築するベストな方法!! -  
  • あなたのWEBデザインを刺激する参考サイトのリンク集まとめ | ハッケンブログ(発見部LOG)

    デザインに困った時、新しいインスピレーションが欲しい時に使えるかと思います。 自分に合ったサイトを2~3見つけて、「お気に入り」にしておくと便利です。 CSS・FLASH・携帯サイトなど、製作の「参考サイトを紹介しているサイト」のリンク集です。 総合の参考サイト 企業サイト向き ikesai.com --- いけてるサイト ドットコム 参考サイトの定番です。毎日2~3サイト更新されています。 国内系 企業サイト 業種別 Web Design Clip [WEBデザインのクリップ・リンク集] サムネイル大き目でおしゃれ。検索はヘッダーの「SEARCH LIST」をクリック。タグ一覧はフッターにあります。 国内系 企業サイト 個人サイト Full-FLASH BLOG タグ 業種別 色別 テクニック別 レイアウト別 フリーワード 投票評価 ブックマーク数 Webデザイナーのためのリンク集 海外

  • 2011年3月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル

    今月私が目を通した記事の中から、他の人にも読んでほしい、見て欲しいと思った記事を簡単に分類して一覧にさせて頂きました。自分で情報を探してくるのが苦手な方はこちらをすべて読めばかなり勉強になるのではないでしょうか。 Web サービス・プログラマー制作者向け より良いPHPerにならないための20Tips さくらのVPS 設定ガイドリンク集 厳選140 \(初心者歓迎)/:浜村拓夫の世界 Webサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々:phpspot開発日誌 mixi Engineers’ Blog » Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について 404 Blog Not Found:これで最低限! – 書評 – 体系的に学ぶ 安全なWebアプリケーションの作り方 PayPal 基礎知識ゼロから始める、個人利用・