並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 184904件

新着順 人気順

pixelの検索結果1 - 40 件 / 184904件

  • 無料で使える!人気の日本語フリーフォント20選【おすすめ】

    こんにちは! 日本語のフリーフォント、なかなか良いのが見つからなかったり、どれがいいか迷ってしまうことってありますよね。 今回は、フォントで悩むデザイナーのために、人気の日本語フリーフォントを20個厳選してみました! 新しいフォントから古いフォントまで様々なフォントがあるので、是非、チェックしてみてください。 1.はんなり明朝 フリーフォント界で有名な明朝体です。 不動の人気を誇っていますね。アクセス数も一番です。 →はんなり明朝 2.大甘書道体 テレビアニメ銀魂の次回予告タイトルに使われている、豪快な毛筆体です。 特に銀魂ファンには嬉しいフォントですよね! →大甘書道体 3.あんずもじ 言わずと知れた手書きフォント。控えめな女の子が書いた文字っぽくて可愛くて人気がありますね。 →あんずもじ 4.うつくし明朝体 横書きの流れを意識して作られた明朝体フォント。 上品でリッチな雰囲気があります

      無料で使える!人気の日本語フリーフォント20選【おすすめ】
    • 画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい | 日刊ウェブログ式

      小さな画像を拡大したい時、どうしても起こってしまう画像の劣化。そんなときに便利な、画像を美しく拡大するフリーソフト「SmillaEnlarger」をご紹介します。上の画像は拡大例ですが、かなり滑らかに拡大出来てます。 ダウンロード こちらから「SmillaEnlarger」をダウンロードします。 Download ソフトを起動させます。 使い方 まずは、拡大したい画像をドラック&ドロップします。 Output Dimensions …サイズ変更 Specify zoom facter: 倍率 Specify width of result: 横幅指定 Specify height of result: 縦幅指定 Fit inside boundary: 縦横幅の最大値指定 Stretch to fit: 縦横幅の指定 Crop to fit: 切り取り指定 Fit inside, add

      • 死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE

        ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

          死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
        • デザイナーからデザインの基礎や原則を学べるエントリーまとめ(webデザイナ向け)

          webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること

            デザイナーからデザインの基礎や原則を学べるエントリーまとめ(webデザイナ向け)
          • Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE

            ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF

              Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE
            • ジャズのコード進行の原理 -

              前置き はじめまして, コンポーザー, DJなどをやっているArakurです. 昔は打ち込みジャズを専門で作っていたのですが, ここ最近は殆ど作る機会がなく, 知識やTipsを持て余すくらいなら同志や後進に託そうと思ったので少しずつ記事にしてみることにしました. 第1回は, 古典和声またはポピュラー和声についてある程度知っている方向けにジャズのコード進行の理論の原理的な部分について解説します(第2回が今後書かれるかはまだ分かりません). とりあえずこれを読み切ればそこいらのスタンダードの進行は最低限アナライズできるようになる, という感じの内容を目指しています. 本記事は他ジャンルの制作にあたってジャズの知識を取り入れたいというような層を主に想定しています. 僕自身体系的なジャズ・音楽理論の教育を受けたわけではなく, 知識の大半はネットや古い教則本, およびセッションなどによる実践的経験を

                ジャズのコード進行の原理 -
              • 『デザインは8の倍数でできている』

                1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか?」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ(サイズ)を指します。 【第1部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p

                  『デザインは8の倍数でできている』
                • 「徹底的に干す」「脅しておいて」平井大臣、幹部に指示:朝日新聞デジタル

                  ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

                    「徹底的に干す」「脅しておいて」平井大臣、幹部に指示:朝日新聞デジタル
                  • 私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

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

                      私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
                    • 2012年 反響の多かったもの

                      チョコボール箱がぴったり納まります。 森永チョコボール木製ケース 森永チョコボール専用の木製ケースです。 くちばしの部分は、ちゃんと空いています。 ふぅ~ お鍋の季節かぁ~。 concombre 温泉おたまホルダー あごにおたまを引っ掛けて固定します。普段はくつろいでいます。 コップに水を入れて加湿器を作ろう。 TULIP STICK かわいいマグカップに入れてもいいし、ペットボトルでも使えます。 飲み物を注ぐと、動物があらわれるカップ。 注ぐまでのお楽しみ。 ソファのような座椅子。Piglet(ピグレット) 並べると、2人掛けローソファのようになります。 ここまで読んだから、「あ」をはさむ。 活字ブックマーカー 「あ」のしおり。ほかに「ん」もあります。 洗濯物がふんわり仕上がるハリネズミボール。 HEDGEHOG DRYER BALLS ドライヤーボールという、乾燥機に入れて乾燥させるだ

                      • 技術と英語を同時に、しかも無料で勉強できる画期的な方法

                        .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                          技術と英語を同時に、しかも無料で勉強できる画期的な方法
                        • 【意見書全文】首相は「朕は国家」のルイ14世を彷彿:朝日新聞デジタル

                          ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                            【意見書全文】首相は「朕は国家」のルイ14世を彷彿:朝日新聞デジタル
                          • プログラミングでよく使う英単語のまとめ【随時更新】

                            チェックマークをつける意味で check を使う場合は例外。 check 自体を避けたい場合は putCheckmark とする。 change 何をどう変更しているのかわからない。 check と同様に具体的な名前にできないか考えてみるとよい。 例外として isChanged のフラグを変更するための Change メソッドに使う場合がある。 xxxManager / xxxController こういう名前をつけるとクラスが肥大しやすい。 単一責任の原則にのっとってクラスを設計するべし。 UNIX 哲学にも「Small is beautiful.」という考え方がある。 xxxType, xxxData, xxxItem, xxxInfo 冗長になりやすい。 Type, Data, Item, Info を取っても意味が通じないか検討してみる。 使わないほうがよい言葉 compare 比

                              プログラミングでよく使う英単語のまとめ【随時更新】
                            • 2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita

                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい! 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Veloci

                                2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita
                              • 2011年1月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル

                                いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか:「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微

                                • HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して

                                  スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは,「Webページをコーディングして作る人」全般に当てはまる。 レベルは,0から4までの5段階。 (0) 非エンジニア (1) 初学者(入門書を学習してゆく段階) (2) ノーマル(基礎的な知識があり,ある程度の画面を作れるようになった段階) (3) 中級者(Webアプリの開発プロジェクトで1人月としてカウントできる水準) (4) 上級者(メインPG/デザイナとして,Web UIの主担当を任せられる水準) Webアプリのプロジェクト開始時に作業振り分けをするにあたって,新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお,システム開発上のスキルをチェックする事が主眼なので,アーティスト(

                                    HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して
                                  • 商用利用も無料! ピクトグラムのアイコン素材のまとめ

                                    全部ダウンロードしたら、3000種以上! 商用でも無料で利用できる、ピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。

                                    • 無料アイコン100パック2009年版*ホームページを作る人のネタ帳

                                      アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン 1~10 Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H

                                        無料アイコン100パック2009年版*ホームページを作る人のネタ帳
                                      • WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋

                                        WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ

                                          WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋
                                        • こんな便利なのがあったとは!Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ

                                          こんな便利なのがあったとは!Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ

                                            こんな便利なのがあったとは!Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
                                          • 少しの手間で大きく変わる、細部にこだわったWebデザインを

                                            2017年6月29日 Webデザイン 「デザインしてみたけどなんだか物足りない…」そんな経験ありませんか?私はよくあります。それで色を変えてみたり、形を変えてみたりと色々試してみるのですが、結局どれもしっくりこなかったり。そんな時は元のデザインにほんの少し手を加えるだけで納得のいくデザインに変わることが多いんです。わずかな装飾で大きく印象を変える。そんな「ひと手間」に注目してみましょう! ↑私が10年以上利用している会計ソフト! 追記:Photoshopを使った加工の仕方を記事にしてみました! » 【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを グラデーションを加える 「デザインしてみたけどなんだか物足りない…」そんな時はわずかなグラデーションを加えるだけで立体感がでて、ノッペリしたデザインを一新することができます。アレコレ装飾するよりもシンプルかつ王道。 ヘッダーの

                                              少しの手間で大きく変わる、細部にこだわったWebデザインを
                                            • web制作者のための2009年話題になったサービスいろいろ

                                              ちょいと古めのうっとりくるサービスやエントリーを持ってきました。 なんて事はない。私がお勧めする2009年度に話題になったwebサービスや、ジェネレータを中心に、厳選してお届けいたします。 Twtiiter関連多し Twitterプロフィール検索 その名のとおりついったーのプロフィールを検索する検索エンジン。同じような趣味を持っている人を探すときなどに使われる。 ついったーの友人関係を可視化するwebサービス 友人関係というか会話関係があられもない姿で現れる恐ろしいサービス。 TweetLevel ついったーの影響力を測定するサービス。 影響力というか戦闘力。やってる事は単純なサービスなんだけど、こうやってしっかりデザイン組んで作り上げるところが本当に参考になった。どんなサービスであれ、愛情は見習わなければならない。 Twib - Twitter ホットエントリー Twitterでのホッテ

                                                web制作者のための2009年話題になったサービスいろいろ
                                              • 寸法と解像度のチートシート

                                                その他の寸法 ハガキ … 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

                                                • 特にプログラマーでもデータサイエンティストでも�ないけど、Tensorflowを1ヶ月触ったので超分かりやすく解説 - Qiita

                                                  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これ書くだけで土日2日間まるまる潰れてしまった。 学んだ内容に沿っているので、順に読み進めるに従ってコードの話になっていきます。 Tensorflow触ってみたい/みたけど、いろいろまだ理解できてない!という方向けに書きました。 ※2018年10月4日追記 大分古い記事なのでリンク切れや公式ドキュメントが大分変更されている可能性が高いです。 この記事のTensorflowは ver0.4~0.7くらいだった気がするので ver2.0~となりそうな現在は文章の大半が何を参考にしているのか分からないかもしれません。 #1: Deep Lea

                                                    特にプログラマーでもデータサイエンティストでも�ないけど、Tensorflowを1ヶ月触ったので超分かりやすく解説 - Qiita
                                                  • (社説)夏の東京五輪 中止の決断を首相に求める:朝日新聞デジタル

                                                    ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                      (社説)夏の東京五輪 中止の決断を首相に求める:朝日新聞デジタル
                                                    • Webデザインにおける、1pxへのこだわり

                                                      ☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです^^ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ~」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

                                                        Webデザインにおける、1pxへのこだわり
                                                      • 『Illustratorによるイラスト制作の基本操作』

                                                        1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして!デザイナーのマチダです。2012年4月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 <illustratorでイラストを描く際に心がけていただきたいこと> 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで

                                                          『Illustratorによるイラスト制作の基本操作』
                                                        • 初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color

                                                          はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.

                                                            初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
                                                          • すごい便利になった!javascript入門の基礎知識と小技まとめ

                                                            作成:2013/12/24 更新:2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること 1.リファレンス スクリプトの書き方/基礎知識 2.スクリプトの記述 3.文字列/特殊文字 4.演算子 5.オブジェクト 6.プロトタイプ 7.イベント 8.変数 9.if文 10.配列 11.連想配列 12.正規表現 13.デバッグ できること 1.リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー&ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ

                                                              すごい便利になった!javascript入門の基礎知識と小技まとめ
                                                            • 2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita

                                                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 可及的速やかにReactが絶滅しますように。 以下はFront-End Developer Handbook 2018の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール 開発者向けドキュメント、APIリファレンス Dash 200以上のAPIリファレンス、100以上のチートシートを一括ダウンロードできる。有料、Mac用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。有料、Windows用。

                                                                2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita
                                                              • いろいろな用途で使えるミニアイコンあれこれ - GIGAZINE

                                                                通常のアイコンよりも小さなサイズの使いやすいミニアイコンを集める必要性に迫られたので、いろいろとリストアップしてみました。 ブログやWiki、通常のサイト作成やFlash、PowerPointのプレゼンテーションやソフトウェアのボタンなどなど、いろいろな場面で役に立つはず。ボタンの画像を違うものにするだけでだけでも、割と雰囲気がガラリと変わるのでオススメです。 リスト一覧は以下の通り。 Mini Pixel Icons(ブログやCMS用のアイコン、ユーザーアイコンなどが多く、とてもカラフル) Mini Icons | urlgreyhot(12ピクセル四方という極めて小さなアイコンがいろいろあります。グレイスケールのアイコンは加工しやすいので、好みのアイコン素材にすることも可能) Bullet Madness - free bullets project at Stylegala(200個

                                                                  いろいろな用途で使えるミニアイコンあれこれ - GIGAZINE
                                                                • 【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの? - paiza times

                                                                  Photo by Peter Petrus こんにちは。谷口です。 他人の開発環境って気になりませんか?私は気になります。 誰かの作業を見ていて「何そのツール知らなかった」「えっそのコマンド便利そう」となったことありませんか? 自分以外のエンジニアは、自分の知らない便利な何かを使っているかもしれない。というか多分使っている。 というわけで、paizaの中のエンジニアたちにそれぞれの開発環境やこれがなくなったら開発できないというハードやソフトや便利な設定、毎日のように使っているコマンドなど、とにかく開発環境について聞きまくってきました。エンジニアの皆さんにとって新たな発見となる項目や参考になる部分があればと思います。 ちなみに弊社のPCは基本的に全員MacBook(3年ごとに買い替え可能)です。ディスプレイも自分の好きなものがあれば買ってもらえます。(だからPCとディスプレイは後から入った人

                                                                    【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの? - paiza times
                                                                  • 960 Grid System

                                                                    960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,

                                                                    • 1990~2010年の名作フリーゲーム|kamioka

                                                                      この時期のフリーゲームを一覧できるものが意外と少なかったので作りました。アルファベット、五十音順で並んでいます。*は公開停止。 *2024/2/19 『時代の底辺脱出戦記 スラムガイ』『魔壊屋姉妹。』に追記。コメントありがとうございました。 *2023/11/21 『ヒトナツの夢 / A Dream of Summer』『CRIMSON ROOM』『Ozawa-Ken』などを追記。コメントありがとうございました。 アクションFrogatto & Friends(英語のみ) 美麗なドット絵が目を引くカエルが主人公のアクションアドベンチャー。ビジュアルのみならずアクションの面でも評価が高い。現在はHumbleStoreにて販売中。 hack9 洞窟物語をオマージュしたアクションRPGだがマゾヒスティックな難易度。hacker9~Ghost…へと続くシリーズものになっている。テキストのセンスが良

                                                                        1990~2010年の名作フリーゲーム|kamioka
                                                                      • ディープラーニングの判断根拠を理解する手法 - Qiita

                                                                        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ディープラーニングは特定分野で非常に高い精度が出せることもあり、その応用範囲はどんどん広がっています。 しかし、そんなディープラーニングにも弱点はあります。その中でも大きい問題点が、「何を根拠に判断しているかよくわからない」ということです。 ディープラーニングは、学習の過程でデータ内の特徴それ自体を学習するのが得意という特性があります。これにより「人が特徴を抽出する必要がない」と言われたりもしますが、逆に言えばどんな特徴を抽出するかはネットワーク任せということです。抽出された特徴はその名の通りディープなネットワークの中の重みに潜在してお

                                                                          ディープラーニングの判断根拠を理解する手法 - Qiita
                                                                        • 日本の自動車産業とEVについて書こうと思う

                                                                          こんばんは。増田です。最近、元三洋の人が書いたスマホの記事が面白かったので、私も書いてみることにしました。 ちなみに私は電装系サプライヤー勤務。年齢は元三洋の人とおそらく同じくらいです。かつてはホンダ系列だったのですが、今はそこを離れてとある企業の傘下になってます。あのときは結構衝撃を受けましたけど、確実に働きやすくなりましたね。 さて、日本企業はEVに消極的で世界の時流に乗り遅れ、未だに内燃機関に固執している、みたいな話。半分本当で、半分ウソです。世界に先駆けてEVを積極的に取り組もうとしたのは日本でした。(ここで言うEVは純粋にバッテリーで動く電気自動車のことで、本当はBEVと書いたほうが正確なんでしょうが、ここではEVとしておきます。) それにはいわゆる京都議定書(1997)の存在があります。これは温暖化防止の為の初めての国際的な取り決めでしたが、この会議で日本は2008~2012年

                                                                            日本の自動車産業とEVについて書こうと思う
                                                                          • 【動画】タモリ倶楽部空耳アワー名作撰 名作というより伝説レベル   小ネタ集 : 暇人\(^o^)/速報 - ライブドアブログ

                                                                            【動画】タモリ倶楽部空耳アワー名作撰 名作というより伝説レベル   小ネタ集 Tweet ◆管理人が2ちゃんねるやひまぴくで見つけた小ネタをまとめました 103: 名無しさん@涙目です。(千葉県):2011/05/30(月) 22:00:25.67 ID:C+KED7WD0 http://www.youtube.com/embed/KlHC8oE7KyU http://www.youtube.com/embed/w5j1zy5Fw_M 121: 名無しさん@涙目です。(長屋):2011/05/30(月) 22:03:43.73 ID:Ox8aBI9D0 >>103 (・∀・)イイヨイイヨ 128: 名無しさん@涙目です。(神奈川県):2011/05/30(月) 22:05:11.04 ID:0hK8TpoY0 >>103 名作すぎる 140: 名無しさん@涙目です。(石川県):2011/0

                                                                              【動画】タモリ倶楽部空耳アワー名作撰 名作というより伝説レベル   小ネタ集 : 暇人\(^o^)/速報 - ライブドアブログ
                                                                            • 小鳥の鳴き声は言語だった 文法まで突き止めた日本人研究者:朝日新聞デジタル

                                                                              ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                                                小鳥の鳴き声は言語だった 文法まで突き止めた日本人研究者:朝日新聞デジタル
                                                                              • 【独自】行政文書が大量流出 納税記録などのHDD転売:朝日新聞デジタル

                                                                                ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                                                  【独自】行政文書が大量流出 納税記録などのHDD転売:朝日新聞デジタル
                                                                                • Googleの新スマートフォンPixel 3の「夜景モード」が問いかけるもの(あるいはAIとはなんなのかという実感について)|Takahiro Bessho|note

                                                                                  Googleの新スマートフォンPixel 3の「夜景モード」が問いかけるもの(あるいはAIとはなんなのかという実感について) たまにはカメラのレビューなんていう、フォトグラファーっぽいこともしてみますね。といっても、普段はカメラの記事を書くときって、大体カメラ会社が作ったボディやレンズに関する記事を書くことが多いのですが、今回は話題のスマホPixel 3のカメラ、しかも鳴り物入りで搭載された「夜景モード」だけに限定した超ニッチな記事です。でも、このニッチに思える画像技術は、これから先の写真の方向性をもしかしたらすごく変えちゃうかもしれない。そう思うほどに、今回のPixelが搭載した「夜景モード」は、衝撃的な機能でした。まず、その違いを是非画像でご確認ください。Twitterにもアップしましたが、iPhone Xとまったく同じ時間、同じ場所で撮影した写真を並べたものです。 撮影場所は比叡山の

                                                                                    Googleの新スマートフォンPixel 3の「夜景モード」が問いかけるもの(あるいはAIとはなんなのかという実感について)|Takahiro Bessho|note