視力アップに効果があった話題の視力回復トレーニングベスト５
今回は話題になった視力アップトレーニングの中から 実際に効果のあったトレーニング方法をランキング形式でまとめました。 以下のトレーニングで実際に視力が回復した人も多いので 「最近、視力が落ちたな」と感じる人はぜひ一度実践してみましょう。 視力をぐんぐん回復させるトレーニング法BEST５ 一度視力が落ちるとレーシック手術などをしないと 元の視力まで回復するのはなかなか難しいです。 しかし、トレーニングによって視力が回復した人も多いので 以下から効果のあった視力回復トレーニングを一通り実践してみましょう。 第１位 5分のトレーニングで0.4から1.5まで上がった方法 たったの5分のトレーニングで0.4の視力が1.5まで上がった（動画） 中川和宏先生（米国医学博士）の視力アップトレーニング。 テレビでも放映され、実際に視力も大きく上がっていたおすすめの方法。 実践してみましたが、本当に目に効いて
SkitchにURLをペーストするとサイトがまるごとスクリーンキャプチャされる
Evernote 傘下に入った Mac 用のスクリーンキャプチャ、編集アプリ Skitch はいろいろな隠れ技があるアプリです。 ところで、このワザはよく知られているのかどうかわからないのですが、Skitch を選択した状態で URL をペーストするとサイト全体のキャプチャ、ブログなどなら非常に縦長の画像を作ることができます。 なんのことか、Skitch で手順をご紹介します。 任意のページの URL をコピーします。 Skitchを前面にもってきて、普通に Command + v で URL をペーストします。すると： ページの様子がキャプチャされて…。 このように、非常に縦長のサイト全体のキャプチャがとられました。横のスライダーを使えば、任意の場所を選択することができます。 サイトの説明をするときや、いわゆる「魚拓」をとるときなどに一発で画像化できますので便利ですね。 Mac を使って
すげえ！FlashLite1.1を解析してHTML5に変換·FlashForward MOONGIFT
ガラケーはFlashLiteに対応しており、多数のゲームが開発されてきました。そうした既存の資産を活かすべく開発されているのがFlashForwardです。iOS向けにFlashLite1.1からHTML5へ変換するソフトウェアです。 デモは多数用意されています。 アニメーションします。 SVGの他にCanvas阪も用意されています。 テキスト含めたアニメーションも可能です。 こういうゲーム系で活躍します。 陣取りゲーム風ゲームも再現できています。 こういうアニメーションはCanvasのが高速です。 指定した形を描きます。 日本語も使えます。 複雑なキャラクターも描けて、アニメーションもばっちりです。 左右に動いたりします。 バナーレベルは十分に使えます。 まさにゲーム用途にぴったりです。 FlashForwardでは予めSWFファイルを解析し、HTML5/SVGまたはCanvas/Jav
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
無料で見られるプログラミング関連書籍一覧 - YAMAGUCHI::weblog
はじめに こんにちは、動画配信界の情弱です。年始からStackOverflow眺めてたら超絶便利な質問に神回答がされてたので忘れないうちにメモっておく。2012年どっかで役に立てばいいですね。 参考 オリジナルはこちら。ここではコメントにパラパラと載ってたので、まずは直近1ページ目だけにあったものを1個のリストにまとめてみた。ほぼGeorge Stocker氏による回答を載せただけだけど。あとちょっとだけ自分で和訳とか加えたので、知っているものがあればコメントに載せて下さい。追加します。まだDとかFactorとか載ってないし、Pythonも全然足りないし。 API Only - Stack Exchange もしかするとバージョンが古かったりするものもあるかも知れませんが、それもコメントで教えてもらえるとその旨追記します。 他にも過去に挙がったもののリンク ReadWriteWebのプログ
Web 制作会社ワークフローあれこれ12選 - カタコト日記
Web サイトをどうつくっていくのか。 ワークフローの最適化って難しいし、会社の個性が強く現れるところだと思うんだよね。 今日は深入りはしないで、見せ方の気に入ったワークフローを並べてみることにしました。 コンサルティング中心の会社も入ってますが。 キノトロープ 初期コンタクト 成功予測 戦略策定 戦術策定 制作・公開 更新・運用 効果測定 全体的に若い会社の多いこの業界の中では老舗（1993年創立）。 かっちりしていてある意味でお手本的。ワークフローの本も出してるしね、確か。 イージェーワークス 戦略 構築 運用 ISP系の会社だそうです。図がみやすい！プロモーションの設計〜実行を "明示的に"（他社も当然やってはいるけど）フローに入れてるところが特徴かな。 ビービット サイト戦略策定 サイト設計 デザイン / 制作 効果検証 ユーザビリティに強いことで有名な会社。ちなみに上の図は1.戦
Visualize Website Structure – Sitemap
2014年8月17日 Webサイト制作, 便利ツール Webサイト制作の準備編２：Webサイトの構成図（サイトマップ）。どのページがどこへリンクするのか、ページの重要度など、Webサイトの構成を図にまとめておくと製作途中で変更があった場合でも整理しやすくなります。Webサイトの構成図を作るときのポイントと便利なオンラインツールをまとめてみました。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その2 目標：Webサイトの構成を明確にする 必要なもの：紙とペン 対象レベル：超初心者OK！ 目次 誰のため？何のため？Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール ←今ここ Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法
誰のため？何のため？Webサイトを作り始める前に。 | Webクリエイターボックス
2020年8月4日 Webサイト制作 こんにちは！ついにWebクリエイターボックスのサイトが完成しました！これからこのサイトと、制作者のManaをよろしくお願いします！さて、さっそくですが最初の記事、Webサイトを作る前にすること。突然Photoshopを立ち上げてデザインを始めても、ユーザーが必要とするWebサイトが出来上がる可能性は極めて低いと思います。デザインやコーディングを始める前に、「このWebサイトは何のために作るのか」「誰がどのようにこのサイトを使うのか」をまとめておきましょう！ ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その1 目標：Webサイトを作る目的を明確にする 必要なもの：紙とペン 対象レベル：超初心者OK！ 目次 誰のため？何のため？Webサイトを作り始める前に。 ←今ここ Webサイトの構成図を簡単に作れる便利ツール Webサイ
文字の空きにこだわる1/9
◆カーニング*の基本をグラフィックデザインの視点から整理し、文字間と行間について従来の王道とは異なる視点で整理してみてはどうでしょう。時にオートではなく手動で調整してみる事が大切です。 写植全盛の時代を体験している私でも、当時の文字組みのすべてを写植に依存していたわけではありません。輸出関係のパッケージ等の仕事に多く関わっていたため、インレタ**やモンセン書体清刷集***が必需品でした。つまり、自分自身でカーニング処理を行なっていたわけです。製品ロゴタイプなどであれば完全な書き文字が鉄則ですから、クロッキー帳のスケッチからイメージを描き起こし、最後はロットリングで輪郭を描き、内側はマジックインキで塗りつぶすといった手順でした。 もちろん、最初の頃は丁寧にポスターカラーや墨汁で塗りつぶしていましたが、ある時マンガ家の生原稿が、塗りつぶし部分に油性のマジックインクを使っていることを知り、その合
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
デザイナーならこだわりたい文字詰め - 初心者のためのデザイン雑学
初心者のためのデザイン雑学 以前、デザインスクールで教えていた時の内容の中から、デザイン初心者の方に特に伝えたい基本中の基本情報を再編集しています。 文字は専門のフォントデザイナーが作ります。フォントは可読性が高く、一つ一つの文字の大きさ、次の文字との流れを考えながら作られています。そのままテキストを流し込むだけできれいな文字組みができあがる様に設計されてつくられています。 ところが、実際の組版作業では、テキストを流し込むだけでなく、文字の間隔を詰める文字詰めという作業が行われます。 本文は自動の詰め機能を使っても良いのですが、キャッチコピーなどは、1文字ずつ手詰めをすることでデザインレイアウトが締まります。 一般的に文字サイズが大きいほど字間は狭くて構いません。 雑誌の表紙や雑誌の広告などには、非常にキレイな文字詰めが良く見られます。 どのフォントも仮想ボディの枠と文字の間にわずかなスキ
美しく文字を組む
タイポグラフィとは Webデザインの世界では、デザイン教育を受けたことがないデザイナーが大勢います。始めたきっかけはHTMLの勉強からだったり、もともとプログラマーだったりと、その背景はさまざまです。これはWebが、プログラムや動画など、ほかのメディアよりもジャンルの要素が多いためではないでしょうか。 筆者も同じく学生時代にデザインの教育は受けていません。デザイン会社の現場で、実践とともにデザインを学んできました。しかし、デザインの仕事を始めてからスキルアップのため、重要性・必然性にかられて正式に学んだものの1つにタイポグラフィがあります。 タイポグラフィとは、デザインの中で文字を扱う技術、もしくは文字にかかわる知識・学術のことを指します。例えば、レイアウトを行う際に、美しい書体を選択することや、字間のバランスを整えて、読みやすさと視認性を高める技術がこれに該当します。 現在の商業デザイン
ポスターなどでのタイトルの文字の調整の実際｜DTP Transit
年に一回、担当させていただいている多摩美術大学 デザイン学科向けの「Illustrator/Photoshop」セミナーを5月9日、10日に終了しました。 そのフォローアップ的な記事です。 なお、この素材は『Illustrator CS4 完全制覇パーフェクト』のものです。 日付 日付における年月日の文字や曜日、また、金額などの単位（円とかkmとか）は少し軽くしてメリハリをつけた方が、情報として文字列の内容を理解しやすくなります。 "打ちっ放し" 年月日や曜日が少し"重い"のでフォントサイズを下げました。 Illustrator CS以降は［文字］パレットメニューから［文字揃え］を「中央」から「欧文ベースライン」に変更しておくこと。 パーレン（丸括弧）を削除し、水、金をそれぞれ異体字切り替えで記号にします。 異体字切り替えを行うには、まず、［書式］メニューの［字形］をクリックして、［字形］
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
「文字ツメ」と「オプティカルカーニング」について。 - 遠近法ノート
あちらの掲示板に書きこもうかなと思ったんだけど、なんだか埋もれそうなのでこちらに書きます。 「文字ツメ」。あれは補助的な機能だと思っています。僕はたまにしか使いません。小見出しとかリード文とかで、全体的に詰めが足りなくて、でも手作業でカーニングとかしてる場合じゃねーなというときに、10％とか20％とか入れてみるんです。裏技的に、見出しの行頭の文字を揃えたいときに使うこともあるかな。本文に使うことはないですね。 かつてInDesignのヘルプ（と紙のマニュアル）には、日本語を詰める場合は「文字ツメ」を使いましょうみたいなことが書かれていたんですが、僕は文字通りには受け取らず、マニュアル書いた人か翻訳した人が何か勘違いしたんだろうと思っていました*1。 ちなみに、CS3のヘルプにはそのような記述はありません。これは、前バージョンの記述が間違いであったことを裏付けていると考えられるでしょう。 い
カーニング（文字詰め） - Webデザインテクニック
カーニングについて タイトルなどの文字を画像で作成する場合、その文字をより美しく見せるためのテクニックとしてカーニングというものがあります。 これは、フォントを用いた時にできた文字と文字の間の余白を詰めるもので、特に等幅フォントに有効です。 → カーニング前 例えば、上のフォントの場合、小さい「ェ」の間が大きく開いてしまい、少し見栄えが悪くなっています。そこで、カーニングを行います。 → カーニング後 詰める間隔は、１文字ずつの余白を確かめつつ、全体のバランスを考えて決めます。「デ」と「ザ」のように間が詰まっている時などは少し間隔を広げてみるのもいいでしょう。 カーニングの例 文字間の●は特に注意してカーニングを行って欲しいところです。 → カーニング前 → カーニング後 小さい文字にだけ注目するのではなく、細い文字同士の余白にも注意しましょう。 → カーニング前 →
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
easterEgg [イースターエッグ]
「今年の目標はコードを書くこと！」にした人におすすめな『Codeyear』 | 100SHIKI
初心者のためのデザイン雑学