traPでのブログ

あくまで個人の感想です。ブログが初めてで書き出しに15分悩んだいくら・はむ(@ikura-hamu [https://trap.jp/author/ikura-hamu/] )です。この記事は、traP内で5月に行われた「Webエンジニアになろう講習会」（通称「なろう講習会」）についての個人的な感想と成長記録的なものです。 なろう講習会って何だ なろう講習会とは、その名の通り最強Webエンジニアになるための講習会で、約2週間の間にフロントエンドからバックエンドまでWebアプリ開発の基礎を先輩からみっちり勉強できる講習会です。第0回から第8回の本編と、おまけの第9回のDocker講習会、計10回で構成されており、Twitterの疑似アプリを作ることが最終目標になっています。 日月火水木金土5/11121314 第0回151617 第1回18 第2回1920 第3回21 第4回22 第5回23 第6回24 第7回25 第8回2627 28↑ぎっちぎち 内容 この講習会では、次のような技術を用いて開発を行いました。 * フロントエンド * Vue.js * Node.js

2023年度Webエンジニアになろう講習会 講師ブログ 6 月、7 月に、毎年恒例の「Web エンジニアになろう講習会」（通称「なろう講習会」）を開催しました。このブログは講習会の講師による開催報告・振り返りブログです。 Web エンジニアになろう講習会とは 「なろう講習会」は毎年 SysAd 班が主に新入部員に向けて行っている、Web 開発についての講習会です。初心者の状態から SysAd 班の活動に取り組むために必要な最低限の知識・能力を身に着けることを目的としています。過去の参加者の記録はこちらからご覧ください。 なろう講習会 - 東京工業大学デジタル創作同好会traP 『デジタル創作同好会traP』は、東京工業大学で活動するデジタル創作・プログラミング系サークルです。ゲーム制作を中心に、アプリ、音楽（DTM）、グラフィック（イラスト、3Dモデル、ドット絵、動画）などのクリエイティブ活動の他、競技プログラミング（競プロ）やCTFも行っています。 東京工業大学デジタル創作同好会traPtqk [https://trap.

こんいす～。 @ikura-hamuです。チーム「リアクティブ二子玉川～♪」でISUCON13に出ました。チームブログはこちら（https://trap.jp/post/2075/） ISUCON13「リアクティブ二子玉川～♪」34位(学生6位) 参加記ISUCON13に@pikachu、@ikura-hamu、@h1rono_kで「リアクティブ二子玉川～♪」として出場し、全体34位、学生チーム内では6位(多分)になりました。 GitHub - reactive-futakotamagawa/isucon13Contribute to reactive-futakotamagawa/isucon13 development by creating an account on GitHub.GitHubreactive-futakotamagawa チームメンバー(役割分担) 全員学士2年の3人チームで出場しました。みんなウェブ系に関わり始めたのが大学入ってからにしては、結構頑張ったのではないかなと思います。 例年であれば学生枠で本選出場できる順位ですが、今年は30位までしか賞品が無い

謝罪 2日目の競技終了間際に、スコアサーバーの応答が無くなり、問題の閲覧、フラグの提出などができない状況になりました。ご迷惑をおかけしてしまい、申し訳ありませんでした。 この記事では、CPCTF2024インフラチームがやったことを紹介し、スコアサーバーが落ちた原因とその解決策を説明します。 準備 昨年からの変更点をスコアサーバーに反映し、サーバーを立てて問題のデプロイを行いました。 スコアサーバーの昨年からの主な変更点は、 * X(旧Twitter)との連携機能（アイコン取得のため）を削除し、アイコン画像をアップロードできるようにする * ビジュアライザが無くなったことを受けてコードの修正をする の2点です。 サーバーはConoHaのVPSを使い、ansibleでスコアサーバーや監視基盤、WebShell、Web問題の環境などをデプロイしました。スコアサーバーは3コア、メモリ2GBのVPSを使っています。 今年のスコアサーバーです。かっこいいですね 当日 競技当日は、問題の修正などの緊急対応を行う予定でした。 1日目 1

部内SNSのスタンプを簡単に作成できるアプリを作りました

本記事は2022年冬ハッカソン5班「Hishi餅」による振り返り記事になっています。 メンバー * プログラム * ikura-hamu(22B) * s9(22B) * inutamago_dogegg(22B)(筆者) * グラフィック * HetareNeko(22B) * サウンド * helgev(22B) 今すぐゲームがしたい人はここからダウンロード [https://trap.jp/content/images/2022/12/rootshooter.zip]。 案出し 当初は　るーと→root→自分のルーツ　ほーむ→葬る　みたいな連想から「家系ロンダリングゲーム」を思いついていた しかし、誰もカードゲームに詳しくなかったので、良い具体案が思いつかず断念 そこで、2番目に好評だった「根菜シューティングゲーム」を開発することになった（るーと　→　root　→　根菜

本記事は6/18（土）〜６/19（日） の２日間で行われた部内でのハッカソンについての記事です。 01班はWebアプリゲーム「いかしかめかアクティビティズ」を制作しました。当日はたくさんの方に遊んでいただき、最終投票では優秀賞をいただくことができました！ 実際に制作したWebアプリゲームは、部内の方限定になりますが、以下のURLからアクセスして遊ぶことができます。 いかしかめかアクティビティズ また、それ以外の方にもWebアプリゲームの内容を掴んでいただけるよう、プレイ動画を収録しました。ぜひご覧ください！ 0:00/1× Webアプリの紹介 ゲームの内容 「いかしかめかアクティビティズ」は、部内SNSである『traQ』のみんなの過去メッセージがランダムに画面上に流れてくる中で、メッセージ中に「いか」「しか」「めか」が含まれているものを30秒間でできるだけ多く選ぶ、というWebブラウザゲームです。『traQ』には、最新のメンバーの投稿がリアルタイムで更新される「アクティビティ」という表示画面があるため、本ゲームでもそのデザインを擬似的に踏襲し、3列のアクティビティに

メンバー: @H1rono_K @ikura-hamu @mehm8128 @itt @zer0-star 作ったもの 年賀状投稿サービス「postQard」を作成しました。 年賀状を作成して投稿日時と投稿先チャンネルを指定すると、自動でtraQ(部内SNS)に投稿してくれます。 年賀状作成画面 年賀状一覧 traQに投稿された年賀状 反省 フロントエンド 以下の技術スタックでした。 Next.js: app routerを使いました fabric.js: お絵かき用。@mehm8128が過去のハッカソンで使ってちょっと慣れていたので今回も使いました jotai: 状態管理。編集履歴の表示や、fabric.jsの諸々の処理で使いました shadcn/ui: デザイナーがいなかったこともあって1からCSSを書くのは大変なので、ライブラリに頼りました。内部でtailwindが使われていて、importするのではなくてコピペして運用するタイプなので気に入らないところは自由にスタイルを変えられていいです。これを使ったことが理由で、他の箇所もスタイリング

メンバー フロントエンド: @cp20 (23B), @zoi_dayo (24B), @Alietty (24B) バックエンド: @ikura-hamu (22B), @tidus (24B) 作ったもの 今回のハッカソンのテーマ「さい」「えん」「す」の「えん」から、絶対に炎上する新世代SNS「発火村」（はっかむら）を作りました！ 結果は最優秀賞でした！🎉🎉🎉🎉🎉🎉 サービス自体は部内限定公開なのですが、リポジトリは一般公開されています。 https://github.com/traP-jp/hakka-mura GitHub - traP-jp/hakka-mura: 絶対に炎上する新世代SNS「発火村」絶対に炎上する新世代SNS「発火村」. Contribute to traP-jp/hakka-mura development by creating an