# 共同開発鯖について

この記事は[共同開発鯖 Advent Calender 2021](https://qiita.com/advent-calendar/2021/growthers)の1日目の記事です  

~~1日目の記事のくせに12/1はあと1時間しかないよって？
\.\.\.\.\.\.君のような勘のいい読者は嫌いだよ~~  

## かいたひと
### [laminne33569](https://twitter.com/laminne33)
Hello world!  
どうも@laminne33569 です. Oshaveryの最初の仕様を書いた人間です  
予定では今日のアドベントカレンダーは他の人が書く予定になっていますが,  
鯖民誰でも編集できる形に変更しました(3人で共同執筆しています)  
  
### [唯岸 雪](https://twitter.com/yuki_yuigishi)

どもども唯岸 雪です.  
今日はDr.Pepperの日なので全人類ドクペを飲みましょう！  
色々とやばかったテスト期間が半分ほど終わり,明日はC言語のソースコードに日本語の変数名を混ぜるという遊びをすることを計画しています.  
テスト期間のせいで色々と動きづらくてつらい\.\.\.\.\.\.  

## 「共同開発鯖」とは？
2021年3月01日にできた(それなりに新しい)Discordのギルドです.  
元々は`Undecided`が英語の正式名称でしたが,(後述する)blogができた際に`Growthers`に改められました.
弊鯖は複数のkosen20s(2020年に高等専門学校に入学した人の総称)によって開設され,  
当初から(条件付き)完全招待制で他のコミュニティと比較するとかなりクローズドなコミュニティではありますが,  
それなりにアクティブに活動しています.

他のコミュニティと比較した時の特徴はこんな感じです.
- 全国各地の高専生(+高校生)が集まっている
- 20〜21sの(高専の中では)若いメンバーで構成されている
- 技術力の高いメンバーが多い
- LT会などのイベント開催を定期的に行っている

メンバー比は20s8割21s2割という感じです(2020年以降に高校か高専に入学した人であれば参加できます. 参加お待ちしてます.)

ここからは駆け足で紹介していきます(唐突なネタ切れ感)
## 主な活動
### 公式サイトの開発
![サイト スクリーンショット](https://i.imgur.com/sjdlpg5.png)
[共同開発鯖公式サイト](https://undecided.page.link/site/)


| 言語 | 開発期間 | 開発人数 |
| :-: | :-: | :-: |
| Python (Flask)| 2021年6月 | 2人 |

弊鯖の公式サイトです.
公式サイトと言っていますが、実用的な鯖民用ポータルとしても動きます.  
言語はPython(Flask)で、過去に開催したLT会の参加申し込み等はこのサイトからしていました.  
~~尚、Y\*\*\*\*e氏は勢い余ってFlaskで書いてしまった。反省しているなどと供述しており  
このサイトを貼ろうとするとガチトーンでやめてくれと言ってきます~~  
現在このサイトをNext.jsとFastifyで書き直すプロジェクトが進行中です.  
なお完成見込みはたっていません.  

### Oshavery - OSSなチャットアプリの開発
![Oshavery スクリーンショット](https://i.imgur.com/gjv5buj.png)
[Oshaveryのレポジトリ](https://github.com/growthers/Oshavery)
[発表資料](https://docs.google.com/presentation/d/1sZ22cryYs858neYH-BuY8v-uRiwi1SJSdMY0fKJnJ3U/edit?usp=sharing)
| 言語 | 開発期間 | 開発人数 |
| :-: | :-: | :-: |
| フロントエンド: Next.js (TypeScript)<br>バックエンド: express.js -> Fastify (TypeScript) | 2021年6月〜現在(開発中) | 8人 |

~~弊鯖初めて~~の共同開発プロジェクトとして6月に始まったプロジェクトです.  
技育展2021に共同開発鯖名義で出品した作品でもあります.  
Next.jsとFastifyで動いており,モダンな開発手法を学習するにはもってこいのプロジェクト(だと勝手に思っています).
開発途中,8月末にフロントエンドの実装をVueからNext.jsに変更したり、それに追従する形で、バックエンドもGolangからTypescriptに変更したりと、いろんな意味で炎上したプロジェクトでもあります.
現在も開発が続いています(リリースは未定)  

### blog - MarkDownで書けるブログの開発  

![](https://i.imgur.com/RMWcuge.png)

| 言語 | 開発期間 | 開発人数 |
| :-: | :-: | :-: |
| Next.js(SSG) | 2021年11月19日〜現在(開発中) | 4人 | 

あなたが今見ているものです.  
Blogの構想があった中、Y****e氏の提案でアドベントカレンダーに間に合うように限界スケジュールで開発されたプロジェクトです.  
katoさんやSayoiさんやY4eさんの頑張りでどうにかデプロイにこぎつけました.  

技術としてはNext.jsのSSGモードを活用し,ビルド時にMarkDown形式の記事を変換しているそうです(筆者は参加していないのであまりわかりません).
CSSフレームワークとしてTailwind CSSを利用しており,開発速度を加速させています.

## 最後に
まだまだ1年も立っていない若いサーバーですが,
これからもイベントや新規プロジェクトを立ち上げて行くつもり(?)です.
これからも宜しくおねがいします.
最新情報は公式アカウントや`#共同開発鯖`で鯖民が~~適当に~~発信していますのでぜひ...
[公式アカウント @udcGrowthers](https://twitter.com/udcgrowthers)

## 告知
明日(12/2)はうよりさんの記事「[TRPGで知る文章構築](https://note.com/mruyr/n/nd7cedff3d30a)」です. お楽しみに


「共同開発鯖」について


## 共同開発鯖LT #3開催決定！
共同開発鯖１周年を記念して３月４日(金)に 共同開発鯖LT #3が開催されることが決定しました。
開催場所はいつも通り、共同開発鯖 DiscordのVCチャンネルです。YouTube Liveでも配信する予定なのでお気軽にご参加ください。 20:30 開始ですのでお忘れなく！  
タイムスケジュールなどは決定次第、[公式Twitter](https://twitter.com/UdcGrowthers?isogp=false)等でお知らせする予定ですのでお楽しみに！

![growthers-lt3.jpg](https://imgur.com/5wcLyCS.jpg)

## 過去に行われたLT
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/OQggPcMWcXc?isogp=false" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>  

<iframe width="560" height="315" src="https://www.youtube.com/embed/WYBMuuybdko?isogp=false" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>  

## 共同開発鯖とは
全国の高専生・高校生達がゆるゆるとプログラミングをしたり、していなかったりするグループです。  
少し前まで存在していた年齢制限は少し前に撤廃されました。年中メンバー募集中です。  

## どうやって入るの？
共同開発鯖に入っている任意の人間にDMを投げつけると参加できる仕組みになっています。  
少しでも興味が出た方は[@yuki_yuigishi](https://twitter.com/yuki_yuigishi?isogp=false)までどうぞ。  

## どんなものを開発しているの？
Discord ライクなチャットアプリを目標に、Oshaveryというチャットアプリを開発中です。１から書き直すことになった為、今は何も動きませんが、夏までのリリースを目指して頑張っています。  

[Oshavery](https://github.com/growthers/Oshavery)


共同開発鯖LT #3 開催決定！


この記事は弊鯖民に向けた記事です.  
[共同開発鯖 Advent Calender 2021](https://qiita.com/advent-calendar/2021/growthers)の4日目の記事でもあります.  

## 最初に  

ブログのデータはすべて[ここ](https://github.com/Growthers/blog-data)で管理されています.  
作業をするにあたって, このリポジトリをForkしてください.  

## ユーザーの作成  

記事を初めて書く場合, ユーザーを作成する必要があります.  
`hoge`というユーザーを作成する場合, `articles/`に`hoge`というディレクトリを作成してください.  

#### ディレクトリ名を作成するにあたって  

このディレクトリ名はURLのパスなどにも使用されます.  
**なるべく変更せず, 半角英数字を使用してください.**  

### `profile.json`の作成  

以下の形式に従って, `profile.json`というファイルを`articles/hoge`に作成してください.  

```json
{
    "name": "Your Display Name",
    "icon": "Your Icon URL",
    "bio": "Your Biography",
    "site": "Your Website URL",
    "github": "Your GitHub ID",
    "twitter": "Your Twitter ID",
    "roles": ["Your Role 1", "Your Role 2...", "Your Role N"]
}
```

|key|description|require|
|:-:|:-:|:-:|
|name|表示名|必須|
|icon|アイコンURL||
|bio|自己紹介||
|site|サイトURL|
|github|GitHub ID||
|twitter|Twitter ID||
|roles|役割（配列）||

## 記事の作成  

記事を作成する場合, `articles/hoge`に記事名のディレクトリを生成してください. (半角英数字を推奨)  
**ユーザー名と同じく, ディレクトリ名がそのままURLのパスになります.**  

その後, 生成したディレクトリに`index.md`というファイルを作成し, そこに記事を書いていきましょう.  
**`index.md`以外のファイル名を使用することはできません.**

`fuga`という記事を`hoge`というユーザーで作成した場合のディレクトリ構成
```
├ README.md
└ articles
    └ hoge
        ├ profile.json
        └ fuga
            └ index.md
```

### メタ情報の設定  

`index.md`の先頭にメタ情報を設定する必要があります.  

|key|description|require|
|:-:|:-:|:-:|
|title|記事の表示タイトル|必須|
|date|記事の作成日 `yyyy-mm-dd` の形式|必須

例: 
```
---
title: fuga
date: 2021-12-01
---
```

メタ情報は今後のブログのアップデートとともに増えていく予定です.  

#### 画像の挿入  

以下のいずれかの方法によって記事で画像を使用することができます.  

|方法|詳細|
|:-:|:-:|
|記事と同じディレクトリに保存する||
|外部に保存する|[imgur](https://imgur.com)など|

#### ツイートを掲載する  

ツイートを掲載したい場合, URLのみを貼り付けるのではなく[こちらのサイト](https://publish.twitter.com/)を使用して, 埋め込みコードを貼り付けてください.  

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">弊鯖のアイコンを .<a href="https://twitter.com/771tenNext?ref_src=twsrc%5Etfw">@771tenNext</a> さんに書いていただきました✨<br>これからも弊鯖は色々やっていきます！<a href="https://twitter.com/hashtag/%E5%85%B1%E5%90%8C%E9%96%8B%E7%99%BA%E9%AF%96?src=hash&amp;ref_src=twsrc%5Etfw">#共同開発鯖</a> <a href="https://t.co/oEuvdeFf0J">https://t.co/oEuvdeFf0J</a></p>&mdash; 共同開発鯖 | Growthers (@UdcGrowthers) <a href="https://twitter.com/UdcGrowthers/status/1397186255490801667?ref_src=twsrc%5Etfw">May 25, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## 記事の投稿  

記事を書き終えたら, 投稿をしましょう.  
最初にForkしたリポジトリにコミットをして, [blog-data](https://github.com/Growthers/blog-data)にプルリクエストを出します.  
2人以上のユーザーに承認され, マージされたら投稿完了です.  

## 最後に  

このブログへの記事の投稿方法を紹介しました.  
不明な点があれば, 気軽に質問をしてほしいと思います.  


Blogの書き方


# テスト投稿  

**共同開発鯖**
