電研Webシステムの使い方

システムの概要 (電研Webサイト)

電子計算研究部内部向けのシステムでブログ管理や部員管理などあらゆる機能を統合しています。

Jekyll で構築したブログ以外のWebシステムは電研の独自実装、独自APIとなっており、フロントエンドとバックエンドを別々に分離しています。
Next.jsはGitHub Pages上へ静的エクスポートしてデプロイするためにSSGとして利用しています。
REST API の多くは部員のみが利用できます。ライセンスはMITです。安全にGitHub PagesやFirebase、その他各種サービスにWorkersを経由してアクセスします。

  • フロントエンド『osu-denken.github.io』 Next.js/TypeScript on GitHub Pages
  • バックエンド『OSU-Denken Web API』 TypeScript on Cloudflare Workers

詳しくは osu-denken.github.io, OSU-Denken Web API をご覧ください。

ユーザー登録について (仮)

入部した者のみユーザーを登録することが可能です。
ユーザーを登録するには他の部員から招待コードを受け取る必要があります。

※なお今後、登録する仕組みを変更する可能性があります。

ログインについて

電研Webサイトのナビゲーションバーにあるログインからログイン画面を開きます。

image

学籍番号とパスワードを入力してログインします。

image

ポータルについて

ログインするとログアウトの隣にあなたの学籍番号が表示されます。(ディスプレイ名を設定している場合はディスプレイ名が反映)

image

ブログの投稿、編集について

新しくページを投稿する

image

現在開いているページを編集する

image

ブログの編集画面について

ブログはMarkdown記法で記述します。

image

左側が入力画面、右側がプレビュー画面となります。

Markdown記法 チートシート

Markdown記法のチートシートです。 記法はGitHub Flavored Markdow...

画像のアップロードと貼り付け

ブログ編集画面で直接、画像をアップロードして貼り付けることができます。
なお、デプロイに時間がかかるため、1~3分ほどは画像が表示されません。

  • クリップボードから貼り付ける 画像をコピーし、入力画面でCtrl + Vを入力することで画像をアップロードして貼り付けます。

  • ドラッグ&ドロップで貼り付ける 画像ファイルを入力画面にD&Dすることでアップロードして貼り付けます。