くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Twitterでツイートできる文字数を正確に数える(絵文字もURLも)

Nuxt.jsでツイートするアプリを作りたいなと思い、 文字数ってどうやって計算するんだろ?って思ったら、 公式でライブラリ(twitter-text)が用意されているらしいので、使ってみたときの備忘録 Java版/Ruby版/JavaScript版/Objective-C版などいろいろあるら…

Web Communityを読んだら、CGM系Webサービス開発の知見しかなかった...

Web Communityの感想文。 というか、気になった言葉のクリップ集。 読んだ感想 CGM系のWebサービスをつくっているので、かなり良かった。。 ちょうどCGM系のサービスを作っているので、参考になるところばかり。。。 特に、1〜3章が個人的に知見が多く、かな…

やる気が尽きないように気をつけていること

どうもきらぷかです。 この記事は、Crieitのアドベントカレンダー、プログラミング・コーディング以外のノウハウ・ティプスの15日目の記事です。 Hataさんの記事を見て、なんか書いてみようかなと。 飽きやすく、なまけやすい... 自分では結構飽きやすく、す…

Nuxt+TypeScript+Firebaseのはじめるときにやること: 2019年12月版

ひさびさに新規でNuxtアプリを作ろうと思ったら、 いろいろ変わっていたので、備忘用のまとめ。 (時間がなかったので割と雑め...いつかきれいに加筆する予定...) ソースコード 自分用のスタータになるようにGitHubで公開してみた。 (この記事の執筆時よりも…

text-overflowの複数行版、line-clampを使ってみる

css

複数行でも省略できるようになるline-clamp。 使ってみたら、若干手間取ったので、その時の備忘録。 .clamp-three-lines { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; /* 上の3つを指定して、やっと使えるようになる */ -webk…

<input type="file" />で選択した画像を<img>に表示する

雑だけど、こんな感じ(´ω`) <html> <body> <input type="file" id="myImage" accept="image/*" onchange="setImage(this);" onclick="this.value = '';"> <img id="preview"> <script> function setImage(target) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById("preview").setAttribute(…</body></html>

ISO 8601表記の継続時間(PT10M10Sみたいなの)をtimedeltaに変換する

"PT10M10S"みたいな時間をtimedeltaに変換したいなと思ったら、 isodateで簡単にできたので、その備忘録。 インスール $ pip install isodate 使い方 import isodate iso_time = "PT10M10S" # 10分10秒のISO 8601表記 td = isodate.parse_duration(iso_time)…

pythonのtimedeltaをHH:MM:SSで表示する

毎回調べ直すので、備忘用... timedelta、いい感じにフォーマットできないので、 自分で計算しないといけない.... def format_timedelta(timedelta): total_sec = timedelta.total_seconds() # hours hours = total_sec // 3600 # remaining seconds remain …

DjangoのrunserverをHTTPSで起動する(django-extensionsでRunServerPlus)

Djangoの開発サーバをHTTPSで起動したいなと思ったら、 django-extensionsのRunServerPlusでできるよう。 簡単にできたので、その時の備忘録。 インストール まずはインストール $ pip install django-extensions # RunServerPlusを使うためのライブラリ $ p…

【Nuxt/Vue】dynamic importに置換するsedのスクリプトで速度をちょっと改善した

開発しているWebサービス、少し初期表示が遅いので、少しずつ改善中... Vueの非同期コンポーネントを使うと改善されるよう。 とりあえず置換しただけだけど、赤だったPerformanceが オレンジになった(´ω`) こんな感じに書き換える。 import { Component, Vu…