小さめのCSSフレームワークたち

個人ブログや、小さめのWebサイトなどを作ろうとするとき、CSSをイチから書いても良いのだけど、結構めんどくさい。 特にレイアウト周りはだいたい書くことが決まってくるし、なんなら「Grid LayoutだけできるCSSフレームワークないかな」と考えたりする。 B…

RubyとRailsのデバックとコンソールと仲良くする話

これは「 フィヨルドブートキャンプ Part 1 Advent Calendar 2022 」の3日目の記事です。 昨日はsadanoraさんの音読が良かった話でした。 フィヨルドブートキャンプの今年のアドベントカレンダーはこちら。 フィヨルドブートキャンプ Part 1 Advent Calendar…

dein.vimで管理していたColorschemeの設定でハマった

Neovim dein.vimでのプラグイン管理でColorschemeの設定でハマったときのちょっとしたメモ。

Catalina→Montereyにアップデートするついでにクリーンインストールした

mac OS Monterey on iMac 2019 5月の大型連休で、macOSをアップデートするついでにクリーンインストール大掃除大会をした。 今使っているiMacを購入してからそのまま使っていたので大体3年くらい。 不定期でデフラグはしていたけど、使ってないアプリケーシ…

11tyのブログにはてなブログの記事リスト表示するようにしてみた

やりたかったこと 11ty.jsで作ったブログにはてなブログの記事一覧を表示したい 開発中のキャプチャ docs.ksmxxxxxx.page

11tyでブログ作ったよ

11tyという静的サイトジェネレーターを使って古き良き(?)ブログをつくった。 これまでmiddlemanやjekyllを使って作ろうとトライしたことはあったが、Rubyの知識はおろかそもそもプログラミングの知識もなかったため、途中で熱が冷めてしまい放置してその…

プログラミングスクールを卒業しました

卒業証書 2021年4月にプログラミングスクールのWebデザイナー向けプログラミングコースを卒業しました。 受講していたのはRailsプログラマーコースだったのを、途中からメンターさんに相談してWebデザイナー向けにカリキュラム内容をカスタマイズしてもらっ…

Homebrewで古いバージョンのHugoをインストールする方法

Hugo Hugoで古いバーションをインストールする必要があったので、やり方をメモ。 HomebrewのFormulaによっては、Formula名@numberみたいになってて、そのままbrew install formula_name@ver_numみたいにインストールできるものもあるけど、ないものもある。 …

Bundlerを使ってgemをインストールしようとしたら`ffi`でエラーになった時の対処法

ffiに限ったことではないかも知れないけど、度々Bundlerでインストールしようと思うと、gemのコンパイルでコケることがある。 過去にffiだけじゃなくmysql2とかでもコケたことあった。 今回はffiの話になるけど、bundle installでコケた時の対処法とどこを調…

XSSについてゆとりだったのでSinatraとERBでおさらいすることにした

慣れとは怖いものだ……惰性でテンプレートエンジンとかFWとか選んじゃいけない。 反省と復習を兼ねておさらいして、対応したメモを残す。

`gitignore`を毎回作ったりするのがめんどくさいので楽したい 😇

プログラミングスクールで課題の提出物をGitHubにリポジトリを作って提出する場面があり、これが数ヶ月に一度とかその程度の頻度であれば、GitHubが公開しているリポジトリを見に行って、ignoreしたい言語のテンプレートを探してコピペとかしてもいいかなと…

`pg`を使ったRubyからDBのデータを呼び出す手順

Sinatraとpgを使ったメモアプリを作る課題があったので、備忘録としてpgを使ったDB操作をメモしておく。 pgって何? github.com Pg is the Ruby interface to the PostgreSQL RDBMS. RubyでPostgresSQLとかのRDBMSを使うためのインターフェーストノコト

Webを支える技術の読書メモ

これは何 Webを支える技術 ―― HTTP,URI,HTML,そしてREST WEB+DB PRESS plus作者:山本 陽平発売日: 2018/11/14メディア: Kindle版 Webを支える技術を読んだときにしたためていたグラレコっぽいメモです。 「わかりやすい」という感想を頂いたので、せっか…

プログラミング学習サービスに参加して100日経過した話

学習中に描いたWebを支える技術のメモ この記事はフィヨルドブートキャンプ Part 1 Advent Calendar 2020 - Adventarの11日目の記事です。 昨日はやなぎさんの「GitHubでログイン」の流れをざっくり理解する - やなぎにっきでした。 フィヨルドブートキャン…

初心者の🍒本の歩き方

Photo by T. Q. on Unsplash プロを目指す人のためのRuby入門 言語仕様からテスト駆動開発・デバッグ技法まで (Software Design plusシリーズ) | 伊藤 淳一 |本 | 通販 | Amazon っていう本を読み、ふと「こういう技術の入門書ってどう読み進めていけば良い…

デザインをインプットする話

https://unsplash.com/photos/pqzRfBhd9r0 bosyu cafeというコミュニティのdesignチャンネルで「デザインのインプットってどんなことをしていますか?」というしつもんがありました。 自分はデザイナーになって……19歳で専門学校在学中からバイトでデザインの…

VimでのLinter(ESLint)とFormatter(Prettier)を設定した話

経緯 JavaScriptをコーディングしていて、以前インストールしていたvim-pretterがうまく機能していなかったみたいだったので、設定を見直すことにしました。 うまく機能していなかった状態を説明すると、 LinterはJavaScript Standard Styleを採用していた E…

Dein.vimの使い方を自分なりにまとめる

Shougoさんのプラグインにはすごくお世話になっているんですが、特に回し者というわけでもなく…とあるところで「Deinの使い方がよくわからなくてNeoBundle使い続けてる」という話が出たので、いっちょまとめてみようかなと思った次第です。 もう一度言います…

アプリを作っていく上でのアイコンの振る舞いについて考えてみた

Photo by Harpal Singh on Unsplash UIを実装していくときに、定期的に湧いてくる「このアイコンって、本当にここに必要なものなの?」っていう疑問に対して、自問自答みたいな感じでとりとめもなく纏めていったポエムです。 これが正解という気はさらさらな…

CHARITY CONFERENCE OKINAWA VOL.1に参加しました

注)沖縄に高跳びしたわけじゃありません。オンラインカンファレンスだったので、家から参加でした。 CHARITY CONFERENCE OKINAWA VOL.1 FRONTEND charity-conf.okinawa.jp 第一弾のテーマがフロントエンドだったのと、身内が沖縄だったので参加することで貢…

bashからzshにお引越しした

経緯 Mojaveから、重い腰を上げてCatelinaにアップデートしたら、 The default interactive shell is now zsh. To update your account to use zsh, please run chsh -s /bin/zsh. For more details, please visit https://support.apple.com/kb/HT208050. …

macOSからLinux(Debian 10)へssh接続する

設定していて、参考の記事がいまいち分かりづらいなぁというか流れがよくわからん…(´・ω・`)って思ったので自分用備忘録。 多分VirtualBoxとかでも使えるのでは…(なんて思ってる) 前提 さくらVPSにLinux(Debian10)をカスタムインストール sudoをインスト…

NeoVimな環境でdeoplete.nvim+ternでJavaScriptの補完をいい感じにするメモ

自分の環境がぶっ壊れた時、「あの問題どうやって解決したんだっけ?」って思ってggってもなかなか情報が少なかったので、備忘録も兼ねて書いていきます。 Photo by Markus Spiske on Unsplash