mameheiのブックマーク - はてなブックマーク

初心者でも、“デキる奴”と思わせるプレゼンテーションの基本とコツ

私が初めて人前で“プレゼンテーション”をしたのは大学生の時、クラス全員が一人ずつ、課題について発表するというものでした。何度か場数を踏み、就職して仕事をするようになって、自分なりに編み出してきたプレゼンに対するノウハウをまとめてみようかと思います。目次プレゼンはただの発表ツールではない構想を練る資料のデザイン分かりやすい資料づくりのためにビジュアルで文章をサポート発表前にいざ、発表！発表後 1.プレゼンはただの発表ツールではない人間を魅力的に見せる私はどうやら、プレゼンテーションというものが好きなようです。今まで、どのようにしたら分かりやすく、スマートな発表が出来るのかを考え、人の良いところを盗んだりしてきましたが、思うに、プレゼンが上手な人というのは賢くカッコ良く見えますwホントです。付随するものもより魅力的に見せる就職活動中、とある会社の説明してくれた方︵

mamehei 2014/07/28

プレゼン

リンク

驚くほど違う→あなたの文章を最適化するたった４つのルール

文のレベルで、日本語を明確化する工夫について取り上げた著作には、本多勝一(1982)『日本語の作文技術 (朝日文庫)』（朝日文庫）があるが、酒井聡樹(2007)『これからレポート・卒論を書く若者のために』（共立出版）が、さらなる改良に取り組んでいる。この記事は、両著作についての私的メモの域を出ない。なお『これからレポート・卒論を書く若者のために』は、井上真琴『図書館に訊け!』(ちくま新書)とともに、大学新入生のマストアイテム。入学する前に読んでおくと、まるでちがった４年間を過ごせるだろう。以下では、まず日本語の文がわかりにくくなる４大原因を示し、次に４大原因のそれぞれに対応した４つの最適化ルールを提示する。最後に、それぞれのルールについて適用例を挙げて、ルールの活用法を説明する。文が分かりにくくなる４大原因１．一つの文に多くの情報が詰め込まれている２．情報を与える順番がおかしい

mamehei 2014/07/28

リンク

Responsive Website Design Tutorial | EntheosWeb

mamehei 2014/07/28

リンク

ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ

こんにちは。今日も元気にPhotoshopと戯れます井畑です。今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基本的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。それではどうぞ！ちょっと待って文字詰めって何？まずは文字詰めが何か分からない人の為に軽く説明しておきますね。ワンランク上のデザインにはかかせない文字詰め文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。通常文字を打っただけでは﹁ベタ組み﹂と呼ばれ、基本的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し

mamehei 2014/07/28

リンク

無駄なdiv要素やclassだらけのマークアップから卒業する方法

グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避けるリスト要素の使用画像とキャプションの使用複数の見出しとパラグラフの使用子要素のclassは親要素にはじめに数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。しかしながら、このCSSのフレームワ

mamehei 2014/07/28

リンク

Web制作者が捗る！知識が増える2014年トレンドまとめ

作成‥2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。エンジニア速報は Twitter の@commteで配信しています。もくじファーストビューで使いたいエフェクト1．ロングシャドウ2．ポリゴン3．ラージフォトスタイル4．ブラーエフェクト5．フルスクリーン動画6．画像シーケンス脱ビットマップ画像7．SVG8．Webフォントを円で囲む配色・フォント9．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果12．Infinite Scroll(無限スク

mamehei 2014/06/10

web制作

リンク

iPhone5の壁紙マイルド男

Temporary DisposableEm ail | AirMail使い捨てメールアドレスを即作成。 TinyPNG ? Compress PNG PNG画像を圧縮。 JPEGmini - Your Photos on a Diet! JPG画像を圧縮。 Tumblr画像収集に最適。何でも簡単に共有。映画・海外ドラマ好きに・・・ Amazonプライム　映画見るなら◎

mamehei 2014/06/06

リンク

http://www.gif-favicon.com/

mamehei 2013/02/20

ファビコン　gif 　フリー

素材

リンク

LazyLine: Best VPN Services

VPN What is VPN and why do you need it?VPN, or Virtual Private Network, is a techno logy that allows you to create a secure and private connection to the internet. With VPN, you can protect your online activities from prying eyes and access the internet with greater freedom and privacy. Learn more about VPN and why it’s essential in today’s digital world. Get Secure Now: The Honest VPN Rating Site

mamehei 2013/02/18

イラストのパスをアニメーションで描画します。

リンク

短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ | らふらく ^^

最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。ということで、プログラミングをやった事がない人︵または初級者︶のために、プログラミングで何を学べばいいか、どうやって勉強したらいいかというノウハウを紹介したいと思います。何を学ぶべきかプログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ﹁HTML﹂こちらは、Webサービスをつくる上で書かせない言語で、今見ているページ︵見た目の部分︶はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門ドットインスト

mamehei 2013/02/13

リンク

Web系フリーランスをモンスタークライアントから守る契約書【テンプレートあり】

契約書なしの口約束でお仕事を受けてませんか？自分はまだ駆け出しのフリーランスだから…… クライアントへ契約の手間を与えてしまうから遠慮しちゃう…… 契約とか法律とかよくわからないから…… などなど、理由は様々あるのかもしれません。でも、契約書なしで案件を受けていると必ずいつかトラブルが起きますよ。例えば、代金以上の労働を求められたり、お金を払わず逃げられたり。ボクも12年間、ウェブ制作業に関わってきてますが、残念なことにこうした契約に関わるトラブルをいろいろと経験しました。確かに、契約書を自分で作るのは難しいです。行政書士へ契約書の作成を依頼するとかなりお金がかかります。でも、契約書がたった1枚あるだけで、クライアントと友好的な関係を長く築けるのも事実です。この記事のタイトルには﹁モンスタークライアントから守る﹂と書きました。実際は、契約書は制作を受ける側のあなただけを守る

mamehei 2013/02/13

契約書

フリーランス

リンク

Welcome — Coming Soon

mamehei 2013/02/12

メニュー

リンク

box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ

CSS3初心者でも簡単に利用でき、上級者でも実装のヒントになる、ページでよく使うパネルやボックス、ボタン、バーなどをbox-shadowを使って実装するスタイルシートのスニペットを紹介します。 10 Creative Techniques Using CSS3 Box Shadow 10個のスニペットは、Apple, Pinterest, Facebookなどで使用されているエレメントのHTML/CSSを簡略化したものです。 1. スクロールしてもバーを常に最上部に表示 2. サブナビゲーションのドロップダウン 3. シャドウを使った光沢が美しいボタン 4. 吹き出しスタイルの通知パネル 5. Appleのページラッパー 6. Appleのコンテンツボックス 7. Appleのフィーチャーリンク 8. 画像にさりげなくシャドウを添える 9. フォームの入力を目立たせる 10. エラステック

mamehei 2013/02/12

スクロールしてもバーを常に最上部に表示

リンク

Agile Designers : Best online resources for Web designers, Graphic Designers

Resources that matter Find the best design resources in one place See which resources are the most popular Check which resources other designers use Create your list of favorite resources

mamehei 2013/02/10

素材

リンク

寸法と解像度のチートシート

その他の寸法ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3

mamehei 2013/02/10

寸法と解像度のチートシート

リンク

角丸の作成・修正の強力な武器になる機能拡張 -Corner Editor | コリス

Corner Editor Corner Editorの主な特徴 Corner Editorのインストール Corner Editorの使い方 Corner Editorの主な特徴旧版の全ての機能が使え、更に多くの機能を備えています。直線で作成された角に角丸作成・修正ができます。角を一つだけでも、複数同時でも、複数別でも簡単に角丸を適用できます。角の種類は角丸だけでなく、計4種類のスタイルに増えました。多角形にも対応しました。一度設定した内容をセーブできるようになりました。パスがスムースになりました。各コーナーにラベルを付与できるようになりました。 Corner Editorのインストールインストールは簡単です。 ※Win/Mac共通です。ダウンロードして解凍した﹁Corner Editor.jsx﹂を、Photoshopフォルダ内の﹁/Presets/Scripts/

mamehei 2013/02/10

リンク

【最新版】在宅でできる副業ランキングおすすめ19選！サラリーマンや主婦も空いた時間にお小遣いが稼げる

本記事では「家にいる時間を活かして収入を増やしたい」という方向けに、在宅でできるおすすめの副業・お小遣い稼ぎランキングを用意しました。厳選した19種類の副業を難易度別に分けて「どんな人におすすめか」も詳しく紹介するので ...

mamehei 2013/02/06

お小遣い稼ぎ

リンク

Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ

Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ 2013.02.05 | 収益化 | 文章術 | 考える。収益化担当なのに、最近、収益化に関する記事書いてないけどネタ切れなんじゃないのという視線を各所からひしひしと感じているゴールドです。ネタが無いわけではなくて、本腰を入れて書くととんでもなく長くなりそうなので今まではなるべく避けてたんですが、仕事が一段落付いたので一度まじめに書いてみようかなぁと。あぁ、そうそう、タイトルは半分釣り要素が入っているので過度の期待をされても泣いちゃうので、はじめに謝っておきます。うわ、やめろ、空き缶投げんな(´д⊂)‥ハゥ –追記– 期待してこの記事を読んでくれている︵検索エンジンから訪れてくれている︶方向けに、2018年11月現在、最新のGoogle AdSenseで収益を上げるための情報を網羅し

mamehei 2013/02/05

AdSense

リンク

食品系ECサイトで大事な考え方をまとめてみた

食品系ECサイトで大事な考え方をまとめてみた 2013/01/30 | カテゴリー: Creative | タグ: EC, tips, マーケティング, 考え方タイトルとURLをコピーする Tweet 食品系ECサイトで大事なことを頑張ってまとめてみたよ。ターゲットをはっきりさせるまずターゲットをはっきりさせましょう！誰に買って欲しいのか。要はペルソナ︵架空の顧客像︶ってやつですが。もっと具体的に言うと、有名な紅茶専門店とのオリジナルコラボ商品を売る場合30代前半で、子どもはいない。専業主婦。夫の年収は600万。オシャレなライフスタイルに憧れていて、ちょっとした自慢をしながらカフェでお友達とお話したい。ちょっとミーハーな感がある。雑誌GINZAを読んでいる。とか！このあたりがしっかり見えてくると、デザイン、写真の撮り方、写真の使い方、キャッチ、コンテンツの流れ