並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 20148件

新着順 人気順

illustratorの検索結果1 - 40 件 / 20148件

  • こどもが心を開く親の話し方

    最近、夫に強く薦められて読んだ本の紹介です。夫も友達から薦められ、この夏2回も繰り返し読んだそうです。本の名前は“How to talk so kids will listen & listen so kids will talk”(Avon Parenting出版 Adele Faber and Elaine Mazlish著で、初版以来、20刷を重ね、最近再編集されて再び人気を呼んでいるそうです)。 本は、いわゆる「子育てハウツーもの」ですが、読み進みながら、自分の子どもの頃の親子関係を振り返って考えさせられ、子どもの気持ちに戻って、親になることを学べる本です。 詳細については、実際に是非読んでいただきたいのですが、ここでは、少しずつ、私も本の復習をしつつ紹介させていただきたいと思います。(本は、これから親になる方、1歳の幼児~ティーンのお子さんがいる方、また夫婦関係の向上にも役に立つ

    • Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]

      こんにちは。enjiです。 Web屋として7年程生き抜いているのですが、その中で「本当にこれは便利だ!もし、環境が変わっても、もう一度買ってしまう。」と断言できる道具やサービスをご紹介致します!ほんの少しでも、役に立つ情報があれば幸いです。 photo credit: Grafix Guru via photopin cc 書類を全てデータ化するScanSnap S1500 これはもう、絶対にに買うべき商品です。 紙をスキャンしてPDFや画像データに変換します。 今まで、どんどん溜まっていた紙の資料等が スキャンしてポイなので散らかっていた紙が無くなり、デスクを綺麗に保てます。 EverNoteやDropboxに自動で送る機能もあるので 大事な契約書、説明書、名刺などなんでもホイホイデータにしておけば いつでも確認できて便利です。 迷っているなら即、買いです。本の自炊もできますよ。 htt

        Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]
      • インターネットを活用した、ひきこもりのための株式会社の創り方

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

          インターネットを活用した、ひきこもりのための株式会社の創り方
        • Web屋の私がブックマークしているサイト65 | Webクリエイターボックス

          2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します!有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください! ↑私が10年以上利用している会計ソフト! ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ

            Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
          • これからIllustratorを始めてみようという人のための基本操作とかいろいろ

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

            • すべてのMacユーザーに贈る 便利でしかも無料なMacのアプリ100個紹介 | Last Day. jp

              私の周りでも『PCからMacにしました』という方が増えてきています。前回紹介した[Macを最大限にスピードアップさせる23の方法 | Last Day. jp]も沢山の方に見て頂けました。 今日はそんな方に朗報です。Macで使える便利でその上無料のアプリケーションを100個紹介致します。 Music & Video1.Boxee YouTube,Huluに代わる動画プラットフォームを目指すBoxee。Pandoraを聞く事もできます。 (標準:YouTube,Huluに代わる動画プラットフォームを目指すBoxee|gihyo.jp … 技術評論社) Boxee 2.HandBrake オープンソースのDVDや動画ファイルをiPhoneやiPad対応動画に変換できるツールです。 (HandBrakeで字幕つきDVD/動画ムービーもiPod/iPhone/iPadへ一発変換 | iPod/iP

                すべてのMacユーザーに贈る 便利でしかも無料なMacのアプリ100個紹介 | Last Day. jp
              • 「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント

                ☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。???(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ

                  「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
                • 知識ゼロからはじめるiPhoneアプリ開発 - A Day In The Life

                  iPhone アプリ開発を初めてはや2年。わけわからんレベルからなんとかアプリをリリースするところまでこぎつけました。もともと趣味ではじめた事ですが今は仕事でも iPhone アプリ開発をしています。ここに至るまで自分が調べたことや参考にした文書をアプリの構想からアプリをリリースするまでの手順にそってまとめてみました。 iOSアプリ開発関連の本を書きました 初めて iOS アプリ開発をされるかた向けに「プロの力を身につける iPhone/iPadアプリケーション開発の教科書」という本を書きました。 この記事を読んで iOS アプリ開発に興味を持たれた方におすすめです(2013年2月26日発売)。2015年1月17日にSwiftに対応した改訂版がでました。 本の内容に関する詳しい記事はこちらです。 iOSアプリ開発の本を書きました 初期投資 8400円とプライベートな時間、iPhoneまたは

                    知識ゼロからはじめるiPhoneアプリ開発 - A Day In The Life
                  • たった一人でwebサービスを作るための、6つの技術と4つの知識

                    ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない!」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる! webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ

                      たった一人でwebサービスを作るための、6つの技術と4つの知識
                    • 良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと

                      デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス?かっこ良さ?奇麗さ?良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって? 最良の方法? 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか

                      • 少しのコードで実装可能な20のCSS小技集

                        2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

                          少しのコードで実装可能な20のCSS小技集
                        • ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々! | バンクーバーのうぇぶ屋

                          WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見

                            ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々! | バンクーバーのうぇぶ屋
                          • なんとなく使っていませんか? 括弧の種類と使い分け|モリサワ note編集部

                            突然ですが、質問です! 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 (そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ)とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、( )の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会

                              なんとなく使っていませんか? 括弧の種類と使い分け|モリサワ note編集部
                            • 「学びたい、全ての人へ」creiveより

                              いつもcreive(クリーブ)をお読みいただきありがとうございます。 この記事は「いつもの記事」とは少し違います。 インターネットさえ繋がっていれば、学びたいコトが学べる時代になりました。 好きな時に好きなだけ学べて、何度でも繰り返して復習できる。 インターネットが提供してくれた価値は、計り知れない威力があります。 この記事は当初、 「ネットさえあれば自由に学べる!日本語で学習できるWebサービス」 というタイトルで作成するつもりでした。 ただそんな一発単体の記事では、世の中は1ミリも動かないと考えました。 私たちcreive(クリーブ)は、このメディアを通して「学びたいヒトが、学びたいコトを、自由に学べる世界」を創ります。 いまこの記事を読んでくださっている方は、ネットリテラシーが高く、すでに知っている情報ばかりかもしれません。 ただ、普段インターネットに触れない人たち(私の場合、地元の

                                「学びたい、全ての人へ」creiveより
                              • 漢字が使えるフリーの和文フォント242種類をまとめてみた。 - buena suerte!

                                自分用にまとめのまとめみたいな感じです。 同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。 それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。 自分なりに注釈付けてますけど、間違いがあるかもしれないんで、(特に商用)利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。 2012/02/1

                                • シルエットデザイン

                                  シルエットデザインは無料で使えるillustratorで作ったシルエット素材集 シルエットデザインは自分の為と忙しいデザイナーのための無料シルエット素材集です。 仕事で影絵素材を結構作るんですが、いつの間にか素材のおき場所が分からなくなります。 今までは素材を探す手間を考えるとイチから作るのが常でしたが、そろそろ効率が悪いので検索ボックスから素材を検索すれば、さっと結果が出るようにブログのデータベース機能を使って素材をWEB上で補完しようというプロジェクトを始動しました。

                                  • プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp

                                    プログラマー、絵が描けないじゃないですか(偏見) こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。

                                      プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp
                                    • Googleブックスで読めるソフトウェア開発に関する本たち - 俺がぐったり部だ!

                                      Googleブックスの騒ぎを知って約1年。気づくと今そこには「読んでみたかった!」という本が数多く載せられていることを知りました。 さて、そこでゲーム開発にも応用できる知識を中心に私がチョイスしたのが以下の本たちです。もちろんGoogleブックスではこれら以外にもまだまだ多くの本を閲覧することができます。これらを読めば、本には本当に知識と情報がまとめられているということ、著者たちの努力を発見できると思います。 ゲームデザイン 「おもしろい」のゲームデザイン: 楽しいゲームを作る理論 シリアスゲーム デジタルゲーム学習: シリアスゲーム導入・実践ガイド ユーザビリティエンジニアリング原論: ユーザーのためのインタフェースデザイン 人はなぜ形のないものを買うのか: 仮想世界のビジネスモデル ゲーム理論の基本と考え方がよ〜くわかる本 ノベルゲームのシナリオ作成奥義 ライトノベル創作教室 すごい人

                                        Googleブックスで読めるソフトウェア開発に関する本たち - 俺がぐったり部だ!
                                      • Mac初心者には参考になるかもしれないMac作業環境晒し|男子ハック

                                        @JUNP_Nです。新しいMacBookAirが発売されたら購入すると心に決めているのですが、次のMacは移行アシスタントを使わないでゼロから環境を作ろうと思っています。ということで現在のMac環境を晒しつつまとめてみようと思います。 Spaceseは縦3×横3の9画面を用意 Spacesを使い、それぞれの画面に役割分担をさせています。基本ですね。 僕は縦3×横3の合計9画面を用意しています。画面ごとの役割分担は以下。 ファイル操作、デスクトップ表示用メールクライアント(Sparrow)専用iTunes専用Evernote専用ブラウザ(Chrome)専用編集作業専用(Illustrator、Skitchなど)Twitter専用(Echofon、Twitter)MarsEdit専用Skype専用 一番利用頻度が高いのが「5」のブラウザ画面です。ここを起点に利用頻度が多い画面にすぐ変移できるよ

                                          Mac初心者には参考になるかもしれないMac作業環境晒し|男子ハック
                                        • 1年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY

                                          Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。 今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの1年間に実行した8のステップ(デザインの勉強4+Webデザインの勉強4)をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。 いちおう自己紹介を簡単に 独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン(グラフィック・デザイン)

                                            1年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY
                                          • 私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

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

                                              私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
                                            • Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方

                                              creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして

                                                Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
                                              • Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳

                                                web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる(したほうが便利)。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも

                                                  Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
                                                • 【photoshop】風景写真をイラスト・アニメ風に加工する|ヱノプルギスの夜 / こころ動かす者

                                                  (2019.02.23に書いたブリコルールのブログ記事の引越しです) 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない?? 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】>【色調補正】>【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと

                                                    【photoshop】風景写真をイラスト・アニメ風に加工する|ヱノプルギスの夜 / こころ動かす者
                                                  • ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27

                                                    作成:2013/07/22 更新:2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「0」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ

                                                      ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27
                                                    • プログラミングスクールに通わず、プログラミングを学ぶ方法

                                                      「プログラミングスクールってどう思いますか」への、個人的な回答メモ。 LINEのウェブ制作系のオープンチャットで、 「おすすめのプログラミングスクールはありますか?」 「エンジニアに転職したいです。何からやればいいですか?」 「おすすめの勉強方法を教えてください」 など、プログラミング未経験の方によるこの質問から始まって、独学の方法についての意見交換が始まる展開を何度か見ている 初心者なのに数十万かけてスクールに通おうとしている人が多かったのが意外だったので、個人的な考えを長文でまとめたものである。 「リモート研修中にクビになった法政大の〜」という記事を見て、既視感があったので増田に貼る。 昨今のコロナ以前に書いたので、コミュニティの利用方法は若干今の現実と即してないと思う。 この文章は、ある程度の本音と持論を語るために、あえて冗長な長い文章の形式をとっている。 なぜならば世間一般の「エン

                                                        プログラミングスクールに通わず、プログラミングを学ぶ方法
                                                      • Windowsを16年使ってきて分かったおすすめ無料ソフトまとめ

                                                        はてなブックマーク1400ありがとうございます! 数えてびっくりしましたが、Windowsを使い始めて26年経っていました。 今では趣味でも仕事でも欠かせないものになっています。 それなりにwindowsを使ってきて「フリーソフト」と呼ばれる無料で使えるソフトもたくさん試しましたが、今日はその中でも使い続けている無料ソフトを紹介したいと思います。 現在は便利なWebサービスやスマホアプリが非常に多くなったので、あえてWindowsのフリーソフトという時代では無くなりつつありますが、オフラインでも使える・動作が軽快という点ではまだまだ活用される場面も多いので、ざざっと目を通してもらえればと思います。 ちなみにボクはiPhoneも10年以上使っています。 良ければ「iPhoneアプリを596個使って分かったおすすめアプリまとめ」も読んでみてください。 インターネットブラウザGoogle Chr

                                                          Windowsを16年使ってきて分かったおすすめ無料ソフトまとめ
                                                        • 最近話題になった「10個」のイケてるWebサービス・アプリ(2013年4月編)

                                                          こんにちは。 もうすぐ4月も終わりということで、 4月中に話題になったwebサービスやアプリを集めてみました。 nisshi(にっし) まずは、ソーシャル日誌サービスです。 特徴としておもしろいのが、「いいね!」や「コメント」のような、読者の反応を気にしなければいけない機能が「一切ついていないこと。誰かが自分の日誌をみると「read(既読機能)」となり、日誌が読まれたことがわかるシンプルなサービスです。 TABROOM(タブルーム) リクルートが運営する家具情報サイトです。 名称のTABROOMとは「Comfortable:快適な」と「Room:部屋」を足してつくった造語。各種家具の「カタログ」を、色、素材、サイズ別にデータ化し、手軽に検索できるようにしています。 iconbench(アイコンベンチ) PhotoshopやIllustratorなどの技術がなくても、自分好みのアイコンを簡単

                                                            最近話題になった「10個」のイケてるWebサービス・アプリ(2013年4月編)
                                                          • プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)

                                                            サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている

                                                              プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
                                                            • 2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita

                                                              って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい! 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C

                                                                2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita
                                                              • 代表作が「ヤクザ漫画」のベテラン漫画家が「萌え」を真面目に研究中

                                                                渡辺 潤 @Junwatanabe1968 漫画家。週刊漫画ゴラク『ゴールデン・ガイ』連載(代紋TAKE2/三億円事件奇譚モンタージュ/クダンノゴトシ/デガウザー /RRR 等) illust.daysneo.com/sp/illustrator…

                                                                  代表作が「ヤクザ漫画」のベテラン漫画家が「萌え」を真面目に研究中
                                                                • HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して

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

                                                                    HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して
                                                                  • 「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ

                                                                    どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに

                                                                      「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ
                                                                    • フロップデザインフォント

                                                                      フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット(英語)、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし

                                                                        フロップデザインフォント
                                                                      • Illustratorを覚えたいと思っている人へおすすめ記事

                                                                        これからIllustratorを始めてみようとい... / Illustratorチュートリアル【女の子】 ... / 手書き風・イラスト系のwebデザインに挑戦する方...他...全9件

                                                                          Illustratorを覚えたいと思っている人へおすすめ記事
                                                                        • デザインの原理原則がわかる8つの記事 | creive

                                                                          デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ

                                                                            デザインの原理原則がわかる8つの記事 | creive
                                                                          • Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-

                                                                            私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトや本を見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな

                                                                              Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
                                                                            • これだけは使ってるMacアプリ10個 - ゆーすけべー日記

                                                                              Evernoteが好きではない。Macのアプリがイケてないからだ。 変なリッチテキストみたいな奴で編集しなくてはいけなかったり、 Webページからコピペした文字がスタイルを継承しちゃったり、 そもそもMarkdownに対応してもらいたかったり。 だから巷で騒がれるほど、Evernoteはあまり使っていない。 その代わりと言ってはなんですが、お気に入りのMacアプリもあります。 今回はMacのApp Storeからダウンロードできるアプリの中でも、 僕が個人的に「今なら絶対入れる」というものを10個厳選して紹介します。 文章書くのに便利だったり、ちょっとしたライフハック的に使えたり、 クリエイティブな活動に必要だったりするもの達です。では、行ってみよう。 1. DAYONE Day One - Mac Journal Application for iPhone, iPad and Mac

                                                                                これだけは使ってるMacアプリ10個 - ゆーすけべー日記
                                                                              • いつかはマスターしたい!Illustratorチュートリアル40選 | P O P * P O P

                                                                                各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いておきたいですね。 » Adobe Illustrator Tutorials 下記に、40個のうち、いくつかをご紹介。 LearnIt2 | Adobe Illustrator Tutorials Web2.0でよく見るバッジなどを作る方法など。 Creative Text Masking – Illustrator CS2 Tutorial – テキストにマスクをかける方法などが紹介されています。 Free Tutorials – Page 1 | Illustrator Techniques ガラスの器や3Dのテキスト作成方法などひねりの効いたテクニックが紹介されています。 Illustrator Bus

                                                                                  いつかはマスターしたい!Illustratorチュートリアル40選 | P O P * P O P
                                                                                • 特殊な用紙・加工でかっこいい名刺が作れる印刷会社いろいろ

                                                                                  2013年7月8日 フリーランス, 便利ツール, 名刺 以前も「印象に残る名刺の作り方」などで名刺デザインについて触れたのですが、「こんな名刺はどこで印刷してもらえるの?」という質問をいくつか頂いたので、今さらながらまとめてみました。和紙や木目の素材、透明な名刺や型押し加工など、思い通りのデザインが実現できるかも!オンラインで注文できるので、気軽に利用してみてください! ↑私が10年以上利用している会計ソフト! データ入稿ガイド 今回紹介する印刷会社さんはすべてデータ入稿可能です。どの会社もデータ入稿専用のテンプレートが用意されているので、ダウンロードしてデザインします。用紙やオプション加工によってテンプレートが異なる場合があるので注意。データの種類や対応バージョンも事前によく読んでおきましょう。また、どの会社も用紙やオプション加工の無料サンプルを注文できるので、デザインし始める前に質感な

                                                                                    特殊な用紙・加工でかっこいい名刺が作れる印刷会社いろいろ