Astro + playwright + huskyでポートフォリオサイトを作ってみる
と、こんな感じになりました。 どうやってポートフォリオ作っていったか イチから Astro を勉強してやっていっても良かったのですが、習うより慣れろという形で、まずは先人たちのテンプレを参考にさせていただいて、自分なりに改造していく感じで実装していきました。 Astro テンプレートを選ぶ Astro 初心者でも簡単にプロジェクトを作れるように様々な用途のテンプレートが用意されていて非常にわかりやすいです。 Portfolioなのでなるべくシンプルに、カラーテーマを手軽に変更できて、コンテンツを.mdxで記述したかったので、Astro Modern Personal Websiteというテーマを使わせていただきました。 必要ない情報を落とす 今回選んだテーマでは、blog だったり store ページにも対応できるように、様々なページが実装されています。 今回はあくまでもポートフォリオなの
Astroで始める爆速個人サイト開発
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
GitHubのREADMEの見た目をイケてる感じにする
どうも、hanetsukiです。 GitHubにはアカウントそれぞれにREADMEを乗せられるリポジトリがついているのはご存知でしょうか？ 以前から簡易的なプロフィールは掲載していたのですが、訪問していただいた方に「おっ！」っと思わせるようなREADMEにしたいと思い更新することにしました。 今回更新するにあたって何を使ったのかというのを忘備録的に残していきます。 これが今回完成したREADME 詳しいソースコードは、リポジトリをご覧ください。 Skill Icons 自分が持っているスキルなどを表示するときに便利。 他にもお気に入りの言語や、今学習の言語という使い方もできそうですね！ 詳しい利用方法は、https://github.com/tandpfun/skill-icons#readme をご覧ください Badge Generator Zennのフォロワー数の記載に利用しています。
GitHubの機能をフルに使って職務経歴書の継続的インテグレーションを実現する
GitHub で職務経歴書を公開 & 継続的に改善していく環境を作ったのでその紹介です。 リポジトリはこちらです。 kawamataryo/resume なぜ職務経歴書を？ 今のチームがとても好きなので転職の予定はないのですが、「安定しているときこそ職務経歴書をまとめておくべき。本当に職務経歴書が必要なときはメンタルが消耗していて書く余裕はない」という話を最近知り合いから聞き、それは確かにと思い書き初めました。どうせ書くなら何か面白いことをしたいなと GitHub に公開 & CI 環境の構築をやってみました。 機能紹介 🌐 GitHub Pages で Web ページとしての公開 Markdown + GitHub のファイルビューでも良いのですが、より見やすいほうが好ましいですよね。 GitHub の無料ホスティグ GitHub Pages を使って Web ページとして公開していま
個人サイトについて
なぜ個人でウェブサイトを運用しているのかについて、整理しておきたい。 要約すると、以下の理由でやっている。 ウェブの技術を学べて費用対効果が高いから 表示されるコンテンツを制御したいから フィードバックの場と適切な距離を置きたいから かっこいいから コスパが高い 個人でウェブサイトを持って運用していくことは、学習意欲の高い多くの人にとって費用対効果の高い活動だと思う。 ほとんどの技術が無料で利用できる時代になってきているので、ここで言う費用というのは時間や労力のことで、効果というのは得られる知識のこと。その仕組みを用意するにあたって、ウェブサイトというものがどういう仕組みで動くかということが、一通り理解できる。この辺の分野を本職とするような人であれば、こういうことは最低限理解しておいてほしいし、何なら採用面接でもこういったことを質問する・される機会がある。 学習コストについて述べたけれど、
エンジニア向けのポートフォリオサイトまとめ - Qiita
はじめに フロント周りのスキルも向上し、自分もポートフォリオサイトを作り直したいと思いました。 そのため、今回エンジニア向けのポートフォリオサイトを作る際の、参考サイトをまとめました。（全て手動検索です。） ポートフォリオサイトと技術説明などあれば載せております。 ポートフォリオ（順不同） Youichi Hiraga's portfolio http://musou1500.github.io/ エンジニアだけどポートフォリオサイト作ってみた tamanugi.com https://tamanugi.com/ Angular + Netlifyでポートフォリオを作ってみた Yohei Munesada's portfolio https://www.yoheim.net/portfolio/#top https://www.yoheim.net/blog.php?q=20130607
GitHubが大変身！Web開発向けの万能ツールに変えてくれるサービスをまとめてみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回はGitHubと連携してソースコードをさまざまな用途に活用できる便利なWebサービスを厳選してご紹介しようと思います。 特にWeb開発を便利にしてくれるサービスを中心に、GitHubだけでどこまで作業効率を向上できるのかをぜひ確認してみてください！ なお、paizaラーニングでは「Git入門編」講座を公開しています。そちらも合わせてチェックしてみてください。 ■GitHubをフル装備のクラウドIDEに変えるサービス！ 【 Gitpod 】 GitHubに置いているリポジトリのソースコードを統合型のクラウドIDEで自由に編集できるサービスが「Gitpod」です。 TheiaをベースにしたVS Codeライクなコードエディタで、豊富な機能と拡張性を備えておりプログラミングに最適なIDEの一つと言えるでしょう。 使い方は簡単で、リポジトリのページ
VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita
絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね？」と危機を感じたので0から作り直しました。 サイト： https://pf.nekobooks.com/ ソース： https://github.com/yuneco/portfolio 機能・性能・運用を考えて作った結果、VueとFirebase(Web)の機能を一通り使ったサイトが出来上がりました。これからちょっと凝ったポートフォリオサイトを作りたい方向けに、どういう目的でどの機能を使ったのか、その時のポイントはなんだったのかを共有します。 2019.4.18追記 春なので期間限定1で桜が咲くアニメーションを追加してみました。単体のアニメーションはテストページで試せます。複雑に見えるか
20 Minimalist Portfolio Designs For Your Inspiration - Hongkiat
If you have a passion for white space and love sharp, clean design, the minimalist style would probably be right up your alley. In minimalist design, the main focus is on the content instead of heavy design effects. Basically, it does as the name suggest by keeping it simple. There’s a lot of potential for minimalist design in plenty of areas. As an artist, one of the ways you can use this is by i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebGL Portfolio
Awwwards - Website Awards - Best Web Design Trends
10分で自分のGitHubプロフィールをカッコ良くする - Qiita