![Presentation Report Accessibility
Conference Fukuoka 2023 #fukuoka_a11yconf](https://shibajuku.net/wp/wp-content/uploads/2023/11/eye-a11y-conf-2023-1-346x245.png)
Webの力で人も自分もワクワクさせたい。
Blog
しばひろ さんが書いた記事。
1 / 3 page
![Presentation Report Accessibility
Conference Fukuoka 2023 #fukuoka_a11yconf](https://shibajuku.net/wp/wp-content/uploads/2023/11/eye-a11y-conf-2023-1-346x245.png)
なぜHTMLだけなのか。拙著「武器になるHTML」の執筆を通して伝えたかったこと
![](https://shibajuku.net/wp/wp-content/uploads/2023/04/D2061612-51D5-46F2-AD03-E5D331C9DDAF-330-00000000D288FF5C-346x245.jpg)
動機、息切れに・・・
![](https://shibajuku.net/wp/wp-content/uploads/2022/02/4442c3eeeae1b3d37c12a3e876102ee4-346x245.png)
Shibajuku内のコーディング称号
![](https://shibajuku.net/wp/wp-content/uploads/2021/05/eyecatch-346x245.png)
オリジナルのフレキシブルCSSグリッドシステムを作ってみよう。
![](https://shibajuku.net/wp/wp-content/uploads/2021/02/c845459fec8ba349ccf1e3320d82dfb0-8-346x245.png)
未経験からフリーランスWebクリエイターになって10年経った僕の制作スタイル
![](https://shibajuku.net/wp/wp-content/uploads/2021/01/c845459fec8ba349ccf1e3320d82dfb0-346x245.png)
2020年Shibajukuはこんなことしました。
![](https://shibajuku.net/wp/wp-content/uploads/2020/12/c845459fec8ba349ccf1e3320d82dfb0-1-346x245.png)
Webサイトのfont-size・・・それでも僕は相対値。
![font-sizeそれでも僕は相対値。](https://shibajuku.net/wp/wp-content/uploads/2020/12/32346f41817ca7b9bfe9f3d8c36083eb-1-346x245.png)
Visual Studio Code のLive Serverを使って実機(iPhoneなど)でプレビューする方法。(PHPなども可能)
![VSCodeを使って実機でライブリロード](https://shibajuku.net/wp/wp-content/uploads/2020/09/c845459fec8ba349ccf1e3320d82dfb0-346x245.png)
リモートワークでも寂しくない!Discordを使ったリモート作業環境
![](https://shibajuku.net/wp/wp-content/uploads/2020/04/1e1b61262a18999f3261871ce38a4a8d.png)
サロンメンバー達とブログ型で更新していくタグ事典サイトを作りました
![](https://shibajuku.net/wp/wp-content/uploads/2020/04/bda3210c308897daea160d19abd31b24.png)
カード型コンポーネントの僕なりのHTMLとCSSを紹介
![](https://shibajuku.net/wp/wp-content/uploads/2020/02/9e6073dae6c4f0216d68fe8a2200d116.png)
CodeHero
しばひろ さんが書いたCodeHeroのリファレンス
Podcast
しばひろ さんが出演したシバジュク酒場
#94.依頼したくなるコーダーさんとは?Webデザイナーとコーダーの合いがけカレー論
#93.就活で紙芝居!?フリーランスデザイナーアッシーさんのお仕事ウラ話と就活
#89.「Tanemaki」のWebサイトを制作する中で、どんな風に二人がコミュニケーションを取ってサイトを完成させたのか
#88.くんちゃんの事業「Tanemaki」についてとnamiさんのお仕事以外でのコーディングとの向き合い方を聞いてみた。
#87.カレーフリークスのお二人にカレーラジオを始めた経緯や活動内容を聞いてみた。
#86.ReiさんにWeb制作の勉強を始めるきっかけや勉強方法を聞いてみた。
#85.株式会社raw様のWebサイトをReiさんがどのように作ったのか聞いてみた
#84.のび太さんのShibajuku活用法
#83.複数の制作会社さんで働いて感じたのび太さんのお仕事スタイルの話
#82.職業訓練で勉強してWeb制作会社に就職したのび太さんに訓練のお話や就職された時のお話を聞いてみた。
#81.JavaScriptの難しさについてあげたまさんと語ってみた。
#80.ビビッと来て即行動!奈良の素敵なWeb制作会社さんに就職したあげたまさんに、就活について聞いてみた。
#79.講師から制作会社に!!奈良の素敵なWeb制作会社さんで働いているあげたまさんに、Webに出会ったきっかけや勉強方法を聞いてみた。
#78.サロンで伝えたいことは「作ることだけがWebの勉強じゃない。」
#77.オンラインサロン「Shibajuku」の中で生まれる、コーディングを中心としたWebサイト制作のお仕事について
#76.コーディングをフリーランスのコーダーさんに外注する時はどんなところを見てスキルを判断する?
#75.Web制作会社さんにコーダーとして就職するためにはどんなスキルがあるといい?
#74.広告代理店で働くデザイナーさんのお仕事についてみこまさんに聞いてみた。
#73.バレンタインに「箱庭ショコラ」というブラウザで遊べる恋愛シュミレーションゲームをリリースした たりさんとみこまさんに裏話を聞いてみた(後編)
#72.バレンタインに「箱庭ショコラ」というブラウザで遊べる恋愛シュミレーションゲームをリリースした たりさんとみこまさんに裏話を聞いてみた(前編)
#71. ブラウザで遊べる脱出ゲーム「夏果て」の制作話をみこまさんに聞いてみた。
#70.どこに身を置くかで成長スピードは変わる
#69. フリーランスの僕たちに起こり得る!Webサイト制作でのトラブル
#68. フリーランスになってもうすぐ2年のはなさんとチームについてお喋り
#67. Shibajuku Summer Festivalを公開しました。
#66. 椅子の話「アーロンチェア」VS「エルゴヒューマン プロ」で語ってみた
#65. NOT4HさんのYouTubeに出演させて頂いた時の話をもとに10年前の話や王の話をしてみた。
#64. stand.fmとPodcastを両方やって来て見えた仮説
#63. Web制作オワコンなんだってよ。
#62. シナカフェさん、PENGIN(旧クリ★スタ)さんとのコラボ企画「シペカフェ」のYouTube Liveを終えて
#61.コロナ禍で楽しむ僕らの趣味
#60. おたんと10年前に通ってたWebスクールに突撃した話
#59.音声メディアと本の話
#58. はなさんと「心の反応」の話
#57. Shibajuku酒場はじめて1年が経ちました。
#56.もし今後誰かを採用するとするならば、どんな人材を採用したいかを聞いてみた。
#55. CreatorQuestについて喋ってみた
54.SNSなどの情報発信ってどんなことしてる?
#53. stand.fmをはじめて2週間経った。
#52.stand.fmを始めた!Podcastとの違いは?
#51. はなさんの2021の抱負を聞いてみた
#50.はなさんと振り返るしばたの2020年。
#49.はなさんと振り返る2020年。フリーランス1年目はどんな年だった?
#48. Webをどこで勉強する?職業訓練、スクール、専門学校の違いを講師の目線で喋ってみた。
#47. コーダー兼Webディレクターとして働くYushiさんの勉強方法
#46.コーダー兼Webディレクターとして働くYushiさんがWebを目指したきっかけ
#45.コロナ禍での就活!Webディレクターとして就職したtakuさんの就活の話
#44.約6ヶ月の勉強でWebディレクターとして就職したtakuさんの勉強法
#43. 課題解決を設計するWebデザイナーになりたいtakuさんのWebを始めたきっかけ
#42.なければ作ればいい!自分たちがわくわくするサイトを作るアイデア。
#41. インフラエンジニアからWeb広告の会社へ!しょうみゆさんのWebとの出会い(後編)
#40. インフラエンジニアからWeb広告の会社へ!しょうみゆさんのWebとの出会い(前編)
#39. 僕はコーディングやアクセシビリティに特化しているわけでないんです。
#38. 未経験からフリーランスWebデザイナーになった僕のやり方
#37. Shibajukuって一体どんなオンラインサロンなのか。
#36. Webサイト制作の予算やスケジュールで意識してることや工夫をしてること
#35.スランプとどう向き合う?デザインやアイデアが生まれない時の話
#34.サロンに毎日書いてる記事の情報収集や時間の使い方。
#33. 勉強してきたスキルは通用した?Web開発の会社に入ってささはるさんが感じたスキルのこと
#32. 転職していきなりリモート!ささはるさんのリモートワークでの働き方
#31. Webデザイナーに転職成功!ささはるさんが約1ヶ月の就活期間でやったこと。
#30. 開発環境どうしてる?ダラダラとお互いのWebサイト制作で使ってる開発環境の事を話してみた。
#29. Webデザイナーはコーディングができた方がいいのか?という答えのない話をしてみた。
#28. NoCodeツールによって僕らの仕事にどんな影響がでるのかをおたんをお喋り。
#27.フリーランスになって半年。フリーランスになってよかった。
#26. Web制作の仕事をするならやっぱりコミュニケーション力も大事。
#25. NoCodeツールよってWebサイト制作はどうなるのかな?
#24. Webは人と人とを繋げるツール!やりたいことを実現する為に身につけるWebのスキル。
#23. 作るだけがWebじゃない!みずなみさんがこれからやりたい2つのこと
#22. 5つのお仕事を掛け持ち!?みずなみさんがWebサイト制作のスキルを習得する理由
#21. お客様の右腕的な存在に!みこまさんが目指すフリーランス像とその準備
#20. Webデザイナーになった みこまさん が実践した勉強スタイルとポートフォリオの工夫
#19. アパレルからWebデザイナーに!みこまさんがWebデザイナーを目指した理由
#18. オンラインサロン「Shibajuku」を始めたきっかけ
#17. これからもお客様に価値を提供し続けるために、いろんなことにチャレンジしていく!
#16. Web制作会社で働くおたんの仕事内容と大事にしてること
#15. 10年ほど前の昔話。おたんとの出会いと、Web制作チームを作った時の話
#14. 営業しない営業!?フリーランスのWebクリエイターとしてどうやって営業していくのか
#13. 未経験フリーランスあるある!?未経験からフリーランスになったWebクリエーターの悩みや不安
#12. 未経験からフリーランスになった僕(しばた)がWebデザイナーになるまでの話
#11.Shibajukuに入って約1年!はなさんのShibajukuの活用法
#10.なぜ僕がWebアクセシビリティを意識しているのか
#9.就活用のポートフォリオサイトで、ささはるさんがアピールしたこと
#8.スクールで目立つ!スクールやオンラインサロンを活用した、ささはるさんの勉強法
#7. Webデザイナーになると決めた!ささはるさんが在職中に行った勉強
#6. 浦島太郎にならないために!フリーランスとして生きていく為の情報のキャッチアップ
#5.子育てしながら仕事をこなす!在宅フリーランスさおりさんの仕事時間の作り方
#4.活動のステージを変えた!WebデザイナーみーおさんのWebデザイナーになったきっかけと今のお仕事
#3.在宅でお仕事出来る!フリーランスWebクリエイターさおりさんのWebを始めたきっかけと現在の仕事
#2.マルチな働き方で活躍する!フリーランスWebデザイナーはなさんの目指す姿
#1. 趣味から仕事へ!フリーランスWebデザイナーはなさんのWebとの出会いと今のお仕事