VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita

2019/02/04 445 users Qiita github.com 絵描き ゆき 危機

絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね？」と危機を感じたので0から作り直しました。 サイト： https://pf.nekobooks.com/ ソース： https://github.com/yune... 続きを読む

Vueを学び、SPA対応のポートフォリオサイトを自作するまでの道のり - Qiita

2019/01/29 226 users Qiita Vuex Vue Vue Router 道のり

昨日1/28にVue, Vuex, Vue Routerを使って、SPA対応のポートフォリオサイトを自作しました！ここまで形になったこと、本当に嬉しかったです。 自作ポートフォリオサイト もともと1週間でVue.jsを使ったポートフォリオを作った記事をみて、「すげぇ…自分もVueでポートフォリオサイト作成を第一目標にしよ！」と思ったんで... 続きを読む

Ligthhouseを使ってVuex.jsで書いたポートフォリオサイトを爆速化する - Kekeの日記

2018/12/02 54 users Keke インターンシップ 選考 爆速化 パフォーマンス

本記事はVue.js Advent Calendar 2018の第三日目の記事です。 はじめに 私は、インターンシップなどの選考に備えて、以前自分のポートフォリオサイトなるものを作りました。 しかし、あまりに速くデプロイしたかったことから、パフォーマンスについて一切無視した結果、とてつもなく遅いサイトができてしまいました。 結... 続きを読む

変動するフロントエンドディベロッパーとデザイナーの境界線 | Tondemo Design Blog

2017/09/06 84 users デザイナー 境界線 Taiki Ikeda 主張 ウェブ製作

Tondemo Design BlogはTaiki Ikedaによるポートフォリオサイト(になる予定)です。主にアプリ、ウェブ製作に関係することをちょこちょこ書きます。”Why Visual Designers Are Now Frontend Developers” という記事を翻訳しました。主張にひどく共感したので、 @andreehuk 氏に個人的に許可を取って翻訳させてもらいました。 ここ... 続きを読む

神は細部に宿る、デザインの徹底的なこだわりがすごいクリエイターたちのポートフォリオサイトのまとめ | コリス

2017/03/30 113 users アニメーション センス アイデア満載 コリス webデザイン

Webデザインのセンスを磨く方法の一つは、優れたデザインを数多く見ること。 デザインの細部に至るまでの徹底的なこだわり、気持ちのいいインタラクションやアニメーション、素晴らしいアイデア満載のUIを備えたWebサイトを紹介 ...記事の続きを読む 続きを読む

Adobe Portfolioで簡単にポートフォリオサイトを作成 | Webクリエイターボックス

2016/01/13 58 users フォトグラファー コーディング イラストレーター web 知識

これまでもポートフォリオサイトの大切さを伝えてきましたが、ポートフォリオサイトが必要なのはWebの知識がある人だけではありません。そこで今回は簡単にポートフォリオサイトを作れる、Adobeクリエイティブクラウドに含まれている Adobe Portfolio を紹介します。コーディングの知識の無い方、特に画像を見せたいフォトグラファー、イラストレーター、画家さんなどにオススメです！ Adobe Po... 続きを読む

ポートフォリオWebサイトを作ろう！2015年版 | Webクリエイターボックス

2015/11/12 156 users Webクリエイターボックス ポートフォリオWebサイト

Webデザイナーやデベロッパーの就職・転職活動で必要なのが、これまで制作した作品をまとめたポートフォリオWebサイト。以前このブログでも「Webデザイナーになりたい！就活に打ち勝つポートフォリオWebサイトの作り方」という記事で作り方なんぞをまとめました。この記事を書いた2010年時点では「ポートフォリオサイトは日本では一般的ではない」なんてコメントされたりもしましたが、5年たった今、もはや必須と... 続きを読む

ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free Wordpress Themes For Creative Portfolios」 | DesignDevelop

2014/11/29 75 users DesignDevelop slider クオリティ 自身

自身のこれまでに作成してきた作品を一般に広く公開するために利用されるポートフォリオサイト。作品はもちろんですが、サイド自体のクオリティを高めることでより作品が魅力的に見えてくるのではないでしょうか？そんな中今回紹介するのは、ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free WordPress Themes For Creative Portfolios」です。 Slider... 続きを読む

資料からポートフォリオまで幅広く使える！キャプチャ画像をかっこ良くフレームに収める『FRAME』が超楽しい！ | バンクーバーのうぇぶ屋

2014/08/27 180 users frame バンクーバー FRAM ポートフォリオ うぇぶ屋

プレゼン時の資料や、ポートフォリオサイト等で自分の作ったサイトを紹介することってあると思います。そんな時、よく見るのがこちらのようなキャプチャ画像ですね。キャプチャ画像？プロダクトショット？なんて言うのかなこういうの。 こんなオシャンティーなキャプチャ画像を資料なんかで使えれば、見栄えがかなり良い！てかとりあえずカッコいい！でも、Photoshopで作るのはめんどくさい… 今日ご紹介する『FRAM... 続きを読む

ASCII.jp：動くインフォグラフィックでサイトを楽しくするアイデア (1/3)｜先端サイトに学ぶCSS3/jQueryアニメーションデザイン

2014/06/25 83 users インフォグラフィック jQueryアニメーションデザイン

今回の注目サイト： Knormal http://www.knormal.com/profile/ デザインとテクノロジーをもとにブランディングやWebサイト制作などを手がける、米国のエージェントのポートフォリオサイト。 気持ちよく回転する円グラフ シンプルなフラットデザインを採用した「Knormal」のポートフォリオサイト。このサイトでは、3枚の画像からなる円グラフを重ね合わせ、CSSアニメーシ... 続きを読む

nanapi和田修一氏が約5年かけて「技術が正義」な企業文化を作るまで【連載:エンジニアの幸せな職場】 - エンジニアtype

2014/06/18 124 users エンジニアtype 正義 エンジニア 連載 Forkwell

nanapi和田修一氏が約5年かけて「技術が正義」な企業文化を作るまで【連載:エンジニアの幸せな職場】 2014/06/18公開 エンジニアにとって、本当に「働きやすい環境」ってどんなのだろう？ という疑問を解消すべく、組織づくりや職場環境に秀でたTech企業にインタビューを敢行するこの企画。インタビュアーは、エンジニアのためのポートフォリオサイト『Forkwell』や、エンジニア目線の求人・転職... 続きを読む

ASCII.jp：SVG線画が美しいリッチアニメーションの作り方 (1/2)｜先端サイトに学ぶCSS3/jQueryアニメーションデザイン

2014/06/09 330 users jQueryアニメーションデザイン ASCII.jp 拠点

今回の注目サイト： Béatrice Créations http://carlphilippebrenner.com/portfolio/beatricecreations フランスを拠点に活動するデザイナーであるカール・フィリップ・ブレナー氏のポートフォリオサイト。 ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creat... 続きを読む

webデザイナーの転職に役立つ、ポートフォリオサイトの作り方 | tipsBear

2014/02/19 432 users tipsBear ウェブデザイナー Webデザイナー 就活

ウェブデザイナーの就活で一番大切なのがポートフォリオサイト。実体験を元にした、ポートフォリオサイトの作り方のポイントをご紹介します。就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。 今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。 もくじ なぜwebデザイナーの就活にポートフォリオサイトが必... 続きを読む

事業拡大に突き進むクックパッドで、井原正博氏が抱く「危機感」とは？【連載:エンジニアの幸せな職場】 - エンジニアtype

2014/01/20 230 users クックパッド 井原正博氏 エンジニアtype エンジニア 連載

エンジニアにとって、本当に「働きやすい環境」ってどんなのだろう？ という疑問を解消すべく、組織づくりや職場環境に秀でたTech企業にインタビューを敢行するこの企画。インタビュアーは、エンジニアのためのポートフォリオサイト『Forkwell』や、エンジニア目線の求人・転職サイト『Forkwell Jobs』を運営する株式会社garbs取締役おおかゆかさん。エンジニアが「幸せに働ける職場」のあり方を探... 続きを読む

気になる永和システムマネジメントの人材活用術を、角谷信太郎氏に聞いてみた【連載:エンジニアの幸せな職場】 - エンジニアtype

2013/11/05 75 users 角谷信太郎氏 エンジニアtype Forkwell 連載 職場

エンジニアにとって、本当に「働きやすい環境」ってどんなのだろう？ という疑問を解消すべく、組織づくりや職場環境に秀でたTech企業のトップにインタビューを敢行するこの企画。インタビュアーは、エンジニアのためのポートフォリオサイト『Forkwell』や、エンジニア目線の求人・転職サイト『Forkwell Jobs』を運営する株式会社garbs取締役おおかゆかさん。エンジニアが「幸せに働ける職場」のあ... 続きを読む

進撃のデザイン | サービスのランディングページでぜひ使わせて頂きたい素材ファイル10選

2013/07/02 78 users 進撃 ランディングページ MacBook デザイン iMac

今回は、サービスのランディングページや個人のポートフォリオサイトでぜひ使ってみたい、いや、使わせて頂きたい素材達を集めてみました。 iPhone + hand PSD mockup Source iMac / Macbook PSD flat mockup Source Desktop Macbook + iPhone mockup Source Macbook Air + Thunderbolt... 続きを読む

イラストや写真を投稿すると全自動でTumblrにポートフォリオが完成する「Illustfolio 2」 - GIGAZINE

2013/06/03 68 users GIGAZINE tumblr ポートフォリオ イラスト 写真

レスポンシブデザイン・Retinaディスプレイ対応などは以前の「Illustfolio」のままに、さらに個別ページのイラストをより大きく、パーマネントリンクに最新記事のサムネイルを表示、 加えてExif情報も表示できて写真ブログとしても使えるようにパワーアップしたのが、Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れるTumblrテーマ「Illustfolio 2」です。... 続きを読む

Illustfolio 2 - イラストポートフォリオサイトを一瞬で作れるTumblrテーマ

2013/05/31 122 users Tumblrテーマ 一瞬 tumblr デモページ 多く

イラストポートフォリオサイトを一瞬で作ろう Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れる「Illustfolio」が、 多くの新機能と新しくなったデザインを盛り込んでリニューアルしました。 デモページを見る 続きを読む

ポートフォリオサービスのJAYPEGで出会える凄い日本人クリエイター 20 « nanomal

2013/05/27 148 users nanomal JAYPEG Gunosy ryo_dg 自身

公開されてから約半年が経った、自分専用のポートフォリオページを作れるWebサービスのJAYPEG。素晴らしい作品が数多く投稿されており、個人的に大好きなサービスです。そんなJAYPEGで作品を見ることができる凄い日本人クリエイターを20人紹介します。 1. ryo_dg 大阪のWeb制作会社でデザイナーとして活躍しているRyo Nakaeさん。自身のポートフォリオサイトを始め、Gunosyのリデザ... 続きを読む

日本人クリエイターのハイセンスなポートフォリオサイト（主にフリーランス）まとめ23個 - W3Q

2013/05/16 311 users フリーランス webデザイン W3Q 日本人クリエイター

[Webデザイン] 日本人クリエイターのハイセンスなポートフォリオサイト（主にフリーランス） 続きを読む

参考にしたい日本人クリエイターのポートフォリオサイト 40 « nanomal

2012/10/12 1268 users nanomal ポートフォリオ クリエイター 勉強 参考

クリエイターが自分の作品や活動を公開しているポートフォリオサイト。仕事で制作されたサイトとは違い自由なデザインで作られていることが多く、見ていて楽しいですよね。海外のポートフォリオサイトまとめはよく見かけますが日本に絞ったものは少ないと感じ、今回は自分の勉強も兼ねて日本人クリエイターの方のポートフォリオを40サイト集めてみました。 1. Mana’s Portfolio Website ロンドン在... 続きを読む

自分だけの作品集、ポートフォリオに使えるWordPressテンプレート30個まとめ - Photoshop VIP

2012/09/18 138 users ポートフォリオ Photoshop Vip 作品集 自分 作品

自分の作品を紹介するWebサイトとして、ポートフォリオサイトを活用してみませんか。 ポートフォリオとは、アーティスト、デザインー、クリエイターなどの作品集で、海外を中心に多くの人に利用されるようになっています。 海外デザインブログLine25.comで、ポートフォリオサイト作成に活用したい、WordPress有料テンプレート素材30個をまとめたエントリー「3o WordPress Portfoli... 続きを読む

デザイナーなら真似したい、最近の見せ方が素敵なポートフォリオサイトまとめ18個 - W3Q

2012/04/11 73 users デザイナー 見せ方 W3Q webデザイン

[Webデザイン] デザイナーなら真似したい、最近の見せ方が素敵なポートフォリオサイト 続きを読む

無料で使えるポートフォリオサイト用 WordPress デザインテーマ | 中小企業向けの請求書作成ソフト | Invoicing for Small Business | MakeLeaps Blog

2011/11/08 98 users MakeLeaps Blog 中小企業向け 請求書作成 無料

この記事について 国内外で人気のブログプラットフォーム WordPress。 豊富なデザインテーマが魅力の一つですが、今回はポートフォリオサイトに用途を絞ったテーマを紹介します。 文句なしにハイクオリティなものやアイデアがユニークだったもの等、バラエティに富んでいますのでお楽しみいただければ幸いです。 デザインテーマの紹介 Monte Cristo スライドショー部分に画像の拡大と記事へのジャンプ... 続きを読む

クリエイティブ要素の高いポートフォリオサイトまとめ「20 Creative Examples of Portrait Usage in Web Design」 | DesignDevelop

2011/10/27 66 users DesignDevelop デザイナー プロフィール 目的

クリエイティブ要素の高いポートフォリオサイトまとめ「20 Creative Examples of Portrait Usage in Web Design」 自身の作品やプロフィール、またデザインに関する想いなどを伝えることを目的としたポートフォリオサイトは、特に独立したデザイナーならぜひ制作しておきたいもの。そこで今回紹介するのは、クリエイティブ要素の高いポートフォリオサイトを集めた「20 C... 続きを読む