くらげになりたい。

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

AndroidのWebViewでInstagramを表示する

InstagramのOAuthをAndroidで使おうと思ったら、WebViewが開けず。。 そのときにいろいろ調べたときの備忘録 JavaScriptを有効にすればOK WebViewのSettingsでJavaScriptを有効にするとうまく動いた! WebView webView = findViewById(R.id.webView); webVie…

Djangoのmanage.pyでDBデータのダンプ/ロードする

DjangoでDBデータを扱うときの備忘録。よく使うけど、忘れるので。 DBのデータをダンプする # 全テーブル出力 $ python manage.py dumpdata --indent 2 --format json # モジュールの全テーブル出力 $ python manage.py dumpdata <mymodule> --indent 2 # 特定のテーブ</mymodule>…

webpack-dev-serverに外部からアクセスできるようにする

webpackでフロントエンドをいじっているけど、 モバイル向けのレイアウト確認のため、スマホから接続したいなと思ったときの備忘録。 webpack-dev-serverの外部アクセス設定 ホストとホストチェックの設定をwebpack.config.jsに追加して、 いつもどおりnpm r…

Pythonのドキュメントコメントの書き方(Googleスタイル編)

Pythonのドキュメントコメント(Docstrings)の書き方、何やら流派があるらしい。。 Googleスタイルを調べてみたので、その時の備忘録。 reStructuredText(reST)スタイル NumPyスタイル numpydoc – Numpy’s Sphinx extensions — numpydoc v0.9.dev0 Manual N…

Pythonのドキュメントコメントの書き方(NumPyスタイル編)

Pythonのドキュメントコメント(Docstrings)の書き方、何やら流派があるらしい。。 NumPyスタイルを調べてみたので、その時の備忘録。 reStructuredText(reST)スタイル NumPyスタイル numpydoc – Numpy’s Sphinx extensions — numpydoc v0.9.dev0 Manual Nu…

Django REST Framework+SwaggerでAPIドキュメント自動生成

Django REST FrameworkにSwaggerを簡単に入れれるらしいので試してみたときの備忘録。 インストール とりあえず、pipでインストール $ pip install django-rest-swagger あわせて、settings.pyにも追加&設定 INSTALLED_APPS = ( ... 'rest_framework', 'res…

フリーランス一年目の振り返りと今年のほーふというやつ

2018年にフリーランスになってからもうすぐ一年なので、振り返ってみようおもう。 1年をとおして思ったこと・考えていたこと・2019年やりたいことをまとめてみました。 ざっとまとめると、 退職しました: 1月 開業しました: 2月 受託のお仕事 SpringBoot&And…

Windows版Kobitoの記事を一括エクスポートする

いまさらですが、kobitoから移行しようかなと思い、一括エクスポートする方法を調べたので、その時の備忘録。 ほぼQiita記事通り。スクリプトをちょっと変えた感じ。 kobitoを起動 メニュー内「kobito」→「設定」→「開発者向けツールを表示する」をクリック…

【小ネタ】webpackでhtmlも扱う

webpackでhtmlも出力したかったので、その時のメモ。 html-webpack-pluginとhtml-loaderを使えばOK ディレクトリ構成はこんな感じ。 . ├── src │ ├── html │ │ └── index.html │ └── index.js │ └── dist ├── js │ └── main.js └── index.html インストール …

Vue.jsでの配列・オブジェクト操作のお作法

Vue.jsでは、配列やオブジェクトの代入を、うまく検知できないらしい。。 お作法があるので、調べてみたとこの備忘録。 配列 // 追加: pushを使う let addItem = ... this.items.push(addItem); // 変更: spliceを使う let modifyIndex = 1; let modifyItem …

SEO/OGP関連のmetaタグをまじめに対応しようとしてみた。

リリースした新しいWebサービス「トランスノート]を公開するときに、 まじめにSEO関連を調べてみたので、その時の備忘録。 やらなきゃいけなことがたくさんあった。。 metaタグといっても、いろいろある。 検索関連の基本的な設定 ファビコンやiPhoneやAndro…

【小ネタ】JavaScriptでクリップボードにコピーする(Async Clipboard API)

クリップボードにコピーするほう法を調べたので、その備忘録。 // Copy navigator.clipboard.writeText("some text").then(function() { // Promise resolved successfully. console.log("Copied to clipboard successfully!"); }, function() { // Promise …

【新サービス】複数言語へ一括翻訳できる文章・単語の管理アプリ『トランスノート』をリリースしました!

ひそひそと作り始め、ついにリリース。。!! とはいえ、ベータ版ですが。。 trans-notes.net 開発動機は、「めんどくさい。」 アプリの多言語対応は重要。でも、めんどくさい。 多言語対応やローカライズは重要。 でも、個人開発だと、翻訳者もいないし、コ…

CSSの国旗アイコンライブラリ(flag-icon-css)がよかった。

Webサイト内で、国旗を表示したいなと思ってたら、flag-icon-cssという、いい感じのCSSアイコンがあったので、その時の備忘録。 NPMでインストール $ npm install flag-icon-css 使い方。簡単。 <span class="flag-icon flag-icon-jp"></span> <span class="flag-icon flag-icon-kr"></span> ただ、国旗は標準サイズが決まってないらしく、アスペクト比…

SSRなNuxt.jsで、DOM要素を参照するライブラリをインポートする

Nuxt.jsでSPAからSSRに変更しようとしたら、そのままでうまくいかず。。 import時にエラーが出てしまうのに対処したときの備忘録。 状況 使っていたのは、ScrollRevealというアニメーションライブラリ。 その中で、document.documentElementを参照しているの…

【小ネタ】N日前のファイルを削除するコマンド

ゴミが溜まるので、定期的に削除したいなと思ったので、いろいろ見てみたけどfind便利。 # 最終更新日が3日前のファイルを削除 $ find ./ -daystart -mtime -3 -exec rm -vr {} \; 参考にしたサイト様 findコマンドのmtimeオプションまとめ - Qiita "find" n…

Nuxt.jsでGoogle Analyticsを使おうとしたら、簡単だった。

Nuxt.jsでGoogle Analyticsしたかったので、いろいろ調べたときの備忘録。 公式プラグインがあるらしい(Google Analytics Module) 中では、vue-analyticsを使っているので、基本vue-analyticsのドキュメントを見るっぽい。 インストール $ npm install --sav…

SNSシェアボタンを追加するあれこれ(Facebook/Twitter/Google+/はてなブックマーク/LINE/Pocket)

ウェブサイトによくあるSNSのシェアボタン。使いたいなと思い、いろいろ調べたときの備忘録。 アイコンを探す アイコンは色を変えたりなどしたいので、CSS fontがいい。 - Font AwesomeとかLigature Symbolsを見てみる - なければ、Simple IconsでSVGを探し…

Nuxt.jsのproduction時にconsole.logを削除する

npm run buildしたときに、console.logとかをminify時に自動で削除してほしいと思ったときの備忘録。 Nuxt.jsのバージョンは、v2.2.0 nuxt.config.jsの設定 uglifyjs-webpack-pluginを使うようにした感じ。 const UglifyJsPlugin = require("uglifyjs-webpac…

AWS EC2のディスク容量を増やす

AWS EC2のディスク拡張(EBS ボリューム)&Linux パーティションを拡張する方法。 たまにやるけど、よく忘れるやつ。 # lsblk NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT xvda 202:0 0 32G 0 disk <- ディスクサイズが32G `-xvda1 202:1 0 16G 0 part / <- パ…

ScrollRevealで簡単JavaScriptアニメーション

スクロールすると表示されるアニメーションとかをやりたかったので、 いろいろ調べたら、ScrollRevealがいい感じだった。その時の備忘録 npmでインストール $ npm install scrollreveal --save スクロールアニメーションの設定 import ScrollReveal from "sc…

システムアーキテクト試験の過去問一括ダウンロードスクリプト

先日IPAのシステムアーキテクト試験を受けてきた。その際、過去問を一括ダウンロードするために書いたスクリプト。 アプリケーションエンジニア試験時代(平成16年~平成20年)は、午前がまとまっているので、午後の問題のみ。 #!/bin/bash # ****************…

【Android】パーミッション無しで画像のURIを取得する

別のActivityをファイル選択ダイアログ的に使う方法。 よくやるけど忘れるやつ。よく忘れるのでφ(..)メモメモ 画像選択するActivityを開く int RESULT_PICK_IMAGEFILE = 1000; Intent intent = new Intent(Intent.ACTION_OPEN_DOCUMENT); intent.addCategory…

Django Admin Siteが便利すぎてつらい

admin-site便利。 以下、公式サイトより。 Djangoのパワフルな特徴の1つは、自動的に生成されるadminインタフェースです。あなたのモデルクラスからメタデータを読み取り、モデル中心のインタフェースを提供します。このインタフェースのおかげで、ユーザは…

AndroidのAlarmManagerに再度入門する

いつもAlarmMangerには悩まされるのので、再度調べてみたときの備忘録。。version追従辛い。。 AlarmManagerで設定するサンプル Context context = ....; // AlarmManagerを取得する AlarmManager alarmManager = (AlarmManager) context.getSystemService(C…

Android7.xで電話・通話の自動応答できるようにするまで

Androidはバージョンが上がるごとにセキュリティ対策が進み、利用できなくなるAPIがある。 電話の自動応答もその一つで。数少ない情報も使えない場合が多い。 調べてやってみたこと ITelephonyを使って、acceptCall()を実行する(The internal ITelephony.aid…

【小ネタ】取得したファイルをURIをRetrofitで送信する

表題まま。取得したファイルをURIをRetrofitで送信したときの備忘録。 そのままだとうまくいかないので、RetrofitをRequestBodyを継承して、 writeTo()時にファイル読み込むようにするといいっぽい private fun createRequestBody(uri: Uri, context: Contex…

AndroidでRetrofit2をつかってみた

AndroidでAPIクライアントライブラリのRetrofit2を使ってみたときの備忘録。 build.gradle // Retrofit compile 'com.squareup.retrofit2:retrofit:2.3.0' // OkHttpのログを見たいとき compile 'com.squareup.okhttp3:logging-interceptor:3.4.1' // Adapte…

Windows10のWSLで、Python3+Djangoしたい

やっと、Windows10のWSLを触るように。。Python環境を整えてた時の備忘録。 やったこと $ python -V # => Python 3.6.5 $ pip -V # => pip 9.0.1 from /usr/lib/python3/dist-packages (python 3.6) $ virtualenv --version # => 16.0.0 1. pipのインストー…

DjangoでRESTfulなAPIしてみた

DjangoでREST APIを簡単に作れるフレームワーク(djangorestframework)を使ってみた。 サクッと作れるので、いい感じ! インストール とりあえず、pipでインストール $ pip install django djangorestframework インストールしてたら、rest_frameworkを追加 I…