Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
しがないラジオの作り方
Search
zuckey_17
December 18, 2017
Technology
0
2.9k
しがないラジオの作り方
https://shiganai.connpass.com/event/74300/
の発表資料です。
zuckey_17
December 18, 2017
Tweet
Share
More Decks by zuckey_17
See All by zuckey_17
お手並み拝見にしないオンボーディング
zuckey_17
2
2.3k
事業の試行錯誤を支える コードを捨てやすくして システムをシンプルに保つ設計と工夫
zuckey_17
10
5.2k
事業の試行錯誤を支えるピボットしやすいシステム設計と工夫 / Easy-to-pivot system design to support trial and error in business
zuckey_17
4
960
新規事業のOKRに寄り添う開発の意思決定 / Development decisions to lean on business OKRs
zuckey_17
2
590
Relearning Eloquent
zuckey_17
0
1.8k
Redash made inter-team communication active -
zuckey_17
2
5.1k
今更聞けないReact
zuckey_17
4
2k
Other Decks in Technology
See All in Technology
今!ソフトウェアエンジニアがハードウェアに手を出すには
mackee
6
1.6k
実運用で考える PGO
kworkdev
PRO
0
130
20250903_1つのAWSアカウントに複数システムがある環境におけるアクセス制御をABACで実現.pdf
yhana
2
250
モダンフロントエンド 開発研修
recruitengineers
PRO
9
6.1k
Jaws-ug名古屋_LT資料_20250829
azoo2024
3
210
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
250
おやつは300円まで!の最適化を模索してみた
techtekt
PRO
0
250
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
shinop
0
150
制約理論(ToC)入門
recruitengineers
PRO
9
3.7k
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
soneo1127
0
240
異業種出身エンジニアが気づいた、転向して十数年経っても変わらない自分の武器とは
macnekoayu
0
260
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
210
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
A designer walks into a library…
pauljervisheath
207
24k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
RailsConf 2023
tenderlove
30
1.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
11
1.1k
Transcript
しがないラジオの作り方 2017/12/18 @しがないラジオ忘年会 #1 @zuckey_17
- zuckey(ズッキー) - しがないラジオパーソナリティ •編集担当 - 株式会社Yappli •ソフトウェアエンジニア •PHP(Laravel) /
React.js 自己紹介
- 収録・編集裏話 - shiganai.org の実装 - 課題とこれから トピック
収録・編集裏話
どうもしがないラジオ編集担当のzuckeyです
収録機材 ~ ep.13 - ZOOM ズーム MSステレオマイクロフォン iQ7 + iPhone
7 Plus - 音質はそこまで悪くない - オンサイトでないと収録できない - 五反田の貸し会議室(マンションの一室)にて 毎週水曜朝7時半集合 => つらい
収録機材 ep.14 ~ - Blue Micro Yeti USB 2.0マイク 15374
+ Macbook - 在宅でのSkype収録が可能に! - 水曜朝7時から開始、収録時間が長くなる要因に(汗 - 個別の声を録音してマージする、ダブルエンダー方式(ドヤッ なので編集の幅が広がる(逆に色々削れてしまうので気にすると大変)
収録環境 - Skype + LadioCast + Soundflower - 下記2つの音声をそれぞれAudacityとGarageBandに ルーティングする
- 自分のみの音声 - Skype経由の2人の音声(バックアップ)
収録環境 -BEJP$BTU 4PVOEqPXFS 4PVOEqPXFS (BSBHF#BOE "VEBDJUZ 4LZQF 自分のみの音声 Skype経由の2人の音声
編集ソフトの使い分け - Garage Band - カット、オープニングの編集、個別音声のマージ - Audacity - 正規化、コンプレッサー、ノイズの除去
2つのソフトを使い分けるのは大変、 1つにしたいのでいい感じのソフトウェアを検討中
モノラルとステレオ - つい最近までステレオだった - 機材の問題?もあってか、ステレオ音声で片方が聞こえない現象が発生 - 容量が大きくなったり、妙な立体感が出てしまったり - 入出力をモノラルにしてすべて解消!!
shiganai.org の実装
None
None
機能 - エピソード一覧のリスト表示 - エピソード詳細ページ - エンベッドプレーヤーによる視聴 - ShowNote -
お便り投稿フォーム => Slackへ - Twitterハッシュタグの最新の表示 - パーソナリティーページ - ゲストページ https://github.com/zuckeyM-17/shiganai-radio-page
エピソード一覧・詳細 - エピソード一覧 - ホーム画面 - 投稿日、タイトル、ShowNotesの冒頭が表示されている - 「もっと見る」ボタンによって過去50件取得可能 -
エピソード詳細 - ShowNotes - エンベッドプレーヤー
お便り投稿フォーム・Twitter表示 - お便り投稿フォーム - Slackのincoming-webhookをXHR通信で利用 - Twitterアカウント名を記載していただくと、 パーソナリティのみのプライベートSlackにリンク付きで投稿される - Twitterハッシュタグの最新の表示
- Twitterの埋め込みを利用
パーソナリティーページ・ゲストページ - パーソナリティーページ - やりたかったのでタグクラウドっぽいものを実装 - コードの変更が面倒くさいので情報の更新はしていない ← - ゲストページ
- ゲストの出演しているエピソードを箇条書きで表示
利用している技術、サービス HTML CSS JS お便り 送信 ハッシュタグツイート取得 ツイートページへ エピソード一覧・取得 エンベッドプレーヤー
RSSフィード
SoundCloudの利用 - 音声ホスティング - ShowNotesホスティング - 取得API - エンベッドプレーヤー -
oEmbed API - RSS発行 => iTunes Podcastへ
SoundCloud API - https://developers.soundcloud.com/ - 利用するための情報が少ない - すべてのAPIで必要なCliend_idの取得方法が不明 - “Register
a new app”から取得という記載がある ものの、”currently unavailable”とのこと - 現在は、インスペクタからリクエスト情報を見て取得 → そんなはずはない?? → 情報募集します!!
SoundCloud API
課題とこれから
主な課題 - Audio関連知識の欠如 - Angularが必要か - SoundCloud依存
Audio関連知識の欠如 - 音ムラ - パーソナリティーの2人の声が大きすぎて、 ゲストの方が小さく聞こえる問題 - 編集ソフトで解決? - 編集時間の長さも継続的な公開には致命的
もう少し腰を据えて学習する必要あり、 CSOとかいないかな?(cf. https://ajito.fm/15/)
Angularが必要か - 特に高機能なWebサービスではないため、 高機能なフレームワークであるAngularが必要とは思えない - メンテができておらずAngularのバージョンも古い - 普段触っていない もう少し軽めなもので作り直す? @kazu_ponさんも出てくださったことですしVue.jsとか?
不具合報告 client_idが無効 ShowNoteに うまくエンコードされない絵文字があった APIが50エピソードまでしか 取ってくれていない
SoundCloud 依存 - Client_idがいつ無効になるのかわからない - 無効という概念があるのかすらよくわかっていない - 各エピソードのキーをSoundCloudが発行しているため きちんと管理していないと、個別ページ出し分けが難しい -
サービス自体いつくなるのか(ry RSSの移行を含め、困難はあると思うが他の仕組みで 代用することを検討中
λΠτϧΛݩʹࣗಈͰੜ͞ΕΔ ฤूՄೳͳͨΊϖʔδੜ࣌ʹؾ͍ͮͯ๏ଇੑΛ͕ͨͤͨ աڈʹϥϯμϜͳจࣈྻ͕ೖ͍ͬͯΔͷʜ https://shiganai.org/ep/sp13b-pupupopo88 ݅Ҏ্ͷΤϐιʔυΛಈతʹग़͚͠Δʹɺ ݸผϖʔδग़ྗͷͨΊʹɺ"1*ΛҾ͍͔ͯΒ ͜ͷLFZͱΤϐιʔυใͷIBTIΛ࡞͢Δඞཁ͕͋Δ 参考
これからも出来る限り皆さまの声を反映して より良いしがないラジオにしていきたいと考えておりますので これからもどうぞよろしくお願いいたします!!