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.8k
しがないラジオの作り方
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.1k
事業の試行錯誤を支える コードを捨てやすくして システムをシンプルに保つ設計と工夫
zuckey_17
10
4.9k
事業の試行錯誤を支えるピボットしやすいシステム設計と工夫 / Easy-to-pivot system design to support trial and error in business
zuckey_17
4
940
新規事業のOKRに寄り添う開発の意思決定 / Development decisions to lean on business OKRs
zuckey_17
1
540
Relearning Eloquent
zuckey_17
0
1.8k
Redash made inter-team communication active -
zuckey_17
2
5k
今更聞けないReact
zuckey_17
4
2k
Other Decks in Technology
See All in Technology
「ラベルにとらわれない」エンジニアでいること/Be an engineer beyond labels
kaonavi
0
220
Tirez profit de Messenger pour améliorer votre architecture
tucksaun
1
200
7,000名規模の 人材サービス企業における プロダクト戦略・戦術と課題 / Product strategy, tactics and challenges for a 7,000-employee staffing company
techtekt
0
210
大規模アジャイル開発のリアル!コミュニケーション×進捗管理×高品質
findy_eventslides
0
700
Symfony in 2025: Scaling to 0
fabpot
2
270
Amebaにおける Platform Engineeringの実践
kumorn5s
5
830
Restarting_SRE_Road_to_SRENext_.pdf
_awache
1
220
大規模プロジェクトにおける 品質管理の要点と実践 / 20250327 Suguru Ishii
shift_evolve
0
320
AIエージェントの地上戦 〜開発計画と運用実践 / 2025/04/08 Findy W&Bミートアップ #19
smiyawaki0820
17
4.6k
Road to SRE NEXT@仙台 IVRyの組織の形とSLO運用の現状
abnoumaru
1
450
OPENLOGI Company Profile for engineer
hr01
1
23k
「家族アルバム みてね」を支えるS3ライフサイクル戦略
fanglang
4
600
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
223
9.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Visualization
eitanlees
146
16k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
135
33k
Building Adaptive Systems
keathley
41
2.5k
Practical Orchestrator
shlominoach
186
10k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
360
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
It's Worth the Effort
3n
184
28k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
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Λ࡞͢Δඞཁ͕͋Δ 参考
これからも出来る限り皆さまの声を反映して より良いしがないラジオにしていきたいと考えておりますので これからもどうぞよろしくお願いいたします!!