LPやHPのデザイン〜コーディングまで一貫してお任せください🙋♀️✨｜デザインコンペ 優秀賞🏆 ｜figma設計→HTML/CSS→WordPress｜デイトラ｜岡山｜二児の母｜ 24時間連絡🆗｜ご依頼はDMまたはメールから｜💌[email protected]
ポートフォリオはこちら
Joined February 2024
- Tweets1.6K
- Following429
- Followers1.1K
- Likes25.5K
Pinned Tweet
【自分用メモ✍️】
デザインを作る前に考えること。
・クライアントが本当に叶えたいことは何か
・そのために必要なリサーチは十分か
・誰に届けたいのか
・見た人に何を感じ、どんな行動をしてほしいのか
・その目的を達成するために、このデザインが最適か
目的を達成するためのデザインを考える。
デザインは、見た目を整えることではなく、
目的を叶えるための手段。
34
1,556
ゆな｜Webデザイン&コーダー retweeted
言語障害や聴覚障害のある方でも、オンラインMTGに「声で参加」できるように。
Chrome拡張機能「フキダシ」を作りました🗣️
・相手の声はその場で字幕に
・こちらが打った文章はAIボイスで相手に届く
・「ありがとうございます」「承知しました」など、よく使う返答はワンクリックで即発声
・議題を事前に入れておけば、自動でヒアリング項目も生成
Google Meetとブラウザ版Zoomに対応していて、OpenAIのAPIキーを入力すれば誰でも使えます！
（※Zoom対応はベータ版です）
開発のきっかけは、聴覚障害のある受講生が「文字起こしでのヒアリング参加をお願いしたら、リアルタイムでのやり取りが難しいからと断られてしまった」というポストを見たこと。
仕事への意欲も実力もあるのに、「スムーズなやり取りが難しそう」という理由だけでチャンスを閉ざされてしまうのは、あまりにも世知辛い。
だったら、コミュニケーションの“前提条件”の方を変えてしまえばいい！
そう思って「フキダシ」を開発しました。
同じような想いを抱えている方の力に、少しでもなれたら嬉しいです。
開発のきっかけとなった、あいさんには「ぜひ紹介に使ってください」と快く許可もいただきました🙇
耳が聞こえにくい方、声で話すことが難しい方のオンライン会議の選択肢として、「フキダシ」を使ってもらえたら幸いです。
GitHubはこちら👇
github.com/showheyohtaki/fuk…
お手元のCodexやClaude Codeにこのページを渡して、「マニュアルに沿ってChromeに入れて」と一言お願いすればOKです🙆♂️
※より多くの方にとって使いやすいツールにしたいので、有識者・現役エンジニアの皆さんからのプルリクもお待ちしています！ #デイトラ
ちょっと悲しかった話🥲
お仕事のヒアリングで、耳が聞こえないため文字起こしの字幕での参加を相談したところ、リアルタイムでのやり取りが難しいとの理由で断られてしまった。
「聞こえないからできない」ではなく、
「どうすればできるか」を一緒に考えてもらえる社会になってほしい。
でも、ふと思った。
私はお客様の困りごとを解決する立場なのに、その私が相手に配慮をお願いすることって、どうなんだろう...🥹？
もちろん、相手にも事情があるし、無理にお願いしたいわけじゃないです！！
ただ、聞こえなくてもできることはたくさんあるし、チャットだってリアルタイムでやり取りできる。
仕事をするうえで、どこまで配慮をお願いしていいのか。。
障害と仕事って、難しいなあ！！
souさんからのご紹介で、
私もメンタリングを受けています☺️✨
先日初回セッションを終え、
自分の課題やこれからの方向性が
少しずつ見えてきました！
3ヶ月後、どれだけ成長できているか
楽しみです🌷
先日ポストしたメンタリングについて、私がお願いしているメンターの方についてご質問をいただいたので、こちらでもシェアします🙌
無料相談もあるので、ご自身の現状を整理したり、今後の方向性について相談してみるのもおすすめです🌱
発信されているnoteも、とても勉強になるのでぜひ📖
ご希望があれば、お繋ぎすることもできますので、お気軽にお声がけください〜！
x.gd/WZuVV
14
729
ゆな｜Webデザイン&コーダー retweeted
【5日間限定リリース記念割引！】
📣 販売開始のお知らせ🚀
Photoshopからのコーディングを時短できる
プラグイン
「Quick Style Extractor」をリリースしました！
PSDカンプからのスタイル確認からコード記述まで、コーディングの作業時間を約80％時短！
ワンクリックでコーディングに必要な情報を取得できます！👍
==========
Photoshopからのコーディングで、
こんな作業に時間を取られていませんか？
「フォントとサイズ見て、
カラーはパネルクリック…。
シャドウある？どこ見るんだっけ？
あぁ、テキストクリックしたらフォントが置き換わった😭」
テキスト1つのコーディングでも、
あちこちクリックしてスタイル情報を集めて、
コードに書くまで約24秒。
しかもPhotoshopが重いともっと時間がかかることも。
そんなPSDカンプのスタイル確認を効率化するのが「Quick Style Extractor」です！🙌
レイヤーをワンクリックするだけでスタイルを取得。
CSSとしてコピーできるので、そのままコードに貼り付けＯＫ！
レイヤークリックからコード記述まで5秒で完了✨
さらに、こんな機能も搭載！
📏 余白計測機能
レイヤー間の距離や余白をすばやく確認。
💻 AIコーディングにも活用
取得したCSSをAIに渡して、修正を依頼。
✌️ rem・vwへの変換設定
レスポンシブ対応を見据えたCSS取得もスムーズに！
PSDカンプのコーディングを効率化したい方、
スタイル確認やCSSの手作業を減らしたい方、
ぜひチェックしてみてください🐈
===========
🔴リリース記念で、今だけ50%OFF！ 🎉
定価7,980円→3,990円 ！
⏰11/10 23:59まで
購入ページ・割引クーポンはリプへ👇
オフラインでの交流は
刺激をもらえてやっぱりいいですね🔥🥹
また頑張ろうと思えました！
11月の岡山オフ会の日は予定があり
行けなくてざんねん…🥲
たくさんの方が集まりますように🙏
蒼山さんのお店チョイスも楽しみです🤭✨
今日は岡山のデイトラ生で作業会💻🍑
・蒼山さん @aoyamadatta
・ゆなさん @ynweb224
と、仕事やAIの話で持ちきりでした🤭🎈
またサクッとやりましょう〜🙌🏻
11月は岡山オフ会もあるので楽しみ！
県内の方も県外の方も、たくさんのご参加お待ちしてます🍡🤍
制作会社の方から
「想像以上に素敵なデザインで、
感動しました！」と言っていただけて
初めてご一緒するからどきどきだったけど
うれしすぎました…🥹🤍
最近、自分の得意なデザインと
苦手なデザインがわかってきたので
得意なものはもっと伸ばして、
苦手も克服できるように頑張ります☺️
45
774
ライティングの本を読んで、
その後経験のある方から
実務のアドバイスもいただいて、
文章の大切さをかなり実感しました。
今作っているサイトは
ClaudeとChatGPTにそれぞれ相談しながら、
ああでもないこうでもないと
一言一句かなり考えながら作っています🤔
たくさんの人に届くサイトにしたい！
24
488
昨日は義母のHP制作に向けてヒアリング👂🤍
事業への想いは聞いていたけど、
改めてじっくり聞くと
うるっとしてしまった🥹
どんな想いで、誰の力になりたいのか
直接聞く時間って大切だな〜と感じました。
この想いがしっかり伝わるサイトにしたい！
28
603
昨日はお気に入りの場所で
美味しいものを食べながら作業しました🧀
気分転換になって、
またがんばろう！と前向きな気持ちに🙆♀️✨
AIを活用して収支管理を自動化するツールを作ったり、
エンド営業に向けた準備を進めたり。
これからのことを考えるいい一日になりました🌼
1
30
691
通勤中に読んでるこの本がよすぎて📚
まだ半分も読んでないのに、
自分のエンド営業用LPが
作りたくなってきたので
少しずつ構成を練ってます✍🏻💭
せっかく作るなら、
ちゃんとお問い合わせにつながるLPにしたい…！
1
35
687
今日も制作会社様と
面談をさせていただきました！
実務経験1年くらいですと
お伝えしたらかなりびっくりされて、
「デザインを見て、もっと長くやっている方
だと思ってました！」
と言っていただけて、うれしすぎました🥹🥹🙌
Xに公開できるサイトもあるので
また後日アップします！
案件が重なっていたものが、
全て確認待ちになりました🙌
本業や子育てをしつつ、
週に50時間ほど稼働した2週間でした😂
かなり詰め込んだ…！
明日からは初めてのSWELL案件がスタートするので、
今日は構築しているYouTubeを見あさって
しっかり予習します💻🔥
38
927
クライアント様におすすめして
いただいた本が届きました📚
最近、デザインだけじゃなくて
ライティングとかマーケティングも
もっと知りたい欲がすごい、、！
まずはこの2冊を
案件の合間に少しずつ読む✍️
読み終わったらデイトラの学び放題の
ライティングとマーケティングの
カリキュラムも見てみよう〜🔥
#デイトラ
26
768
ゆな｜Webデザイン&コーダー retweeted
デザイン事務所で新卒さんが入ってきたとき教える事
その19
これを使えば間違いない名作欧文フォント10選【サンセリフ編】
デザインに品位と完成度を加えるには、歴史のなかで評価が確定してきた名作フォントに頼ろう
棒のさきに爪のような「セリフ」がないのがサンセリフ書体。以前はゴシック体ともいわれていた。
Helvetica ヘルベチカ
サンセリフ書体の最高峰。計算されつくした形状。力強い王道感
Frutiger フルティガー
新しい感覚のスタンダード書体。曲線がゆるやかで明るいイメージ
Universe ユニバース
ヘルベチカよりソフトで洗練されたイメージになる
Futura フーツラ
1923年につくられた書体だけどフランス雑誌ELLEなどにも使われていた。おしゃれ
DIN ディン
ユニクロロゴのもとになった。工業的で無機的なイメージ。1930年代ドイツが原型だけど今の時代にぴったり
Avenir アベニール
Oが円に近かったり幾何学的シンプルさが「かわいい」ソフトなイメージ
Optima オプティマ
線が直線ではなく少しカーブしている。碑文がもとになった優美な書体。化粧品のロゴなどに合うエレガントさがある
Gill Sans ギルサン
イギリスで生まれた書体。幾何学的ななかにもしゃれた感覚と優雅さある個性的なサンセリフ。ファッションや食品などソフトなイメージにあう
Berthold Akzidenz Grotesk
ベアトルド アクチデンツ グロテスク
ヘルベチカなどより以前、クラシックなゴシック体。太めでタテ長のがっしりとしたバリエーションは企業ロゴなどに適している
Franklin Gothic フランクリンゴシック
これもクラシックなタイプのゴシック体。倉庫っぽいカフェのロゴなどにぴったり
※個人的な好みがかなりはいっています※
