泣きながらプログラミング。

泣きながらプログラミングをする大学生のブログ

「フレーズ英単語1800 センター対策編」サポートについて

お問い合わせ先

下記メールアドレスからお問い合わせください。本アプリはユーザーの皆様からの要望に答える形で新機能や単語の内容など、これからも改善を行なっていく予定です。ぜひお気軽にお問い合わせください。ご要望があれば、LINE@などのサービスも開始する予定です。

phraseeitango1800あっとまーくgmail.com

(「あっとまーく」を@に変えてください。迷惑メール対策のため、一部表記を変更しています。)

大学4年生一人でプログラミング系サークルを立ち上げて、下級生と戯れる手順

はじめに

思いつきで書いた記事なので、前置きとかサークル立ち上げの理由とか細かいことは書きません。

サークル立ち上げの手順

  • Twitterでサークル公式アカウントを作成
  • 3月に作成
  • 上のアカウントで片っ端から1年生をフォロー
    • 気まぐれで情報系学部の上級生もフォロー
  • 4月の新歓イベントを告知する
  • 新歓イベント用資料を作成する
  • ビラを用意する
  • 活動日程の相談
  • 秋にもビラを貼る

Twitterでサークル公式アカウント作成

このアカウントです。そんなに特別なことはしてないです。

twitter.com

片っ端から一年生をフォロー

「春から北大」で検索すると、新入生がいっぱい出てくるので、片っ端からフォロー&その人のフォロワーをフォロー。

4月の新歓イベント用資料を作成する

新歓イベントでは、「Railsを使った超簡易マイクロブログ」のハンズオンをやりました。

しかし、この内容に興味を持ってくれた人が入ってくれたというよりは、多分元々興味があった人が入ってくれた印象です。

活動内容の決定

結局、適当にバラバラなことをやっていこうということになりました。最終的に。

最初は、Django Girls Tutorialなどの軽量Webチュートリアルをやったりしていましたが。

夏休み時点での結果

毎回の参加者は自分含め2〜5人程度。夏休みを挟んできてくれなくなる人も多かったです。この時点では本気でサークルを畳もうかとも考えました。

活動日程の相談

結局週1になりました。これる人が多い日にやるという感じで決めました。

秋にもビラをはる・人が増える

秋にもビラを貼るようにしました。 その結果、2人ほどメンバーが増え、しかもその二人が結構当たりでした。 また、Twitterや部員経由で2人メンバーが増えました。

その結果、毎回3〜6人程度の参加者に増えて、現在最初の春休みを迎えているという感じです。

サークルが自分に与えた影響

  • 他人に教えること
    • 教える難しさ、資料を作る難しさと大切さが学べた
    • 自分に知識がないとできない。サークル駆動型学習ができた
  • 他人から学ぶ
    • いろんな情報が入ってくるようになりました。いろんなことに興味が持てました。そしていろんな経験を共有できました。
  • 下級生とのコミュニケーション
    • 慣れてきた? でもまだまだ難しい(いろんな意味で)。でも同学年を引っ張っていくよりははるかに楽。
  • リーダーシップ能力
    • 難しい。飲み会開くのとか苦手。でもやっていける。(そもそもリーダーシップ能力なんかいらない。やる気のある下級生が引っ張ってくれる)

サークルがメンバーに与えた影響

多分、割と後押しできていると思う。

  • サークル内で学生バイトが広まる
    • サークル内でに学生バイトが広まって、1年生のうちから研究活動に打ち込む人が出て来た。
    • 文系の子もいたし、割と人生変わったのではないか
  • サークルにくることでモチベーション維持
    • なんやかんやでサークルにいる以上、何か作らないといけない。だから自然と何かを開発する経験をしていく
  • 大したことない僕みたいな先輩でも部長をやれるという事実
    • これは願望ですが、「やりたいけどそんな能力はない」と思っている人が「やってみようかな」と思ってくれると嬉しい。
  • 技術力の成長
    • 僕が教えたおかげとか言ってくれると嬉しいですね。(言われたことない笑)

(一旦)終わりに

一緒に立ち上げメンバーになってくれる人がいないような人望のない根暗大学4年生でも、プログラミング系サークルの立ち上げをし、週1回の活動で3〜6人が集まるサークルを作ることができました。

皆さんも大学でサークルを立ち上げてみてはいかかでしょうか。時間さえあれば、十分できると思います!

ポート関連でつまづいた話と、何かを知る・覚えるためにはつまづく必要があるよねという話

僕は液晶タブレットを持っているという話

絵も描かないのに。しかしモニターとしても使えるので、普通にモニターとして使用しています。 HUION Kamvas GT-191 5万円台で買える液タブなので安くて買いました。

閑話休題、表面上の問題

表面上の問題はVSCode拡張機能で起こりました。

僕は、VSCode拡張機能Preview on Web Serverを使っています。

これは、HTMLのリアルタイムプレビューを表示できる拡張機能で、いちいちブラウザを更新しなくていいので便利です。

いつものようにこれを使っていたのですが、いきなりプレビューが表示されなくなりました。

本当にいきなり?

実は、この問題が起こる前に、一回macカーネルパニックを起こし、再起動しました。 これが起こった時、「あ、液タブ繋いでるからだな。」と思いました。 これを思い出して、「多分、変に再起動したからだろう。もう一回再起動すれば治るはず」と思い、再起動。でも、残念ながら治らず。

じゃあ、原因は何か?

きっと、サーバーが閉じてるんだろう。そう思って、サーバーを再起動してみました(Preview on Web Serverは、ローカルサーバーを起動、停止させることができ、そのサーバーにアクセスしてプレビューを表示しています)

$ lsof -I :8000 をすると、やはり何も表示されません。サーバーが起動してないらしい。

  • ウイルスバスターの設定確認(結局どうするかわからず諦めた)
  • Preview on Web ServerのGitHubでコード確認(意味がわからなかったので諦めた)

などしてみましたが、 なんとなく「液タブが原因では?」と気づきました。それしかもう考えられない。

解決法:液タブとの接続を切る

液タブとの接続を切ったところ、正常にサーバーが起動し、HTMLプレビューが表示されました!

ちなみにもう一度液タブをつなぎなおしたところ、そのままプレビューは表示されました。

しかし、なぜ液タブが繋がっていたらサーバーが起動できなかったのか? それは、ポートの仕組みが関係していると考えられます。なぜかというと、液タブに接続すると、イヤホンから音がでなくなるという問題も発生しているからです。(イヤホンジャックもディスプレイも、ポート接続。イヤホンを何回か抜き差しすると治る)これと同じような理屈で、液タブが他のポートにも影響を与えていると考えられそうです。
でもなぜかはよくわからない・・・

終わりに

サーバーが起動しない!という時に、ポートの確認をするということは、実際にサーバーを起動するという機会があって、かつそこでハマらなければ身につかない知識だと思います。

最近では、dockerを使った時に複数コンテナが同じポートを使おうとして干渉していて、ポートの問題にぶち当たりましたが、dockerはそういう意味もいい機会を与えてくれるのかもしれません。ポートの衝突とか、普通一つしかサーバー起動しないのであまり遭遇しない問題だと思うので。特に個人開発では。

conohavpsのクーポンは早めに登録だけしよう

【追記12/4】

twitter経由で、替えのクーポンコードをConoha運営様からいただくことができました!(もちろん今回は特別と言われました。当たり前ですね笑)

 

 

 

最近久し振りにvpsを使おうとしたところ、クーポンが期限切れでした…

 

最初から登録していた気になっていたのですが、登録していませんでした。

登録期限は10/31で、さすがに弁解の余地もありません。泣

 

conohaのクーポンは、「登録期限」と「利用期限」があり、利用期限は「登録から〜年」などとなっていたので、クーポンを買った時の自分は「利用期限を伸ばすために登録も後にしよう」と思ったのでしょう。

その欲張り心が4500円(割引だったので、conoha上では5000円)を失う結果になってしまいました…

 

皆さんも私のように失敗しないよう気をつけましょう…

 

というか、GMOさん、クーポン登録期限はIDの管理とかあるので短いのもわかるけど、利用期限とか無限にしてよ。。。

漫画雑誌用ブラウザの作成⑤お気に入りボタンで追加&削除

漫画雑誌用ブラウザを作成中です。
https://github.com/TetsuFe/WebBookBrowser
今回もスマホからの投稿なのでmarkdownが使えてません。

## 進捗
今日で
- お気に入りボタンで追加&削除
- お気に入りボタンを画像に変更
を行いました。

## お気に入りボタンで追加&削除

間違ってお気に入り入れたりしたときに、削除もできるようにしました。

普通のTwitterとかfacebookのいいねボタンと同じON/OFFの方式です。

 

## お気に入りボタンを画像に変更

ボタンはできるだけ画像の方がいい気がするので、画像にしました。星型の画像を使いました。ただ、大きさが合わないのでどうしようかという感じですね。。余白を追加することにしようと思います。


## 今後
- レイアウトの見直し

- リストからのお気に入り削除
- 複数デバイス対応

- 新しい対応サイトの追加

なども行なっていきたいです。

漫画雑誌用ブラウザを作成④お気に入り検索バーの追加

漫画雑誌用ブラウザを作成中です。
https://github.com/TetsuFe/WebBookBrowser

今回もスマホからの投稿なのでmarkdownが使えてません。

 

## 進捗
今日で
- お気に入り絞り込み検索バーの追加
- URLバー付近の微妙なレイアウトのズレ修正
を行いました。

 

## お気に入り絞り込み検索バーの追加

お気に入りが増えてくると、検索がしたくなると思います。なので、絞り込み検索ができる検索バーを作成しました。

単にUITextFieldに入力をしたらrealmでタイトルをfilter(“title CONTAINS %@“, uitextField.text!)

として、その結果をテーブルビューに反映させるだけのものです。まあ実装はこれ以上にそこそこ面倒が多いですが。

 

## 今後
- お気に入り追加のボタンを画像にする
- レイアウトの見直し
- 複数デバイス対応

なども行なっていきたいです。

漫画雑誌用ブラウザを作成する③進捗表示と非同期処理

漫画雑誌用ブラウザを作成中です。
https://github.com/TetsuFe/WebBookBrowser

今回もスマホからの投稿なのでmarkdownが使えてません。

## 進捗
ここ2日で

- ダウンロード中の進捗表示

- 対応ページの追加
を行いました。

## ダウンロード中の進捗表示について

ダウンロードが終わるまで、「ダウンロード中・・・」というUILabelのついたUIViewを表示をするようにしました。

なんとか.main.Asyncを使い、非同期処理でダウンロードを行い、そのコールバックにUIView.removeFromSuperview()を設定することで実装しました。

 

## 対応ページの追加
今回はmangamura.orgの

/?p=本のID/ 

を追加しました。

このパターンのリンクをお気に入り登録するときにサムネイル画像も保存されます。
次はdlbooksかな。


## 今後
- お気に入り追加のボタンを画像にする

- お気に入りの絞り込み用検索バー
- 複数デバイス対応

なども行なっていきたいです。