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.4k
事業の試行錯誤を支える コードを捨てやすくして システムをシンプルに保つ設計と工夫
zuckey_17
10
5.3k
事業の試行錯誤を支えるピボットしやすいシステム設計と工夫 / 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
600
Relearning Eloquent
zuckey_17
0
1.9k
Redash made inter-team communication active -
zuckey_17
2
5.1k
今更聞けないReact
zuckey_17
4
2k
Other Decks in Technology
See All in Technology
データエンジニアがこの先生きのこるには...?
10xinc
0
450
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
220
多野優介
tanoyusuke
1
470
Large Vision Language Modelを用いた 文書画像データ化作業自動化の検証、運用 / shibuya_AI
sansan_randd
0
110
AWSにおけるTrend Vision Oneの効果について
shimak
0
130
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
1
520
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す:設計と活用事例
fumiyasac0921
0
150
BirdCLEF+2025 Noir 5位解法紹介
myso
0
200
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
9.1k
バイブコーディングと継続的デプロイメント
nwiizo
2
440
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
sagara
0
220
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
100
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
How GitHub (no longer) Works
holman
315
140k
Building Adaptive Systems
keathley
43
2.8k
Writing Fast Ruby
sferik
629
62k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Documentation Writing (for coders)
carmenintech
75
5k
Building Applications with DynamoDB
mza
96
6.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Side Projects
sachag
455
43k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Agile that works and the tools we love
rasmusluckow
331
21k
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Λ࡞͢Δඞཁ͕͋Δ 参考
これからも出来る限り皆さまの声を反映して より良いしがないラジオにしていきたいと考えておりますので これからもどうぞよろしくお願いいたします!!