筑波大学学園祭 Web サイト構築の舞台裏
年の瀬ですね。こんにちは、いなにわうどん（@kyoto_mast21）です。 11 月 5, 6 日に、筑波大学では雙峰祭（そうほうさい）と呼ばれる学園祭が開催されました。私は雙峰祭 Web サイトのフロントエンドのデザインや実装を主に担当したので、その工夫や裏話的なものを少しお話しできればと思います。 Web サイトの開発光景 本稿は 学園祭非公式 Advent Calendar 2022 の 14 日目の記事です。12 日目の担当は issy さんでした[1]。 背景 学園祭の運営を担う筑波大学学園祭実行委員会には、情報メディアシステム局[2]（以下、jsys）と呼ばれる部門が存在しています。jsys では、学園祭で使用する映像の制作・生中継[3]等に加え、学園祭運営に必要な各種システムや Web サイトの内製を担当しています。 例年、雙峰祭の前後 1 ヶ月程度は、その年のテーマに合わ
「魔法部」 ブランドサイトのつくりかた｜MEFILAS
今回より、Webサイトの制作方法を実際の案件を通してお伝えする「Webサイトのつくりかた」シリーズをスタートします！ Webサイトは目的や狙いによって制作方法はさまざま。いざつくろうとすると... ・制作の進め方がわからない ・企画のアイデアがまとまらない ・どんなデザインが良いか判断できない ・アニメーションが考えられないなど、わからないこともたくさん出てきますよね。 このシリーズでは、そんな「実際どのように制作しているのか」という疑問を、制作を依頼される方・制作を担当される方の参考となるように、弊社の制作実績を通してお伝えしていきたいと思います。 第一回目は、魔法の世界観が魅力的なファッション・雑貨ブランド「魔法部」ブランドサイトのつくりかたをご紹介いたします。 01. 魔法部とは 魔法部 https://www.felissimo.co.jp/mahoubu/ 「魔法部」とは、通販会
10分で完成！WEBサイトパフォーマンス計測基盤 ver.2019 - dely Tech Blog
はじめに 本記事は dely Advent Calendar 2019 の15日目の記事です。 昨日は開発部サーバサイドエンジニアの高橋くんが「Rails6の複数データベースの仕組みと実装時にハマったところ」という記事を書きましたので是非読んでみてください。 tech.dely.jp こんにちは！dely開発部SREの井上です。 本記事ではWEBサイトのパフォーマンスを定期的に計測する仕組みについて紹介をしたいと思います。 実は去年のAdvent Calendarでも同じような記事を書いたのですが、時代背景に沿って計測するツールをsitespeed.ioからLighthouseに変更したので理由も含めて紹介させてください。 基盤の構築においては下記のサービスやツールを利用しています。 AWS CodeBuild S3 Athena Terraform Lighthouse 前置きはいいから
徳丸浩氏が誤解を指摘――Webサービス運営者が知らないと損害を生む「パスワード保護の在り方」
徳丸浩氏が誤解を指摘――Webサービス運営者が知らないと損害を生む「パスワード保護の在り方」：＠ITセキュリティセミナー サイバーセキュリティの世界で取り上げるべきトピックは多々あるが、「基本的な守りを固める」ことも重要だ。2019年6月26日に行われた「＠ITセキュリティセミナーロードショー」の中から、その際に役立つセッションの模様をレポートする。 2019年初め、ファイル共有サイト「宅ふぁいる便」で会員情報の漏えいが発生した事件では、世間に大きな驚きが走った。漏えいの事実自体もさることながら、保存されていたパスワード情報が「暗号化されていなかった」ためであり、特にインターネット上では「今どき、パスワードを暗号化していないなんて」と厳しい批判が相次いだ。 複数の調査や報道によると、パスワードを平文で保存しているサイトは宅ふぁいる便に限らない。その後FacebookやGoogle、Twit
賃貸の家探しサービス多すぎるので解説してみる
このごろ賃貸で家を探すWEBサービスのCMがバンバンテレビで流れている。 賃貸の繁忙期は1~3月が圧倒的で、他の月と比べてかなり売り上げが大きいため、各社競い合って宣伝をしている。 スーモやホームズ、アットホーム、いい部屋ネットにピタットハウス、色々あるが、実はその成り立ちから業務形態まで様々で、見ることのできる物件がかなり制限されることがある。なのでその違いを説明してく。 増田は以下のどこかの会社で働いていたことがある。 自社物件囲い込み系基本的に自社の建設した物件を取り扱う賃貸サイト。賃貸系サイトの中ではもっとも選択肢が狭い。 もしそのブランドにこだわりがあったり、親類がそこで働いていたりする場合は見ても良いと思うが、そうでないなら見る価値は薄い。 ・いい部屋ネット、DK SELECT 大東建託がやってる。270万件。 ・ホームメイト 東建コーポレーション ・MAST 積和不動産（積水
空中分解…海賊版サイト対策検討会はなぜ迷走したか : 深読みチャンネル : 読売新聞（YOMIURI ONLINE） 1/4
【読売新聞】 ブロッキング法制化の是非を巡って対立を深めていた知的財産戦略本部の海賊版サイト対策検討会は１０月１５日、検討会としての「とりまとめ」はおろか、審議状況の報告さえ出せないまま会議を無期延期とした。前代未聞の幕引きとはいえ
連載「気になるWebサイトまとめました。」（第1回） - デザイン情報サイト[JDN]
JDN編集部が気になるWebサイトを紹介していく、連載「気になるWebサイトまとめました。」（ド直球！）。最先端のテクノロジーを惜しみなく注ぎ込んだサイト、「そう来たかー！」と思わされるユーモラスなサイト、ビジュアル表現が秀逸なサイト……などなど、2か月に1回くらいのペースでゆる～く更新していきたいと思っています。「我こそは！」という自薦も随時募集中です（本気）！ まず、第1回は「広告事例」のコーナーで紹介したサイトから抜粋していきます！ Yahoo! JAPAN「HISTORY OF THE INTERNET ～インターネットの歴史～」 「気になるWebサイトまとめました。」なんていうからには、インターネットの歴史を知っておかないとまずいでしょ？Yahoo! JAPAN「HISTORY OF THE INTERNET ～インターネットの歴史～」は、今年で3度目となる特設サイト。国内外1,
![連載「気になるWebサイトまとめました。」（第1回） - デザイン情報サイト[JDN]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e45d639195eb9b67c2995723cfbb6898d013fca8/height=288;version=1;width=512/https%3A%2F%2Fwww.japandesign.ne.jp%2Fwp%2Fwp-content%2Fuploads%2F2018%2F09%2F01.png)
個人ニュースサイト史 ＜ 佐倉葉ウェブ文化研究室
▼目次 ■１．序文 ■２．歴史 ◆1994年～1996年 個人ニュースサイトの誕生 ・『秋保窓』と『秋葉原マップ』、Macintosh関連ニュースサイト、個人でニュースサイトを立ち上げるには ◆1997年～2000年 アングラな世界の中で ・”個人的に注目している”ネタの紹介サイト、ムーノーデー、UG系、偽春菜、孫ニュースサイト ◆2001年～2003年 個人ニュースサイト界全盛期 ・ＶＮＩ、ＫＫＧ、Flashニュース御三家、『ムーノーローカル』終了、参照サイトランキングサイト、 商業化したサイト、サイト管理人から評論家へ、孫ニュースサイト＝大手ゼネコン論、ブログ騒動、『俺ニュース』終了 ◆2004年～2008年 ＳＮＳの足音 ・最後の大物、はてなブックマークの登場、２ちゃんねるまとめサイト、サイト管理人達による合同ブログ、新規サイト最後の豊作、Twitterへの移住 ◆2009年～201
Zenlogicの障害から学ぶべきこと - 業務用iOSアプリのfeedtailor社長ブログ
ネット界隈騒然とした今回のZenlogicの障害、ほぼ復旧したようで良かったです。復旧に全力を向けておられたエンジニアの皆さん、大変お疲れ様でした。連日ホント大変だったと思います。 さて、今回の障害で、 Webサイトが見えなくなった！ サーバからデータを取得できない！ メールも使えない！ など、阿鼻叫喚の声が聞かれましたが、他社に移ってハイ終了！もうZenlogicなんて使わない！とか、今回は長かったけど次は大丈夫だろう…と言って終わりにすべきではないでしょう。 落ちたから引っ越す。復旧したから次回は無いことを祈る。それでは何の学びもありません。アプリに必ずバグがあるように、サーバは必ずトラブルものだからです。 利用者として事前にできることは無かったか いつもこう思うんですよね。 弊社では障害に巻き込まれた時、はらいせに解約とか、サーバ引越して完了とか、復旧まで耐えて次回がないことを祈ると
更新されてるサイトのみ厳選！Webデザインの参考サイト10選
更新されてるサイトのみ厳選！Webデザインの参考サイト10選 2017年8月16日 2018年6月20日 クリエイティブ yusuke Webデザイナーにとって、デザインの参考になるサイトは便利なもの。あまたあるデザインまとめサイトですが、以外と有名サイトでも更新が止まっていたりして、古いサイトしか掲載されていない、なんてことにお気付きの方も多いはず。 ということでこの記事では、現在継続して更新されているサイトだけに厳選して、Webデザインの参考になるまとめサイトをピックアップしました。最新のデザインのトレンドを追いかけたい、新しいアイデアが欲しい、という場合に使えるサイトのみ、厳選してご紹介します。ぜひ、デザインの参考になさってください。 （2017年8月18日更新） 国内 ウェブ・ファインダー 「オシャレなウェブサイトの参考デザインリンク集」とタイトルが付いているくらい、このサイト自体
NetlifyはGitHubなどからデプロイできる静的Webホスティングサービス
Webの高速化志向は年々高まっており、サーバーサイドでの動的な処理を行わない静的サイトジェネレーターや、SPA（シングルページアプリケーション）が使われることも珍しくなくなった。 今回紹介するNetlifyは、そういった環境の運用をとても楽にしてくれる。 Netlify: All-in-one platform for automating modern web projects. NetlifyとはNetlify（ネトリファイ）は、静的コンテンツをホスティングしてくれるWebサービス。GitHub・GitLab ・Bitbucketのリポジトリから自動的にデプロイを行える。 2016年に$2.1M（約2億円）の資金調達を成功させたスタートアップとして注目された。 NetlifyのメリットWeb UIが分かりやすい Web UIがとても洗練されている。基本的に英語のサービスだけれど内容は想
ネットで釣られたら負けです - Hagex-day info
以下のエントリーを読んだ。 ・はてなの嫌いなところ。釣った・釣られた問題（面白きこともなき世を考えて） この人は2ちゃんねるのまとめサイトにありがちな「『扇情的な釣りタイトル』に、引っかかるとダメだ！ と指摘するはてなブックマークコメント欄の文化はいかがなものか？」という内容。 「記事のタイトルが釣り」と「内容が釣り」をハッキリと書いてないので読んでいて？？となり、このエントリータイトルも「釣りタイトル」の一種といえる（笑）。 で、私が言及したいのは「内容が釣り」の話。この日記でも「釣り？ いや、本当？」と書いたら、「いちいち野暮なことを言うなハゲ」と苦情がくることがあります。 2ちゃんねる、発言小町、はてな匿名ダイアリーといった、「誰が書いたかよくわからん文章」は、まず最初に「本当か創作か」をチェックしないとダメ。これは料理を食べたときの「腐ってるか、腐ってないか」レイヤーレベルでの判断
VPN Gate に対する外国からの妨害活動と対抗策としてのオープンソース化について | 2013-08-23 - 登 大遊＠筑波大学大学院コンピュータサイエンス専攻の SoftEther VPN 日記
筑波大学での研究として VPN Gate プロジェクト http://www.vpngate.net/ を開始してから、間もなく半年になる。現在 VPN Gate は国ごとのユーザー数リアルタイムランキング http://www.vpngate.net/ja/region.aspx で公開されているように、全世界 198 カ国 (特別行政区等の地域を含む) から利用されており、これまでに 1,226 テラバイトのデータ転送があった。ユーザー登録は不要であるが、ユニークユーザー数をユニーク IP アドレス数から推測すると本日時点で 281 万 9,313 人となっており、世界で最も使用されている VPN 中継システムの 1 つとなりつつある。 VPN Gate プロジェクトは、「検閲用ファイアウォール」がある国からの利用が盛んである。検閲用ファイアウォールといえば、アジアのある国が有名である
コピペブログがムカつくので、はてブを快適にするユーザーCSS作った
はてブは便利だ。かれこれ使い続けて8年目になる。 しかし、はてブを使っているとしばしばムカつくことがある。 それは2chをコピペしただけのデマまとめサイトがホットエントリとして頻繁に表示されてしまうことだ。 リンクをクリックしなければいいのだが、最近はタイトルだけで不快になるレベルのものも多い。 例えばここのところ、冷凍庫に入ったバイトをアップして炎上させる遊びがリア充の間で流行しているが、 「ハム速」というサイトはこういったものを毎回取り上げて、嫌でも目に付くタイトルで他人の個人情報を晒している。 なにがホットだよ。見たくねえよ死ね。 しかし、はてなの運営はいつまで経っても非表示サイト機能を用意してくれないし、 こういったクソサイトを未だにブクマしてホッテントリ入りに貢献するはてなユーザーはあとを絶たない。 これらを弾くユーザースクリプトやユーザーCSSを書いてくれた人もいない。 仕方な
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
多発するWeb改ざんに備えてinotifywaitによる改ざん検知を導入した
Webサイトの改ざん事件が多発しています。Webサイトに対する基本的なセキュリティ施策を実施していればまず被害にあうことはないとは思うものの、全ての手口が公開されているわけではないので、何となく「嫌な感じ」もします。 【参考】 Web サイト改ざんに関する注意喚起(JPCERT/CC) 2013年6月の呼びかけ 「 ウェブサイトが改ざんされないように対策を！ 」(IPA) @Police ウェブサイト改ざん事案の多発に係る注意喚起について(pdf) 5月から多発しているHP改ざんインシデントをまとめてみた。 - piyolog 当方のサイト（会社、個人）は、一通りのセキュリティ施策は実施しているつもりですが、絶対に改ざんされないかというと、改ざんされることは想定しておかなければならないと考えています。 当方のセキュリティ施策の例 FTPをやめ、sshのみで管理運用 sshのパスワード認証を
[web制作]humans.txt ― webサイトに基本情報を設置しよう
robots.txtとは robots.txtは、検索エンジン向けの情報を記述したテキストファイルで、書式に従って書くことで検索エンジンのクローラーにクロールして欲しくないページを知らせたりします。というか、まあ基本的に出来ることはそれのみですね。例えば、 User-Agent: * Disallow: / こうrobots.txtに書くとルート以下全てのファイルへのクロールを禁止します。 決められた書式があって、それに沿った形で書かれていればクローラーはある程度いう事を聞きます。 humans.txtとは robots.txtがロボットの為の説明であるなら、humans.txtは人間の為の説明です。人間がサイトについて受け取りたい情報としては誰が書いたのか、何を使って書かれたのか、というようなことでしょうか。 そしてこのhumans.txtを設置する事を推奨するサイトもあり、面白いなーと
![[web制作]humans.txt ― webサイトに基本情報を設置しよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/e981a6ebf231b21c0cf0b1faa5242654779eb944/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F05%2Fwebsite-humans-txt-01-150x150.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
模倣サイトとして各所から注意喚起が出されているサイトは、模倣サイトではなくAnonymous Proxyサービスと呼ばれるもの
［スニーカー文庫公式サイト］ザ・スニーカーWEB｜スペシャル・コンテンツ｜俺の教室にハルヒはいない
マーケティング戦略設計 :: 株式会社イノーバ