ポートフォリオサイトをNuxt + Netlifyに移行しました | Webクリエイターボックス

2021/07/14 14 users Nuxt Netlify Vue.js 移行 学生

2021年7月14日 Nuxt JS, Vue.js, Webサイト制作 WordPessで作成していた私のポートフォリオサイトをNuxt JSで作り変えてみました。デザインや内容はそのままで、管理体制を変えた感じですね。Nuxtに移行した理由や悩んだところをまとめてみます。 移行を決めた理由 元々私のポートフォリオサイトは、まだ私が学生だった... 続きを読む

ポートフォリオサイト作ってみた！作ってみたい初心者必見！！ | スキルメーカー for パソコン

2020/01/01 10 users アウトプット for プログラミング学習 スキルメーカー 知識

はじめに 「自分の制作物を自慢したい」 「知識ないけどポートフォリオサイトを作りたい」 もしくは 「プログラミング学習のアウトプットとしてWebサイトを作りたい」 という方向けに、ポートフォリオサイトの作り方について簡単に書きます！ 作ったポートフォリオサイト 僕が作ったWebサイトです！気に入っています ザ... 続きを読む

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でポートフォリオサイト作成を第一目標にしよ！」と思ったんで... 続きを読む

2018年のやったことまとめ - 桐生あんずです

2018/12/31 11 users 桐生あんず アレ 成果物 まとめ 数時間

桐生あんずです。あと数時間ほどで年が明けますが、滑り込みで2018年のやったことのまとめを書いていきます。冗長的になるのもアレなので軽めにしたい。 今年作ったもの 今年の9月にポートフォリオサイトを作りました。今年作った成果物もここに掲載してあります。 桐生あんずろぐ ちなみにこのポートフォリオサイトはAW... 続きを読む

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

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

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

Web制作の参考になるデザインや技術のアイデアがいっぱい！クリエイターの素晴らしいポートフォリオのまとめ | コリス

2018/07/13 47 users コリス スタティック ポートフォリオ クリエイター アイデア

最近のポートフォリオは、デザイン的にも技術的にもどんどん進化しています。JavaScriptのアプリ、WordPress、スタティックなど、さまざまなプラットフォームでデザイン・構築されたポートフォリオサイトを紹介します...記事の続きを読む 続きを読む

Service Workerで簡単なオフライン対応サイトを作ってみた – Snaplog

2018/02/05 13 users Service Worker 名刺 サンプル きっかけ コード

Service Workerで簡単なオフライン対応サイトを作ってみました。 ここ数年、勉強会で名刺を用意してなくて、そろそろ用意しようと思った時に、名刺に載せるポートフォリオサイトやプロフィールサイトあった方がいいよなと思ったのがきっかけで、どうせならオフライン対応ページを作ってみようと思いつくりました。 サンプルのコードを適当に拾ってきてやったので、正しくできてるか分かりませんが。ネットを切って... 続きを読む

100%GPLの有料WordPressテーマ「SNOW MONKEY」がかなり良かった - LOGzeudon

2018/01/30 37 users LOGzeudon Snow Monkey 経緯 早いうち

2018 - 01 - 31 100%GPLの有料WordPressテーマ「SNOW MONKEY」がかなり良かった はてなブログ ためした 「 SNOW MONKEY 」を使って ポートフォリオサイト をリニューアルしてみたが、自分の求めていたものがだいたい詰まっていて大変良かった。 経緯 ポートフォリオサイトのリニューアル 2017年末の記事 で、“早いうちにポートフォリオサイトもリニューアル... 続きを読む

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

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

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

Abstractを使ってフレキシブルな｢デザインシステム｣を組織に導入する | Tondemo Design Blog

2017/08/20 18 users Abstract サービ マージン Taiki Ikeda

Tondemo Design BlogはTaiki Ikedaによるポートフォリオサイト(になる予定)です。主にアプリ、ウェブ製作に関係することをちょこちょこ書きます。デザインシステムとは 紙などのデザインと比べて、ソフトウェア開発は制約が極めて少ないが故にプロダクトの統一感を保つのが難しいと言われています。その為カラーやマージンのパターンといった様々な制約を設けるわけですが、これらの制約をサービ... 続きを読む

無料ポートフォリオサイト作成、Tumblr（タンブラー）とBehance（べハンス）両方使って比較した感想

2017/06/08 18 users tumblr Behance バンズ タンブラー カスタマイズ

これまでに制作したイラスト作品を整理したポートフォリオサイトを作りたいと思い、無料のポートフォリオサイト作成サービスを利用してみました。試してみたのはTumblr（タンブラー）とBehance（べハンス）。どちらもポートフォリオサイトを手軽いいところは たくさんの無料テーマの中から好きなデザインを選んで、自分好みの見た目のサイトが作れる という点ですね。 Behanceでは見た目のカスタマイズがほ... 続きを読む

ポートフォリオサイトの構成を考える！参考になる凄いサイト8個紹介 | 社畜イラストレーターksdの独立したいの！！

2017/05/24 35 users クリエイター 名刺 経歴 最強 構成

より魅力的で最強の営業ツールとなりうるポートフォリオサイトの構成とは？参考にしたいクリエイターのポートフォリオ8サイトも合わせてご紹介！社畜アートディレクターksd( @ksd_illust )です。 クリエイターの名刺であり営業ツールでもあるポートフォリオサイト。 基本的に 自身の作品 制作実績 プロフィール・経歴 なんかがまとまっていれば良いかと思いますが、 強力な営業ツールとなりうるベストな... 続きを読む

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

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

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

【C91新刊】あなたの作品、Webでもっとアピールしよう！「ポートフォリオサイトをつくる」を特集した同人誌『konel.mag Issue 5』

2016/12/20 31 users コーディング ポートフォリオ CSS HTML ウェブ

HTML/CSSを書かない人のためのWebデザイン本 あなたのこと、あなたの作品（イラスト/小説/音楽……）のこと、ウェブでもっとアピールしてみませんか。konel新刊では 「ポートフォリオ（作品集）サイトをつくる」 をテーマに、制作方法や事例紹介であなたのサイト制作をサポート。HTML/CSSなどのコーディングが不要なサイト制作方法を中心に解説していますので、苦手な方もご心配なく。 konel.... 続きを読む

WordPressで使えるポートフォリオサイトのおすすめテーマ10選 | TechAcademyマガジン

2016/12/19 27 users TechAcademyマガジン ポートフォリオ 実績 初心者

TechAcademyマガジンはオンラインのプログラミングスクール TechAcademy [テックアカデミー] が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。 最近はフリーランスとして働く人が増えてきています。 とはいえ、フリーで働くためには自分の実績を示すようなポートフォリオが必要になってきますよね。 今回はそんなポートフォリオサイトを... 続きを読む

【jQuery】特定の数値までカウントアップさせるプラグインの使い方 | Neganin(ネガニン)

2016/02/09 22 users Neganin ネガニン カウント デモ 数値

サイトをみてると数字がカウントアップして表示されてるのを見たことありませんか？ 保険の見積もりや、ECサイトでの合計金額、不動産での物件数、サイトでのPV数にポートフォリオサイトでのスキルを数値化したもの・・・今回は簡単にカウントアップできるプラグイン「animateNumber」を紹介したいと思います。 ちなみにカウントダウンや計算はできるか試していないのでわかりません！ まずはデモをご覧くださ... 続きを読む

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... 続きを読む

Cinematico - 動画をアピールしたい人のためのCMS MOONGIFT

2014/09/07 14 users YouTube Vimeo CMS MOONGIFT 役割

Webサイトを作る目的は人それぞれです。写真家であれば自分のポートフォリオサイトを作りたいと思うでしょう。さらにインターネットと言う点で考えれば、静的な写真だけでなく動画も十分ポートフォリオとしての役割を果たしてくれます。 そこで使ってみたいのがCinematicoです。YouTube/Vimeoを使って動画を並べたWebサイトを作ってくれます。 Cinematicoの使い方 インストール画面です... 続きを読む

資料からポートフォリオまで幅広く使える！キャプチャ画像をかっこ良くフレームに収める『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... 続きを読む