並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 4414件

新着順 人気順

講座の検索結果1 - 40 件 / 4414件

  • はてなブックマークをはじめる

    保存 家で見たページを学校や会社でも見たい そんな風に思った経験はありませんか? はてなブックマークは、オンラインにあなたのブックマークを保存するツールです。インターネットに繋がっていれば、家でも学校や会社でもブックマークを見られます。タグやコメントを付けて整理しましょう。保存したブックマークは簡単に検索できます。 共有 このページを読んだ人の感想が見たい ブックマークを公開して、多くの人と感想をシェアできます。このページはぜひ他の人にも見て欲しい、そう思ったらどんどんブックマークしましょう。感想を書いておけば、だれかの目に触れるはずです。はてなブックマークは、インターネットのあらゆるページを介して人と繋がるソーシャルネットワークです。 発見 今、話題になっているページが知りたい はてなブックマークは、旬なニュースが見つかるメディアです。 人気ブックマークをチェックすれば、みんなが見ている

      はてなブックマークをはじめる
    • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

      『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

      • はてなブックマーク

        キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕

          はてなブックマーク
        • レシピ検索No.1/料理レシピ載せるなら クックパッド

          2022/1/13をもって お客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。 (詳細はこちら) クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。 (Microsoft Edgeでクックパッドにログインできない場合はこちら)

            レシピ検索No.1/料理レシピ載せるなら クックパッド
          • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

            研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

            • 読みやすい文章を書くための技法 - RyoAnna

              『坊っちゃん』自筆原稿 読みやすい文章とは、流れるように読める文章だ。難しい言葉はいらない。気のきいた言葉もいらない。文頭から文末まで振り返ることなく読める文章が、最も美しい。 読みやすさの基準は客観的なものだ。読み手には様々な人がいる。老若男女すべての人に対して読みやすい文章を書くのは難しい。ただ、綺麗な文章を書こうとする意識は持ちたい。 文章を書く上で意識すべき技法を紹介する。 常体と敬体 常体とは「だ・である」調の文章であり、敬体とは「です・ます」調の文章を指す。それぞれにメリットとデメリットがある。 常体は、自分の意思を力強く伝える事ができるが、我の強い文章になる。敬体は、優しい印象で共感を得やすいが、まわりくどい文章になる。 常体と敬体を織り交ぜて書く手法もある。まずは自分で試してみて、書きやすい文体を見つければいい。 文章の始まりは短く 最初の一文は短いほうがいい。インパクトが

                読みやすい文章を書くための技法 - RyoAnna
              • 世界史講義録

                サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

                • 色彩センスのいらない配色講座

                  あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つけるYoshiki Hayama

                    色彩センスのいらない配色講座
                  • 【良質の独学サイト】分野は、数学、統計学、コンピュータ言語、英語、金融・経済など分野は問いません。【eラーニング】以下の条件にあうサイトを沢山教えて下さい.. - 人力検索はてな

                    【良質の独学サイト】分野は、数学、統計学、コンピュータ言語、英語、金融・経済など分野は問いません。【eラーニング】 以下の条件にあうサイトを沢山教えて下さい。 ・完全に無料であること。 ・講義資料だけでなく、演習問題などもあり、十分独学できること。 ・良質であれば、英語サイトでも良いこと。 ・内容は、大学の講義資料・宿題資料が公開されているなど、大人向けの内容であること。 できれば、実際にこのサイトでこの内容を学習・マスターできたという実体験の伴うものがベストですね。

                    • 大人になった今だからこそ楽しめる東大iTunes U/ Podcast5講義。100講義聴講したToshismが超厳選。

                      2012/9/20に iTunes U へのリンクを追記しました iTunes Uアプリはこちら→iTunes U: これ1本で様々な学問が学べる!Apple 純正の夢のような学習支援アプリ。無料。 大学がPodcastを配信していてスゴイ!!よく聞きます。 「今思うと、面白い授業あったよなー」 「大人になった今、改めて聞きたいな」 選定しました、厳選5講義。 東大が配信しているiTunes U/ Podcastを100講義ほど視聴したToshismが、涙ながらに・・・泣く泣く・・・たった5つ!たった5つに厳選しました! 聴講後、きっとあなたは「こんなわかりやすくて面白い講義を聴けるなんて生きてて良かった。お父さん、お母さん、生んでくれてありがとう」と思うはずです。(私は思いました) 早速ご紹介していきます! 講義1:理系の私が感激した歴史の講義 私は根っからの理系です。歴史が苦手です。テ

                      • ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト

                        ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。他にも、ゲーム制作やデータ分析・機械学習/AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。

                          ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
                        • デジタル一眼レフカメラの基礎から実践まで - RyoAnna

                          デジタル一眼レフカメラは、知れば知るほど楽しくなる。絞りとは? シャッタースピードとは? ISO感度とは? 仕組みを理解すると明るい写真が撮れるし、長時間露光などの応用も効く。 今回は、デジタル一眼レフカメラの基礎を学ぶ方法を紹介したい。 解説サイト これからカメラを始める方や、もう一度勉強したい方は、次のサイトの解説が役立つはずだ。カメラの仕組みを体系的に理解する事ができる。 カメラ遊遊塾|デジタル一眼レフ入門 デジタルカメラの基礎知識|リコー 解説ビデオ 絞り、シャッタースピード、ISO感度の関係を、視覚的に解説したビデオ。2番目のビデオは英語だが、イラストが分かりやすいので問題ないだろう。Exposureは露出、Apertureは絞りを意味する。 デジタル一眼レフカメラ撮影テクニック【基本編:露出】 - YouTube The Three Basics of Exposure and

                            デジタル一眼レフカメラの基礎から実践まで - RyoAnna
                          • マンガで分かる JavaScriptプログラミング講座

                            はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 (マンガは、左上から右下へと読みます) プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ

                              マンガで分かる JavaScriptプログラミング講座
                            • 【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog

                              The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

                                【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
                              • かしこい人のニュース読解法/議論の苦手な人は何ができていないのか - デマこいてんじゃねえ!

                                ヒトは「頭の使い方」を覚えると賢くなる生き物だ。 かけ算九九しかり、元素記号の語呂合わせしかり、丸暗記してしまうことで思考をスピードアップできる。理系大学生のサイフは平均的に文系大学生のサイフよりも軽い。なぜなら彼らは数字に強く、「おつりのコインを最小にする計算方法」を身につけているからだ。それに加えて実験とレポートに追われてバイトができないという涙ぐましい事情がある。 私は学生時代に、ちょっとだけ英語ディベートをやっていた。その時に先輩に教えてもらった「ニュースの読み方」が今でも役に立っている。ニュースを読むにはトレーニングが必要で、読み慣れないうちは、「なにが問題なのか分からない」のが最大の問題となる。逆に「読み方のテンプレート」を覚えてしまえば、そのニュースの論点を即座に見抜けるようになる。かしこい人はこうやってニュースを読むのか! と当時は感心した。 今回のエントリーでは、その一部

                                  かしこい人のニュース読解法/議論の苦手な人は何ができていないのか - デマこいてんじゃねえ!
                                • エネルギーがない人が新しいことをはじめる時のコツみたいなやつ|けんすう

                                  簡単にいうと「今がこれからの人生で一番若いんだから、今から何か行動するとよくなる可能性ってまだまだあるよ」的な感じです。 で、いろいろな反応を見させていただいたんですが、出てきた話として、「人生詰んだと思っちゃう人は、新しいことをするエネルギーが足りていないため、何も始められないのでは?」という指摘です。 これはその通りなんです。 「決断疲れ」というのがあり、何かを決断するには膨大なエネルギーが必要なため、1日にできる量は限界があるみたいな話があるのですが、新しいことをはじめるというのにも相当なエネルギーが必要です。「人生詰んだ」と思ってしまう人が、たくさんエネルギーがあるかというと・・・ないですよねえ。 僕の話をします。 僕は小さいころから運動神経もなく、手先も不器用で、勉強もできなくて、歌や楽器も下手で、、と言ったようなそんな感じで他の人と比べてもスペックはだいぶ低いというような印象が

                                    エネルギーがない人が新しいことをはじめる時のコツみたいなやつ|けんすう
                                  • WordPressでブログじゃないWebサイトを作るときのいろいろ(サンプル付き)

                                    とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね!今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー(カスタム分類)を使って作っています。 ページを表示する為に使っているテンプレート

                                    • これだけ守れば見やすくなるデザインの基礎

                                      2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か?デザイナーは何を考えてデザインを作っているのか? という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co

                                        これだけ守れば見やすくなるデザインの基礎
                                      • 話すのが苦手な人のためのプレゼンの裏技テクニック|けんすう

                                        僕のことを直接しっている人にはよく知られた話ですが、僕はなかなかどうして話すのがヘタでして、コミュニケーションをとるのが得意ではないのですね。 特に、大人数の前だとすごい緊張しちゃうので、落ち着いて話すこともできません。心臓がバクバクいい、足が震えます。10人以上いる会議で発言とかかなりキツイです。 で、そんな僕なんですが、プレゼンをしなさい、となる時もたまにあって、そういう時、結構困るのですね。どうしたらいいんだと。 しかし、何回か回を重ねていくことで、話す技術を向上することはできなくても、表面的なテクニックでなんとかカバーすることは出来るな、と思ってきました。ハウツーですね。僕はハウツーが好きなんです。 そのあたりのテクニックをたまに後輩に教えたりするのですが、ブログにまとまっているほうがいいかなと思ったので、紹介します。 ---✂--- 「遊び半分の起業のすすめ」 最近、こんな感じ

                                          話すのが苦手な人のためのプレゼンの裏技テクニック|けんすう
                                        • 【HTMLタグの簡単検索】TAG index - ホームページ作成情報

                                          リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

                                            【HTMLタグの簡単検索】TAG index - ホームページ作成情報
                                          • インターネットを活用した、ひきこもりのための株式会社の創り方

                                            この度、株式会社wktk(ワクテカ)という法人を設立いたしました。 30歳の誕生日に何か面白いコトをやろう!と思い立って、2週間くらいで法人設立にこぎつけました。あ、会社勤めは辞めてないし、辞めるつもりもないですよ、念のため。僕の勤め先は、そういうところに融通が利くところなのです。起業を促進してます。うんうん。 株式会社の作り方と、基本的な開業準備について、「ひきこもり気質でインターネット大好きな人」向けに情報を公開します。 世の中には、会社設立のガイドがあふれかえっています。重複することを書いても仕方ないので、本や他のサイトに載っていない情報を主に書いていきます。情報は2010年4月現在のものです。 前提条件 一人発起で、代表取締役のみの株式会社を東京都xx区に設立する。 .co.jpドメインを取得する。 公告方法を官報にしつつ、財務諸表のみをWebページに載せて官報掲載代を節約する。

                                              インターネットを活用した、ひきこもりのための株式会社の創り方
                                            • CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ

                                              最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で

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

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

                                                • 大学教師が新入生にすすめる100冊

                                                  恒例の100冊リスト。 ただし、これまでの趣向を外した。「ベスト100ランキング」は楽しいが、変わりばえしない。毎年似たような「ベスト100」をヒネり出すのも飽きた。ホントのところ、「大学新入生」と銘打っているものの、わたしのためのブックリストなのだ。読んできたやつ、未読のやつ、読みたいやつを抽出したりふり返るためのきっかけなのだから。 だから、今回はランキングをしない。母体のリストは、「大学教師が新入生にオススメする本」なんだけれど、そこからの選出はわたしの手になるもの。今までのリスト作成の過程で知り合えたものや、「読まねばリスト」に追加したもの。積読山に刺さったまま、課題と化しているものを中心に100挙げた。 もちろんこの100冊を参考にしてもいいし、母体リストから自分専用の一覧を作ってもいい。母体のリストは三千弱になるが、元となったのは、以下のリスト。ブックガイドは多々あるが、「大学

                                                    大学教師が新入生にすすめる100冊
                                                  • CSSセレクタ20個のおさらい

                                                    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

                                                      CSSセレクタ20個のおさらい
                                                    • Photoshop VIP

                                                      フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

                                                        Photoshop VIP
                                                      • 人生を素敵に変える今年1年の究極のライフハック記事まとめ*ホームページを作る人のネタ帳

                                                          人生を素敵に変える今年1年の究極のライフハック記事まとめ*ホームページを作る人のネタ帳
                                                        • ピクサーの「脚本の書き方講座」が素晴らしかった - Gamers, Be Ambitious

                                                          今回はゲームとあまり関係ない話。 『トイ・ストーリー』シリーズを始めとする数々の傑作でおなじみアニメ制作会社、ピクサー。この会社の作品のDVDソフトには、たいていピクサー社内における制作現場のメイキング映像が特典として収録されている。最新作『トイ・ストーリー3』のブルーレイ版にも豪華な特典映像がたっぷり付いていたが、その中のひとつ「脚本の書き方講座」が、映像をまじえてとてもわかりやすく作られており、非常に面白いものだった。 まず前提として、ハリウッドの娯楽映画の多くは「映画の尺の1/4が第1幕(発端)、1/2が第2幕(葛藤)、残りの1/4が第3幕(解決)」という3幕で構成されている。ピクサー作品の場合「脚本はおおよそ100ページで、3幕の配分は25/50/25ページ」とのこと。 この特典映像「脚本の書き方講座」では、ピクサーの『トイ・ストーリー』『ファインディング・ニモ』『Mr.インクレデ

                                                            ピクサーの「脚本の書き方講座」が素晴らしかった - Gamers, Be Ambitious
                                                          • システム・エンジニアの基礎知識

                                                            静岡理工科大学情報学部コンピュータシステム学科菅沼研究室のページです.主として,プログラミング言語( HTML,C/C++, Java, JavaScript, PHP, HTML,VB,C# ),及び,システムエンジニアとしての基礎知識(数学,オペレーションズ・リサーチやシステム工学関連の手法)を扱っています.

                                                            • LINE社内で大評判のテクニカルライティング講座で説明した内容をあらためてブログにまとめてみた

                                                              こんにちは、Developer Contentチームの矢崎です。LINE株式会社でテクニカルライターとして働いています。今日は、私が1文を書くときに気をつけていることや手法についてお話しします。 そして、この書き出しは、6月にmochikoさんが書いた「LINEの社内には「テクニカルライティング」の専門チームがあります」という記事のオマージュになっています。mochikoさんが書いた記事ですごいpvをたたき出したそうなので、人のふんどしで相撲を取ってみようという作戦で始めてみました。 この記事ではLINE社内で私が講師を務めた「LINE社内で大評判のテクニカルライティング講座」に沿って、わかりやすい1文を書くコツを紹介しています。 どれくらい大評判だったかというと、2日間4セッションでしたが、エントリー数はのべ1000人を超え、実際の参加人数はのべ約900人。アンケートの回答は以下のとおり

                                                                LINE社内で大評判のテクニカルライティング講座で説明した内容をあらためてブログにまとめてみた
                                                              • iPhoneでの料理撮影が苦手なライターがカメラマンに論理的に指導を受けた結果→憂鬱な撮影が楽しくなった - メシ通 | ホットペッパーグルメ

                                                                まずは、スマホで撮影した2つの写真を見比べていただきたい。 ▲上はプロが撮影したもの、下は私(素人)による写真である 撮影場所はそれぞれの自宅だが、料理自体はどちらも某大手コンビニチェーンで同時期に購入したハンバーグと冷凍食品の野菜。技術の差は一目瞭然だろう。 ▲こちらは寄りの写真。上がプロによるものだが、それに比べて私の写真はハンバーグのジューシーな魅力がまったく伝わってこない 小野田:すいません、髙橋さんってiPhone使っていましたっけ? 発端は私からのこんなLINEメッセージだった。「髙橋さん」とは旧知のプロカメラマン・髙橋定敬さんのこと。 ▲髙橋定敬(たかはし・じょうけい)さん。フリーランスフォトグラファー 雑誌などのメディアや、広告でのポートレート撮影、ライブ撮影などを中心に活躍しており、ライター&編集業をこなす私とは仕事上でタッグを組むことが多い。 新型コロナウイルスの影響で

                                                                  iPhoneでの料理撮影が苦手なライターがカメラマンに論理的に指導を受けた結果→憂鬱な撮影が楽しくなった - メシ通 | ホットペッパーグルメ
                                                                • 【すごいプレゼン】おすすめの10本

                                                                  サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                                                                    【すごいプレゼン】おすすめの10本
                                                                  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

                                                                    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

                                                                    • これからIllustratorを始めてみようという人のための基本操作とかいろいろ

                                                                      Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill

                                                                      • ザッカーバーグのハーバード卒業式スピーチが感動的だったので日本語訳した。

                                                                        ここは倉本圭造(経営コンサルタント・経済思想家)のブログです。詳細な自己紹介等はウェブサイトへどうぞ→コチラ https://www.youtube.com/watch?v=BmYv8XGl-YU (アイキャッチ画像はウィキペディアからお借りしました) 今朝ツイッターを眺めていたら、フェイスブック創業者マーク・ザッカーバーグが母校ハーバード大学の卒業式に呼ばれてスピーチしてる動画のリンクが流れてきて、軽い気持ちで再生しはじめたら凄い迫力で、30分以上のスピーチ最後まで全部見てしまったってことがあった。 結構笑えるジョーク(窓ガラスに数式書いたりしないよ!・・・とかいう映画”ソーシャルネットワーク”を根に持ってるようなジョークとか)やハーバード内輪ネタ(と思われる・・・ちょっとググると出て来るのが今の時代の救いですが)も交えつつ、卒業生と10歳も離れてない立場から”僕ら世代の責任”という切り

                                                                          ザッカーバーグのハーバード卒業式スピーチが感動的だったので日本語訳した。
                                                                        • Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ

                                                                          TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人

                                                                            Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
                                                                          • 「シンプルな文章の書き方」 ― 読まれなかった文章をカイゼンしてわかったこと : earth in us.

                                                                            このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。

                                                                            • 配色パターンからWebデザインを考える

                                                                              2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽

                                                                                配色パターンからWebデザインを考える
                                                                              • デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き

                                                                                Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち

                                                                                • ハーバード大のプログラミング講座を日本語化 無料で学べる「CS50.jp」公開

                                                                                  米ハーバード大が無償公開しているプログラミング入門講座を日本語に訳したWebサイト「CS50.jp」が公開された。プログラミング教育ベンチャーのLABOTが、「コロナ禍などで大学のキャンパスの環境が不安定になる中、多くの学ぶ意欲がある学生に、良質な教材に母語でアクセスしてほしい」と翻訳作業を進めてきたという。 公開したのは、ハーバード大コンピューターサイエンス学部のデビッド・J・マラン教授が、無料オンライン教育サービス「edX」で公開している人気講座「CS50」のうち、コンピュータサイエンス入門と、Python・JavaScriptを使ったプログラミング講座を日本語訳したもの。YouTubeの英語教材とあわせ、日本語のテキストで学べる。 CS50は、非営利で再配布・改変可能なクリエイティブ・コモンズライセンス(CC BY-NC-SA 4.0)で公開されており、非営利なら改編や再配布が可能だ

                                                                                    ハーバード大のプログラミング講座を日本語化 無料で学べる「CS50.jp」公開