paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。

Webデザイン

Webデザイン入門者向け「UI・UX」って何?UXを向上させるには?

上原です。paiza(ギノ)に入社して3ヶ月くらいのWebデザイナーです。今回は、Web制作の現場でよく聞く「UIとUX」って一体何なのか、どういう関係性なのか、またUXを考えるのは誰の仕事なのか…などといった話を書きたいと思います。デザイン初心者の方、これか…

Webデザイン初心者向け・そもそも「デザインする」ってどういうこと?

Photo by russellstreet上原です。paiza(ギノ)に入社して3ヶ月くらいのWebデザイナーです。今回は、Webデザイン初心者の方や、デザイナーと一緒に仕事をする機会の多い方々が疑問に感じやすい「デザイン」ってそもそも何なの? デザインってセンスがないとで…

8年目のデザイナーがエンジニアとの仕事で気をつけている5つのこと

上原です。paiza(ギノ)に入社して3ヶ月くらいのWebデザイナーです。以前、新人デザイナー時代に一人前になるためやっていたことを書きましたが、今回は実務でデザインをするときに気をつけていること、特に開発チームのエンジニアと仕事をするときに気をつけ…

8年目のWebデザイナーが新人時代からやってた4つの習慣

Photo by Tim Regan上原です。paiza(ギノ)に入社して3ヶ月くらいのWebデザイナーです。デザイナー歴は8年くらいで、一応それなりにやってきた…つもりの人間ですので、今回はアシスタントの頃から早く一人前になるためにやっていたことや、今も引き続きやって…

Webデザインの困りごとを即解決、初心者でも使える便利ツール15選

Photo by Martha W McQuade こんにちは、谷口です。エンジニアのみなさん、デザイン周りで困った経験はないですか?Web制作をしていると、 カラーやフォントサイズなどをちょっと変えただけでデザインがおかしくなってしまった 適切なカラーやフォントがよく…

エンジニアに知ってほしい、Webデザインを初心者が学ぶ5つのメリット

こんにちは、谷口です。エンジニアのみなさん、デザイン周りで困った経験はないですか?Web開発をしていると、 マージンやカラーやフォントサイズなどをちょっと変えただけでおかしくなってしまった… うまく入らなくて1px変更しただけなのにデザイナーに怒ら…

ChromeブラウザだけでWebサイトのCSSを変更&シェア可能な拡張機能「StyleURL」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、WebサイトのCSSを自分好みに変更してビフォー・アフターを簡単にシェアできるChrome拡張機能をご紹介します!開発者ツール上で普通にCSSを変更するだけで永続的に適用できるので、ブラウザさえあれば誰でも実行…

デザイン初心者なWebエンジニア向け・デザインを学べる入門書7冊

Photo by John Nakamura Remy こんにちは、谷口です。エンジニアの皆さん、デザイン周りのことでWebデザイナーの方と揉めた経験はありませんか?たとえば… マージンやカラーやフォントサイズなどを勝手に変えたら、デザイナーに注意された うまく入らないか…

無償のデータベースと連携可能!Webサイトもブログも作り放題な「AppDrag」を使ってみた

どうも、まさとらん(@0310lan)です!今回は、初心者の方でも簡単にWebサイトやブログなどを作成して公開まで可能な無料のWebサービスをご紹介します!また、簡単にデータベースを構築したり独自のAPIを作成したりすることも可能で、使い方次第では簡単なWe…

デザイナーにもGit/GitHubを使ってもらうようになったらメリットばかりだった話

Photo by Nick Quaranto 高村です。エンジニアは、普段からGitやGitHubを使ってバージョン管理をしている人が多いですよね。一方、周りにいるデザイナーなどエンジニア以外の職種の方々はどうでしょうか?普段からGit(GitHub)を使っているエンジニアからし…

入門者向け・HTML/CSSの基礎が学べるサイトと本8選

Photo by Christian Heilmann こんにちは、谷口です。最近、エンジニアやデザイナー以外の方からも「HTML/CSSの勉強がしたい」と言われることが増えてきました。「仕事で使うことがある…」という方はもちろん「趣味でやっているブログやWebサイトを改造した…

Webデザイナー/ディレクター向け!プログラミング初心者歓迎の無料PHP勉強会開催

paizaでは、7月27日(木)に【初心者歓迎・完全無料】の Webデザイナー/ディレクター向け!知識ゼロから学ぶPHP勉強会を開催いたします。 Webデザイナー・Webディレクターでプログラミングを学びたい方、PHPを使えるようになりたい方はぜひご参加ください!p…

JavaScriptコードは1行のみ!超手軽にWebサイトでパララックス効果を実現できる「Rellax.js」使ってみた

どうも、まさとらん(@0310lan)です。みなさんは、自分のWebサイトに「パララックス効果」を取り入れたいと考えたことはありませんか?「なんだか難しそう…」とか、「実装が面倒くさい…」のようなイメージをもし持っているのであれば、今回ご紹介するJavaSc…

【主要タグ一覧&解説】5分でわかるHTML・CSS入門

こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 あらゆる情報が集まるインターネットですが、パソコンや携帯電話のWebブラウザで表示される情報は、全てHTML・CSSで書かれています。逆に言えば、HTML・CSSを使えば、好きなデザインのWebページが作り放…

デザインセンス不要でWeb制作が捗る!登録ナシですぐ使える「HTML5/CSS3」の無料テンプレート12選+α

どうも、まさとらん(@0310lan)です。ネット上には、Webサイトを効率よく制作できるように多種多様な高品質テンプレートが存在します。そのまま利用しても良いし、開発やデザインの参考にしてみたり…など、その活用範囲は広いのですが、検索すると「有料・…

プログラミングなし・埋め込みタグのコピペだけで超簡単にWeb制作できる「POWr」の多機能ぶりに驚愕!

どうも、まさとらん(@0310lan)です。Webサイトには「問い合わせフォーム」「ショップページ」「ギャラリー」「コメント」…など、さまざまなコンテンツが詰まっています。これらのWebコンテンツをプログラミングすることなく、まるで「YouTube動画」を貼り…

Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開!

どうも、まさとらん(@0310lan)です。みなさんは、「JavaScriptライブラリ」を活用しているでしょうか?Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るよ…

【生存戦略】20代のWebデザイナーが身につけるべき15のスキル一覧

Photo by Matthew Pearce今回のpaiza開発日誌は片山がお送りします。皆さんはWebデザイナーがどんな仕事をする人か?という事を明確にイメージ出来るでしょうか?最近、弊社でWeb/UIデザイナーを採用する事になったのですが、求人の要件を固めていくにあたっ…

【SI→Web等】転職するエンジニアが自己PR作りに役立つサービス10選

Photo by Armando Sotoca こんにちは。谷口です。「業務経験は少ないけど、ITエンジニアとして転職がしたい」という方や、「プログラミングを独学で習得したのでITエンジニアになりたい」といったご相談を受けることがあります。開発業務経験の少ない方、エ…

あなたのWebデザインをレベルアップさせる書籍【厳選17冊】

Photo by Marcy Leighこんにちは。谷口です。現在、Webデザイナーとして働いている皆様はどんな書籍を読んでいますか?最近は、基礎的なデザインの勉強をしてきた方だけでなく、もともとITエンジニアとしてWebサービスの開発をする中で、Webデザインもするこ…

【Webサイト・アプリ】デザインガイドライン作りに超役立つサイト8件

Photo by Pascal Maramisこんにちは。谷口です。Webデザインの制作においては様々なフローがありますが、デザインガイドラインを作成することは、サイト内でのトーンを統一し、使いやすいサイトを作っていく上で大変重要です。ガイドラインとは、直訳すると…

分かり易い!ITエンジニアがUI/UXを確実に学べるコンテンツ11選

Photo by Dan Zenこんにちは。谷口がお送りします。ここ数年、Webサービスの開発において「UI」「UX」という言葉がよく聞かれるようになりました。「UI」とはUser Interfaceの略で、簡単に言ってしまうと、パソコンやスマートフォン等を操作する際のの画面表…





※このブログで紹介しているキャンペーンやイベント、およびサイト内の情報については、すべて記事公開時の情報となります。閲覧されたタイミングによっては状況が変わっている場合もございますのでご了承ください。

ITプログラマー・エンジニア転職・就活・学習のpaiza

プログラミング入門講座|paizaラーニング

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編AI機械学習入門

エンジニアのためのプログラミング転職サイト|paiza転職

プログラミング スキルチェックエンジニア求人一覧

未経験からエンジニアを目指す人の転職サイト|EN:TRY

プログラミング スキルチェックエンジニア未経験可求人一覧

エンジニアを目指す学生の就活サイト|paiza新卒

プログラミング スキルチェックエンジニア求人一覧

ブラウザを開くだけで エディタ、Webサーバ、DB等の開発環境が整う|PaizaCloud