作成：2015/11/16 更新：2016/08/01 Web制作 > 初心者の生徒さんに「どうやったらプログラミングできるようになりますか、コーディングする上で最初に何を準備するとよいですか」と漠然と質問されることが多いので「一番最初は何を使って、どう設定するとよいのか」簡単にメモしておきます。 また「プログラミングの時は何を使う、これで練習する」といった感じで決めておけば、プログラミングも楽になるかと思います。今回は「最初はコレ！」といった感じで選抜してみました。初心者の方向けの記事となります。 エンジニア速報は Twitter の@commteで配信しています。 学んだプログラミングやソースコードを管理・反復練習する プログラミングに関する書籍を何冊も読みこんで理解しても、何回ノートを見返しても、普段検索とコピペで済ませていると、いざとなったら全然プログラミングできないです。筆者は泣

この記事は2016年3月27日の記事を再編集しています 多くのホームページに導入されているレスポンシブデザインですが、レスポンシブ化することによってどのようなメリット、またはデメリットが発生するか把握できていますか？ 「Googleが推奨しているから」、「流行しているから」、という単純な理由でレスポンシブデザインを導入するのではなく、長所短所を見極めたうえで、自社のホームページに最適だと判断したうえで利用するのが良いでしょう。 今回は、レスポンシブデザインのメリットとデメリットを解説します。 レスポンシブデザインとは そもそもレスポンシブデザインとは何を指すのでしょう。 Googleは、 ユーザーの デバイス（パソコン、 タブレット、モバイル、非視覚的 ブラウザ）に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて（つまり「レスポンシブ」に）表示を変えること

私はWeb制作会社を経営しており、2023年現在で36歳になります。 28歳の時にWebデザイナーに転職してWeb業界でのキャリアをスタートさせ、32歳で独立しました。 この記事では、私が28歳の時に未経験から独学でWebデザイナーに転職した方法を紹介しています。 効率的な勉強方法や習得すべきスキル、転職活動のコツなど、Webデザイナーを目指している人におすすめの内容になっています。 また、今はWebデザイナーを採用する立場になっているので、「こんな人を採用したい」という視点も加わっています。 28歳（当時）の未経験がWebデザイナーに転職 Webデザイナーになるまでは、Webデザインどころか、デザインの仕事やプログラミング、Web関係の仕事すらやったことがありませんでした。 最初からデザインのセンスがあったわけでもなく、今見るとWebデザインの勉強を始めた頃作ったサイトは酷いものでした…

便利なシステムを生み出し、ユーザーの感動体験に欠かせない「UI/UX」。デザイナーとしてお勤めの方はもちろんのこと、IT業界に関わっている・関心があるなら積極的に学んでいきたい分野です。 今回話をうかがったのは、人気IT企業におつとめのデザイナーの方々。「UI/UX」について学び考える上で、おすすめの書籍を教えていただきました。 ご回答いただいた企業はこちら 1　グリー株式会社 2　GMOインターネット株式会社 3　GMOペパボ株式会社 4　ピクスタ株式会社 5　株式会社ブラケット 6　ヤフー株式会社 7　株式会社リブセンス グリー株式会社　細川菜々恵さん スマートフォン向けアプリ開発を担うスタジオ「Wright Flyer Studios」にて、Art UI UXチームのUI/UXディレクターを務める細川菜々恵さん（以下、細川さん）。UI/UXを学ぶにあたり、おすすめを教えていただきまし

photo by Loving Earth デザイナーはクライアントからの依頼を受けて、その依頼を解決するためにデザインをする人。アーティストは、自分自身の中にあるモノを何かしらのカタチで表現して、世にだしている人。 基本的に別の職業であり、学校でも会社でもデザイナーはアーティストではないと教わります。 この記事を書くにあたり、グーグルで「デザイナーとアーティストの違い」と検索してみたのですが、デザイナーとアーティストは別の職業であり、アウトプットするという共通点はあるものの、根本から異なると書いておられる方がほとんどでした。 私も以前は、部下にデザイナーとアーティストは別の仕事だというニュアンスの話をしていました。 きっかけは何気ない会話 とある企業のメインビジュアルを作っていたときに、何気なく部下に、もうちょっと自分のテイストを出して自由にデザインしてもいいよ、と言ったことがあります。

フラットデザインとは2012年ごろに広まったWebデザインのスタイルである。それは広く今も利用されているが、過度な利用は深刻なユーザビリティ上の問題を引き起こしかねない。フラットデザインによって発生するユーザビリティ上の最大の課題の1つに、クリック可能な要素のシグニファイア不足がある。フラットデザイン2.0は、それに対する優れた解決策を提供してくれる可能性がある。 Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users by Kate Meyer on September 27, 2015 日本語版2015年11月2日公開 フラットデザインは人気のあるデザインスタイルで、Webページのグラフィック要素に、光沢感や立体感という視覚効果を利用しないもののことである。それは多くのデザイナーからWeb

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

最近のWebページで人気のある縦長ページ、CSS3アニメーション、スクロールエフェクト、大きい写真画像を使った背景、カードコンポーネントなど、UIデザインのトレンドを取り入れたBootstrapのテーマを紹介します。 Bootstrap 4ベースのものもリリースされ始めました。

なっかなか熱いプラグインがあったのでご紹介。 いわゆるフィルタリングプラグインの一つですが、面倒な事を考えずに手軽にフィルタリング出来るのがポイント。 タグと表示領域のフィルタが連結している 動作は以下の様な感じです。 ダウンロードは以下から Tagsort jQuery Plugin - Will Haering そこまで難しい設定はないので、実際にダウンロード後にDemoフォルダを開いていただき、その中に入っているindex.htmlを開いてみてもらうとわかりやすいかもしれません。 結構実用的なプラグインなので、是非チェックしてみてくださいね。 それでは、また。

僕はいわゆるCMSが余り好きではありません。随分前に子会社のSYNCNEL事業のオフィシャルサイト(あるWeb屋がWordpressで制作)で苦い経験をしてからは特に。このブログもWordpressなので余り大きな声で言えたもんじゃないですけど(笑) でも、ホントはもうWordpressやめたい。ってかCMSにそもそも疑問を持ってます。 CMSの「おおげさ」感 サーバにシステム入れちゃうと、plug-inのupdateとか、CMS本体のupdateとか気になるし、ってか相性とかもあって出来なかったりもするし、そもそもシステムの為に必要なphp等の言語やDBやミドルウェアのupdateも気になって、脆弱性気になるけど…と余計な心配をしなくちゃいけません。 運用面でも、サイト全体の世代管理もしにくいし、ビジネス理由で別サーバに移転しようと思っても大変、htmlの構成を読み解こうとしてもテーマや

山田遼志 Ryoji yamada Animation Artist 1987年生まれ。東京在住。 クリエイティブハウスmimoid立ち上げに参加。多摩美術大学大学院グラフィックデザイン専攻修了。株式会社ガレージフィルムでアニメーターとして勤務後、2017年にフリー。文化庁芸術家海外研修員としてドイツに留学。手描きアニメーションを中心にコマーシャルやミュージックビデオ、イラストレーションなどを手掛ける。現代社会の抱える不安や恐怖などをモチーフとし、狂気的で風刺的な作風が持ち味。自主作品は国内外でも高く評価されており、数多くの国際映画祭で受賞、上映歴がある。代表作にKingGnu「PrayerX」、Millenium Parade「Philip」、「Hunter」など。 Born in 1987. Living in Tokyo. Particpated in estavblishing m

by Wade Morgen ウェブサービスを使い始める際にユーザー登録を求められることがありますが、いくつものウェブサービスでそれぞれに異なったIDとパスワードの組み合わせを持つことは煩わしく感じられます。しかし、サイト運営側にとってはできるだけアカウント登録を行ってもらいたいもので、新規アカウント登録を増やすためのコツが公開されています。 Your Website is not Special, Don't Make Visitors Make Accounts https://www.benburwell.com/posts/your-website-is-not-special-dont-make-visitors-make-accounts/ ソフトウェアエンジニアのBen Burwell氏によれば、一般的にユーザーはサイト運営側よりもウェブサービスを使い続けるべきかどうかの判断

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

2015-09-10 「サイトをつくる」のススメ はじめまして。 まみぺこです。 Webサイトをつくるお仕事をしています。 コーディングが大好きなWebデザイナーです。 デザインから HTML / CSS / JavaScript までやっています。 このブログもそうですがデザインからコードまで心をこめて手づくりしています。 これから「サイトをつくるといいよ〜」というお話をしてみます。 とくに「Webをつくるお仕事がしたい」という学生さんや 「やりたいことをしたい」「なにかつくりたい」 「変わりたい」っておもっているひとへむけて 実際に私のつくったサイトの例を紹介しながら たのしくいってみたいとおもいます！ 「サイトをつくる」のススメ。 サイトをつくろう やりたいことがわからない。 つくりたいものがわからない。 そんなひとは なんでもいいからひとつ練習だとおもって サイトをつくってみるのは

PhotoshopのPSD上に、HTMLとCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできます。 HTML Block HTML Blockの特徴 HTML Blockのダウンロードとインストール HTML Blockの使い方 HTML Blockの特徴 HTML Blockは、Photoshop CC2015 for OS Xのみ対応で、Webkitエンジンを利用してHTMLとCSSのコードでエレメントを作成できます。 ↓左パネルがエディタに見えるかもしれませんが、Photoshop上でのHTML Blockです。