筑波大学学園祭 Web サイト構築の舞台裏
年の瀬ですね。こんにちは、いなにわうどん（@kyoto_mast21）です。 11 月 5, 6 日に、筑波大学では雙峰祭（そうほうさい）と呼ばれる学園祭が開催されました。私は雙峰祭 Web サイトのフロントエンドのデザインや実装を主に担当したので、その工夫や裏話的なものを少しお話しできればと思います。 Web サイトの開発光景 本稿は 学園祭非公式 Advent Calendar 2022 の 14 日目の記事です。12 日目の担当は issy さんでした[1]。 背景 学園祭の運営を担う筑波大学学園祭実行委員会には、情報メディアシステム局[2]（以下、jsys）と呼ばれる部門が存在しています。jsys では、学園祭で使用する映像の制作・生中継[3]等に加え、学園祭運営に必要な各種システムや Web サイトの内製を担当しています。 例年、雙峰祭の前後 1 ヶ月程度は、その年のテーマに合わ
デザインカンファレンスのライブ配信サイトを開発した話
Designshipカンファレンスサイト 2021年10月23、24日に「Designship | 業界の壁を越えた、日本最大級のデザインカンファレンス」がオンラインで行われます。 オンラインなのでライブ配信が必要です。 今回はそのライブ配信サイトを自作しました。 Designshipは2020年にもオンラインで開催しており、ライブ配信サイトはその頃に開発し、実際にカンファレンスで使用しています。 2021年の今年もオンライン開催なので、2020年からブラッシュアップを重ねてきました。 こちらがライブ配信画面になります。 実際のライブ配信画面 今回はそのライブ配信サイトを開発した経緯から技術構成まで紹介します。 このご時世なので、まだまだライブ配信が必要なイベントは多いと思います。 参考になれば幸いです。 ライブ配信サイトを自作することになった経緯 ライブ配信サイトを自作するには労力やさま
1.9万いいねされた『カフェペディア』の「企画」と「技術」と「数字」の全てを公開｜hatsu｜note
こんにちは、hatsuです。 9月12日に公開した『カフェペディア』という個人で作ったサービスについて、大きな反響をいただいたので、反響を頂くまでにやったことなど1ヶ月経ったタイミングなので赤裸々に裏側をお話しします。 カフェペディアとは 発案リリースは2018年9月12日ですが、発案は2018年6月6日あたりです。思いついたサービスは、Evernoteにメモするようにしています。 （似たサービスと公式のチェーン店HPに載っている情報をリストアップしてました↓） 当初は「電源カフェ」ってサービスが既にあるし、よりニッチに絞って「喫煙カフェ」か「Wi-Fiカフェ」にしようかなど考えていました。 検索ボリュームを調べてもあまり大差なかったです。で、とりあえず今までなくて今後規模小さくなってくから競合少ないと考えて「喫煙カフェ」で進めていました。 デザインカフェペディアはSPAでサクサク調べられ
ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
ローンチしたサイトに人がこない。
作った理由最近、小さなWebサイトをローンチしたわけですが、「自分でもサイトを作れるんだ！」という自信が持てた。 -今度は、世の中の人のためになるようなWebサイトを作ろうと思った。 アイデア髪を切りたい場合、美容室単位でしか予約できないので、スタイリストから選んでピンポイントで予約できたら良いのでは。 -スタイリストから髪を切りたい人を見つける場を作れたら、新人スタイリストはカットモデルを探しやすいのでは。 -家にいながらにして、自分の現状の髪型と理想の髪型をスタイリストと共有できたらなぁ～ テーマなるべくシンプルなサイトにする。他の美容室検索サイトはごちゃごちゃしすぎ。 コンセプトなるべくシンプルに -登録が簡単 -他の美容室サイトで有料のオプションは無料。(全ての機能を無料で提供) -画像を用いてスタイリストとやり取りができるサイトを目指す。 システム構成VPSサーバAWS EC2言
ソフトウェア設計とは何か 〜 設計にはプログラミング経験が必要か否か | Social Change!
「プログラミング経験のない人がソフトウェアの設計をすること」の是非について、どう考えますか？ もしかしたら、このブログの読者であれば、プログラミングが出来ないのにソフトウェア設計をするなんてありえない！という意見の方が多いかもしれません。私もそういう意見ではあったのですが、色々な人と話をするにつけ、どこか違和感を感じていました。 その違和感の正体を探るべく、ソフトウェア設計とプログラミングについて考えてみました。そこでわかったことは「ソフトウェア設計」について、人それぞれに捉え方が違うために、話が通じないことがあることから産まれた違和感だったということです。 この記事では、私の考える「ソフトウェア設計とは何か」について書きました。 ソフトウェア開発はすべてが「設計」である モノづくりにおいて、大きく工程を２つに分けるとしたら「設計」と「製造」に分けることが出来ます。何をどう作るかを決めるこ
基礎から理解するためのCSS3に関するサイトのまとめ｜Webpark
CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。 CSS3リファレンス 有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。 CSS-EBLOG 各ブラウザで先行実装しているCSSプロパティがまとめられています。 CSS3 Files 【2010.4.25 追加】海外サイトですが非常に見やすいです。各ブラウザの対応状況の載っていて重宝します。 次にブラウザごとの対応状況を確認するサイトを紹介。 HTML5 & CSS3 READINESS HTML5とCSS3のブラウザごとの適応状況を視覚的に見ることができます。2008年からの年別でも見ることができます。 HTML5 & CSS3 Support こちらもブラウザごとの対応状況がまとめられています。CSS3はプロパティ、セ
アップルの奇跡を生み出した二人
［Steve Jobs と Jonathan Ive］ アップルの成功の原動力となっている Steve Jobs と Jonathan Ive について、Laula Sydell が興味深い記事をまとめている。 NPR: “Undesigned: The Symbiotic Relationship Of Steve Jobs And Jonathan Ive” by Laula Sydell: 30 December 2010 ＊ ＊ ＊ Jives Steve Jobs にはひそかなパートナーがいる。多くのひとが Jonathan Ive こそデザインに対するみんなの考えを変えた人間だという。 Behind the scene, Jobs has a partner. Many people attribute Jonathan Ive with changing th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルアプリのUIを処理系統でまとめた『UX Archive』 | 100SHIKI