Toshiki@宮城のWebコーダー
@atejin.bsky.social
宮城県岩沼市でフリーランスWebコーダーをしています。
経歴：高卒▶工場勤務▶Web制作会社▶独立
Web制作6年目｜MBTI：ISTJ-T
コーディング代行・WordPress構築（クラシックテーマ）承ります。
ご相談はチャットまたは事業サイト（ https://atejin.com/ ）からお問い合わせください✉️
岩手→宮城（2019/10〜）
Bluesky登録：24/02/10
経歴：高卒▶工場勤務▶Web制作会社▶独立
Web制作6年目｜MBTI：ISTJ-T
コーディング代行・WordPress構築（クラシックテーマ）承ります。
ご相談はチャットまたは事業サイト（ https://atejin.com/ ）からお問い合わせください✉️
岩手→宮城（2019/10〜）
Bluesky登録：24/02/10
【シナカフェカレンダー2026がリリース🎉】
シナカフェの有志クリエイターで、2026年カレンダーを制作しました！
イラストの確認・ご購入はこちらから↓
creators-synergy-cafe.com/calendar2026...
今回もLPのコーディングを担当しました！
シナカフェの有志クリエイターで、2026年カレンダーを制作しました！
イラストの確認・ご購入はこちらから↓
creators-synergy-cafe.com/calendar2026...
今回もLPのコーディングを担当しました！
シナカフェカレンダープロジェクト2026 verB
ver.B - Webクリエイター総合コミュニティ クリエイターズ・シナジーカフェ（通称：シナカフェ）のイラスト部員によるポストカードサイズのカレンダー2026年版が完成！ご購入はこちら
creators-synergy-cafe.com
December 24, 2025 at 1:35 AM
【シナカフェカレンダー2026がリリース🎉】
シナカフェの有志クリエイターで、2026年カレンダーを制作しました！
イラストの確認・ご購入はこちらから↓
creators-synergy-cafe.com/calendar2026...
今回もLPのコーディングを担当しました！
シナカフェの有志クリエイターで、2026年カレンダーを制作しました！
イラストの確認・ご購入はこちらから↓
creators-synergy-cafe.com/calendar2026...
今回もLPのコーディングを担当しました！
車の12か月点検のついでに、スタッドレスタイヤへの交換も済ませてきました🚙
タイヤは前回買い替えて5年ほど経っているので、使うのは今シーズンで最後になりそう。
それにヘッドライトやバッテリーなどの状態も万全ではないとのこと(^^;;
今の車には13年乗ってるし、さすがに買い換えかなぁ。
タイヤは前回買い替えて5年ほど経っているので、使うのは今シーズンで最後になりそう。
それにヘッドライトやバッテリーなどの状態も万全ではないとのこと(^^;;
今の車には13年乗ってるし、さすがに買い換えかなぁ。
December 10, 2025 at 4:39 AM
車の12か月点検のついでに、スタッドレスタイヤへの交換も済ませてきました🚙
タイヤは前回買い替えて5年ほど経っているので、使うのは今シーズンで最後になりそう。
それにヘッドライトやバッテリーなどの状態も万全ではないとのこと(^^;;
今の車には13年乗ってるし、さすがに買い換えかなぁ。
タイヤは前回買い替えて5年ほど経っているので、使うのは今シーズンで最後になりそう。
それにヘッドライトやバッテリーなどの状態も万全ではないとのこと(^^;;
今の車には13年乗ってるし、さすがに買い換えかなぁ。
昨夜の地震ほんとビビった😟
しばらく寝付けなかったわ。
しばらく寝付けなかったわ。
December 9, 2025 at 3:44 AM
昨夜の地震ほんとビビった😟
しばらく寝付けなかったわ。
しばらく寝付けなかったわ。
Nano Banana Pro APIの新規機能は Gemini Web版で利用できるの！？ (Gemini 3 Pro Image)｜モヒにゃぱん zenn.dev/mohy_nyapan/... #zenn
Nano Banana Pro APIの新規機能は Gemini Web版で利用できるの！？ (Gemini 3 Pro Image)
zenn.dev
November 22, 2025 at 3:31 AM
Nano Banana Pro APIの新規機能は Gemini Web版で利用できるの！？ (Gemini 3 Pro Image)｜モヒにゃぱん zenn.dev/mohy_nyapan/... #zenn
ようやくGeminiを導入しました😊
November 19, 2025 at 1:05 AM
ようやくGeminiを導入しました😊
ここ数日、インスタで複数の知人になりすました偽アカからフォロー＆DMが届いてる…(^^;;
最初のメッセージからして違和感ありまくり。
最初のメッセージからして違和感ありまくり。
November 15, 2025 at 2:49 AM
ここ数日、インスタで複数の知人になりすました偽アカからフォロー＆DMが届いてる…(^^;;
最初のメッセージからして違和感ありまくり。
最初のメッセージからして違和感ありまくり。
ブラウザのサポート状況的に問題なさそうだし、そろそろコンテナクエリ触ってみようかな。
メディアクエリの限界を超える！CSS Container Queries完全ガイド｜saku zenn.dev/jabo_sack/ar... #zenn
メディアクエリの限界を超える！CSS Container Queries完全ガイド｜saku zenn.dev/jabo_sack/ar... #zenn
メディアクエリの限界を超える！CSS Container Queries完全ガイド
zenn.dev
November 8, 2025 at 6:04 AM
ブラウザのサポート状況的に問題なさそうだし、そろそろコンテナクエリ触ってみようかな。
メディアクエリの限界を超える！CSS Container Queries完全ガイド｜saku zenn.dev/jabo_sack/ar... #zenn
メディアクエリの限界を超える！CSS Container Queries完全ガイド｜saku zenn.dev/jabo_sack/ar... #zenn
ChatGPTで自分のキャラアイコンを作ってみた😊
November 4, 2025 at 11:02 AM
ChatGPTで自分のキャラアイコンを作ってみた😊
【完全無料】今日からやるべき"40秒"議事録作成 #本気AI
ma-ji.ai/articles/0d5...
スマホのボイスメモとGoogle AI Studioを組み合わせて、精度の高い議事録を作成する方法が紹介されていました。
完全無料で使える一方、GoogleのAI学習にデータが利用されるため、機密性の高い会議には不向きとのこと。
代替ツールとしてPlaudも紹介されており、先日購入したPlaud NotePinの使い心地が快適だったので、改めて導入してよかったと実感しました。
ma-ji.ai/articles/0d5...
スマホのボイスメモとGoogle AI Studioを組み合わせて、精度の高い議事録を作成する方法が紹介されていました。
完全無料で使える一方、GoogleのAI学習にデータが利用されるため、機密性の高い会議には不向きとのこと。
代替ツールとしてPlaudも紹介されており、先日購入したPlaud NotePinの使い心地が快適だったので、改めて導入してよかったと実感しました。
【完全無料】今日からやるべき"40秒"議事録作成 | 本気AI
毎日10分で最先端のAIを使いこなす人材へ。徹底検証したマジ便利なAI活用だけを紹介！知識ゼロでも楽しく気軽に学べる本気AIで、あなたもAIマスターに！
ma-ji.ai
October 18, 2025 at 10:53 AM
【完全無料】今日からやるべき"40秒"議事録作成 #本気AI
ma-ji.ai/articles/0d5...
スマホのボイスメモとGoogle AI Studioを組み合わせて、精度の高い議事録を作成する方法が紹介されていました。
完全無料で使える一方、GoogleのAI学習にデータが利用されるため、機密性の高い会議には不向きとのこと。
代替ツールとしてPlaudも紹介されており、先日購入したPlaud NotePinの使い心地が快適だったので、改めて導入してよかったと実感しました。
ma-ji.ai/articles/0d5...
スマホのボイスメモとGoogle AI Studioを組み合わせて、精度の高い議事録を作成する方法が紹介されていました。
完全無料で使える一方、GoogleのAI学習にデータが利用されるため、機密性の高い会議には不向きとのこと。
代替ツールとしてPlaudも紹介されており、先日購入したPlaud NotePinの使い心地が快適だったので、改めて導入してよかったと実感しました。
フリーランス新法対応の業務委託契約書テンプレートがようやく完成。
配布されたテンプレートをベースにしているけど、そのまま使うのは難しかったので、ここ数日調整してました。
何度も読み返したり調べたりして、なかなか大変だった😮💨
配布されたテンプレートをベースにしているけど、そのまま使うのは難しかったので、ここ数日調整してました。
何度も読み返したり調べたりして、なかなか大変だった😮💨
October 13, 2025 at 10:38 AM
フリーランス新法対応の業務委託契約書テンプレートがようやく完成。
配布されたテンプレートをベースにしているけど、そのまま使うのは難しかったので、ここ数日調整してました。
何度も読み返したり調べたりして、なかなか大変だった😮💨
配布されたテンプレートをベースにしているけど、そのまま使うのは難しかったので、ここ数日調整してました。
何度も読み返したり調べたりして、なかなか大変だった😮💨
Plaud NotePin買いました☺️
話を聞きながらメモを取るのが苦手なので、めっっっちゃありがたい🙏
聞くことに集中するとメモの手が止まるし、メモに意識を向けると、言葉は聞き取れても内容が入ってこなかったりするので…（汗）
仕事の打ち合わせで使っていきます！
jp.plaud.ai
話を聞きながらメモを取るのが苦手なので、めっっっちゃありがたい🙏
聞くことに集中するとメモの手が止まるし、メモに意識を向けると、言葉は聞き取れても内容が入ってこなかったりするので…（汗）
仕事の打ち合わせで使っていきます！
jp.plaud.ai
October 10, 2025 at 4:18 AM
Plaud NotePin買いました☺️
話を聞きながらメモを取るのが苦手なので、めっっっちゃありがたい🙏
聞くことに集中するとメモの手が止まるし、メモに意識を向けると、言葉は聞き取れても内容が入ってこなかったりするので…（汗）
仕事の打ち合わせで使っていきます！
jp.plaud.ai
話を聞きながらメモを取るのが苦手なので、めっっっちゃありがたい🙏
聞くことに集中するとメモの手が止まるし、メモに意識を向けると、言葉は聞き取れても内容が入ってこなかったりするので…（汗）
仕事の打ち合わせで使っていきます！
jp.plaud.ai
Reposted by Toshiki@宮城のWebコーダー
AI時代は「基礎スキル」を持つ人材の価値がむしろ高まり、スキルの「二極化」が起こります。
本当に価値あるスキルとは何か？
その本質を解説します。
↓ ↓ ↓
【AI時代でもWebデザインやコーディング、プログラミング学習は無駄にならない。基礎が重要な理由とは】
blanche-toile.com/web/ai-web-s...
#プログラミング学習 #Webデザイン #AI #仕事 #スキルアップ
本当に価値あるスキルとは何か？
その本質を解説します。
↓ ↓ ↓
【AI時代でもWebデザインやコーディング、プログラミング学習は無駄にならない。基礎が重要な理由とは】
blanche-toile.com/web/ai-web-s...
#プログラミング学習 #Webデザイン #AI #仕事 #スキルアップ
AI時代でもWebデザインやコーディング、プログラミング学習は無駄にならない。基礎が重要な理由とは
「AIでWebデザインやプログラミングの学習は無駄になる？」そんな不安を現役エンジニアが解決します。実はAI時代だからこそ「基礎スキル」の価値は高まります。学習を続けるべき理由と、AIを使いこなし価値を高める人材になる方法について解説します。
blanche-toile.com
September 27, 2025 at 1:38 PM
AI時代は「基礎スキル」を持つ人材の価値がむしろ高まり、スキルの「二極化」が起こります。
本当に価値あるスキルとは何か？
その本質を解説します。
↓ ↓ ↓
【AI時代でもWebデザインやコーディング、プログラミング学習は無駄にならない。基礎が重要な理由とは】
blanche-toile.com/web/ai-web-s...
#プログラミング学習 #Webデザイン #AI #仕事 #スキルアップ
本当に価値あるスキルとは何か？
その本質を解説します。
↓ ↓ ↓
【AI時代でもWebデザインやコーディング、プログラミング学習は無駄にならない。基礎が重要な理由とは】
blanche-toile.com/web/ai-web-s...
#プログラミング学習 #Webデザイン #AI #仕事 #スキルアップ
眼球の再現度すごっ！
HTML/CSSだけでここまで再現できるものなのか👁️
リアルな眼球を描く。HTMLとCSSだけで。 第２章 ~こいつ、動くぞッ！？~ qiita.com/ichimonji_ha... #Qiita
HTML/CSSだけでここまで再現できるものなのか👁️
リアルな眼球を描く。HTMLとCSSだけで。 第２章 ~こいつ、動くぞッ！？~ qiita.com/ichimonji_ha... #Qiita
リアルな眼球を描く。HTMLとCSSだけで。 第２章 ~こいつ、動くぞッ！？~ - Qiita
前回までのあらすじ 昔、「リアルな眼球を描く。HTMLとCSSだけで。」という記事を書きました。 当時の自分の知る限りのCSSテクニックを注ぎ込み、 納得できるだけの仕上がりの眼球ができたと思います。 しかし、この記事を書いてから早いもので6年ほどの月日が過ぎました...
qiita.com
September 27, 2025 at 2:44 AM
眼球の再現度すごっ！
HTML/CSSだけでここまで再現できるものなのか👁️
リアルな眼球を描く。HTMLとCSSだけで。 第２章 ~こいつ、動くぞッ！？~ qiita.com/ichimonji_ha... #Qiita
HTML/CSSだけでここまで再現できるものなのか👁️
リアルな眼球を描く。HTMLとCSSだけで。 第２章 ~こいつ、動くぞッ！？~ qiita.com/ichimonji_ha... #Qiita
CSSに問題がないか、保守性・複雑性・パフォーマンスの面から解析し、改善点を教えてくれるツール -CSS Code Quality Analyzer coliss.com/articles/bui...
CSSに問題がないか、保守性・複雑性・パフォーマンスの面から解析し、改善点を教えてくれるツール -CSS Code Quality Analyzer
Webサイトに使用されているCSSをはじめ、自分で書いたCSSに問題がないか解析し、改善点を教えてくれる無料ツールを紹介します。 CSSは、保守性、複雑性、パフォーマンスの面から解析され、問題がある箇
coliss.com
September 20, 2025 at 4:02 AM
CSSに問題がないか、保守性・複雑性・パフォーマンスの面から解析し、改善点を教えてくれるツール -CSS Code Quality Analyzer coliss.com/articles/bui...
今さら感ありますが、ChatGPTに課金しました😌
今後はフル活用していきたいと思います！
今後はフル活用していきたいと思います！
September 8, 2025 at 10:03 AM
今さら感ありますが、ChatGPTに課金しました😌
今後はフル活用していきたいと思います！
今後はフル活用していきたいと思います！
Sourcetreeを使っていますが、コマンド操作する人との共有を考えると、ブランチ名にシングルクォートは避けた方が無難ですね。
Gitのブランチ名にシングルクォーテーションを入れたらコマンドが面倒くさくなった｜ぺー zenn.dev/pepepepepei/... #zenn
Gitのブランチ名にシングルクォーテーションを入れたらコマンドが面倒くさくなった｜ぺー zenn.dev/pepepepepei/... #zenn
Gitのブランチ名にシングルクォーテーションを入れたらコマンドが面倒くさくなった
zenn.dev
September 6, 2025 at 4:08 AM
Sourcetreeを使っていますが、コマンド操作する人との共有を考えると、ブランチ名にシングルクォートは避けた方が無難ですね。
Gitのブランチ名にシングルクォーテーションを入れたらコマンドが面倒くさくなった｜ぺー zenn.dev/pepepepepei/... #zenn
Gitのブランチ名にシングルクォーテーションを入れたらコマンドが面倒くさくなった｜ぺー zenn.dev/pepepepepei/... #zenn
本日、開業4周年を迎えました🎉
この1年も関わらせていただいたさまざまな案件や出会いを通して、多くの学びと経験を得ることができました。
本当にありがとうございます🙌
9/1〜9/30まで、開業記念キャンペーンを実施していますのでこの機会にぜひご検討ください。
atejin.com
この1年も関わらせていただいたさまざまな案件や出会いを通して、多くの学びと経験を得ることができました。
本当にありがとうございます🙌
9/1〜9/30まで、開業記念キャンペーンを実施していますのでこの機会にぜひご検討ください。
atejin.com
September 1, 2025 at 4:04 AM
本日、開業4周年を迎えました🎉
この1年も関わらせていただいたさまざまな案件や出会いを通して、多くの学びと経験を得ることができました。
本当にありがとうございます🙌
9/1〜9/30まで、開業記念キャンペーンを実施していますのでこの機会にぜひご検討ください。
atejin.com
この1年も関わらせていただいたさまざまな案件や出会いを通して、多くの学びと経験を得ることができました。
本当にありがとうございます🙌
9/1〜9/30まで、開業記念キャンペーンを実施していますのでこの機会にぜひご検討ください。
atejin.com
insetにマイナス指定すると、上下左右に要素がはみ出して広がるのは知らなかった😳
クリックエリアを広げるときに便利なんですね。
【これは疑似要素の便利な使い方！ レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック】
coliss.com/articles/bui...
クリックエリアを広げるときに便利なんですね。
【これは疑似要素の便利な使い方！ レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック】
coliss.com/articles/bui...
これは疑似要素の便利な使い方！ レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック
ボタンやアイコンなどでクリック・タップ可能なエリアを広げたいと思ったことがあると思います。a要素をブロックにしてpaddingを加えたり、JavaScriptを使用したりといった方法がありますが、今回
coliss.com
August 30, 2025 at 7:04 AM
insetにマイナス指定すると、上下左右に要素がはみ出して広がるのは知らなかった😳
クリックエリアを広げるときに便利なんですね。
【これは疑似要素の便利な使い方！ レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック】
coliss.com/articles/bui...
クリックエリアを広げるときに便利なんですね。
【これは疑似要素の便利な使い方！ レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック】
coliss.com/articles/bui...
業務委託で度々履歴書を求められることがあったので、手が空いているうちに業務委託用の履歴書を作成。
Wordで作成したら思った以上に苦戦した😅
Excel含めて5年以上前にMOS資格取ったけど、それ以降は共有されたファイルを開くことはあっても、作成はしなかったのですっかり忘れてる。
Wordで作成したら思った以上に苦戦した😅
Excel含めて5年以上前にMOS資格取ったけど、それ以降は共有されたファイルを開くことはあっても、作成はしなかったのですっかり忘れてる。
August 25, 2025 at 4:41 AM
業務委託で度々履歴書を求められることがあったので、手が空いているうちに業務委託用の履歴書を作成。
Wordで作成したら思った以上に苦戦した😅
Excel含めて5年以上前にMOS資格取ったけど、それ以降は共有されたファイルを開くことはあっても、作成はしなかったのですっかり忘れてる。
Wordで作成したら思った以上に苦戦した😅
Excel含めて5年以上前にMOS資格取ったけど、それ以降は共有されたファイルを開くことはあっても、作成はしなかったのですっかり忘れてる。
PerplexityのCometブラウザ試してみようかな。
www.perplexity.ai/comet/ja
www.perplexity.ai/comet/ja
Comet Browser: Browse at the speed of thought
PerplexityによるComet Browserは、あなたの時間を節約するAIブラウザです。タスクの自動化、質問の受付、ウェブリサーチなど、Cometで様々なことができます。
www.perplexity.ai
August 20, 2025 at 1:34 AM
PerplexityのCometブラウザ試してみようかな。
www.perplexity.ai/comet/ja
www.perplexity.ai/comet/ja
Reposted by Toshiki@宮城のWebコーダー
WordPress 用プラグイン Advanced Custom Fields に HTMLインジェクションの脆弱性
scan.netsecurity.ne.jp/article/2025...
#WordPress #Security #セキュリティ
scan.netsecurity.ne.jp/article/2025...
#WordPress #Security #セキュリティ
WordPress 用プラグイン Advanced Custom Fields に HTMLインジェクションの脆弱性 | ScanNetSecurity
独立行政法人情報処理推進機構（IPA）および一般社団法人JPCERT コーディネーションセンター（JPCERT/CC）は8月8日、WordPress用プラグインAdvanced Custom FieldsにおけるHTMLインジェクションの脆弱性について「Japan Vulnerability Notes（JVN）」で発表した。
scan.netsecurity.ne.jp
August 18, 2025 at 11:03 AM
WordPress 用プラグイン Advanced Custom Fields に HTMLインジェクションの脆弱性
scan.netsecurity.ne.jp/article/2025...
#WordPress #Security #セキュリティ
scan.netsecurity.ne.jp/article/2025...
#WordPress #Security #セキュリティ
August 12, 2025 at 1:42 AM
CSSの単位がたくさんあり何を使えばよいか迷った時に、フォント、スペース、ポジション、要素の幅・高さに最適な単位は coliss.com/articles/bui...
CSSの単位がたくさんあり何を使えばよいか迷った時に、フォント、スペース、ポジション、要素の幅・高さに最適な単位は
CSSには便利な単位がたくさんあります。よく使用する単位として絶対単位（pxなど）や相対単位（em, rem, %など）をはじめ、Gridの単位（fr）やビューポート単位（vw, vhなど）があります
coliss.com
August 2, 2025 at 2:51 AM
CSSの単位がたくさんあり何を使えばよいか迷った時に、フォント、スペース、ポジション、要素の幅・高さに最適な単位は coliss.com/articles/bui...