ソフトウェア開発/その他

ファイル、フォルダの整頓術 - そもそも整理、仕分けはもうやらなくて良い

はじめに 無意識のうちに毎回、「あのファイルどこにあったかなぁ」と考え、探しているこの行為。「この小さな時間と労力は、長期的に見ると莫大なコストを支払っているのではないか?」と思うのです。 パソコンやデジタル端末を使い続けていくと、使わない…

プログラミングコードに色付け - はてなブログでのシンタックスハイライト

private lazy var onceExec: (()->())? = { return nil }() 上のように、コードを背景黒の上にハイライトして表示してくれるcss。こちらのcssを利用させてもらった。 はてなブログでソースコードの表示をわかりやすくするカスタマイズ - FOXISM はてなのデザ…

Mac容量が少なくなったら、xcode関連のいらないファイルを削除する

ボトルネックを探す。だいたいライブラリが容量をくっている。 du -h -d 1 ~ xcodeで開発していると、下記フォルダ内が溜まっていくので定期的に削除してあげる。 ~/Developer/Xcode/Archives/ ~/Developer/Xcode/DerivedData/ シミュレーター関連もクリーン…

Pandocでmarkdownからhtmlへスタンドアロンオプションをつけて変換する

Markdownからhtmlに変換するときのお話。 htmlで画像を表示する場合、通常、画像パスを指定してimgタグで画像を参照するとおもう。それを今回は、画像データーをBase64にエンコードし、直接htmlのソースに書き込んでしまおうということである。こうすること…

自分のブログツールの変遷を振り返ってみる

ブログというかWebに文字としてログを残すという意味ではBBS時代もまれるだろう。だいたい次のような流れになると思う。 自鯖BBS(2000年代前半)↓mixi(2004年頃)↓ameba blog、Twitter、Facebook(2009年頃)↓さくらサーバー上でHTMLベタがき、Wordpress(2011年…

OGPが反映されない。ブログカードを実装するまで

ブログカードとOpen Graph Protocol(OPG) URLをつけて投稿するとSNSなどにカードのように表示されるこれ。 どうやるかというとhtmlのメタタグにこんな感じでサイト情報を埋め込むことでコントロールできる。 <meta content="description説明が入ります" name="description" /> <meta content="og:titleタイトルが入ります" property="og:title" /> <meta content="article" property="og:type" /> </meta></meta></meta>

cURLの使えそうなオプションメモ

HEAD リクエストする curl -I https://works.kamityping.com/post/2018/harmonize-ja.html HTTP/1.1 200 OK Date: Wed, 23 May 2018 13:17:41 GMT Server: Apache Last-Modified: Wed, 23 May 2018 12:16:12 GMT ETag: "1a0014-3b73-56cde8024fb00" Accept-R…

App Store用のスクショ作成

fastlaneはインストール済みとして進める。 モックアップ画像にはめ込む スクショをどこかのディレクトリに保存したらそこへ移動してコマンドを叩く。 iPhone X のサイズのスクショなら iPhoen X に埋め込んでくれる。 fastlane frameit rose_gold fastlane …

CSSで横並びでメニューボタン配置してみる

うやむやにしてきたメニューボタンの作り方。 これを期に1から作ってみる。 参考: http://uxmilk.jp/60712 Htmlの用意 <ul class="nav"> <li><a href="#">Link1</a></li> <li><a href="#">Link2</a></li> <li><a href="#">Link3</a></li> <li><a href="#">Link4</a></li> </ul> CSSでボタンを作成する ulの操作 丸ぽちを取り除く .nav { list-style: none; } liの操作 横幅を指定、背景…

サーバーにアップロードするための神コマンド『rsync』!

rsync をご存知だろうか? ホームページやWebアプリをサーバーにアップロードする作業、 DreamweaverやFileZilla、FTPやSSH(SCP)などで行なうのが世の常、常識 しかしその常識が本当は非常識だどしたら? rsync に触れてみれば今までのやり方が非常識だった…

SSH(SCP)でディレクトリ丸ごと、通信を圧縮してアップロードしてみる

scpを使う。 scp -C arcfour128 -r targetDir username@hogehoge.jp:/home/username/ -r をつけるとディレクトリを丸ごとコピーしてくれる(上書きされるので注意)。 -C オプションをつけると通信を圧縮してくれるのでアップロードが速くなる。 使える暗号…

シェルスクリプト・コマンドの覚え書き

シェルスクリプトに慣れるためのメモ。 引数と特別な変数 test.sh #!/bin/sh #スクリプト名 echo "$0" #ドルマークをバックスラッシュでエスケープすれば文字列として扱える echo "\$0" #1番目の引数 echo "$1" #引数の数 echo "$#" # $* 全部の引数をまとめ…

プログラミングで使う句読点(Punctuation marks)の読み方

プログラミングなどで使う特殊記号の読み方を覚えておけば英語で検索する時に役立つと思います。 ※下記の読み方はアメリカ英語、イギリス英語が混在しています。 Punctuation marks Symbol Name ' apostrophe [ ] square brackets ( ) round brackets { } fr…

【シェルスクリプト】Pandocを使ってMarkDownをHtmlに変換

#!/bin/bash cd `dirname $0` #おまじない for fname in *.md; do pandoc $fname -t html5 -H templates/header.html -B templates/before.html -A templates/after.html -o ${fname%.md}.html # echo $fname ${fname%.md}.html; done

Macのシェルで使えるコマンドやスクリプトを書いて覚えていこう!

このページではMacで使えそうなコマンドの覚え書きです。 内容は随時修正、変更されます。 アルファベット順で上げてます。 awk -F'[フィールド区切り文字(複数可能)]'を指定して、文字列に対して列として処理できる。 echo 1 2 3 4 |awk '{print $1}' 1 ech…

Macで使えるショートカットキーの覚え書き

この記事は随時修正、更新されます。 Finderで使える ファイルを複製する command + D DはDuplicateの意味 名前の変更 ファイルやフォルダを選択して return QuickLook ファイルを選択してスペースキー 新規タブの作成 command + T タブを閉じる command + W…

GitHub Pagesのトラブルシューティング

GitHub Pagesでサイトを運用する際につまづいた事を忘備録として残しておきます。 Octocatロゴはこちらから利用させてもらっています。 サイトが反映されない サイトが何時間もたってもビルドできていないと思ったら、こんなメールが届いていた。 The page b…