日記

こんにちは、しきゆらです。
今回は、前回に引き続き自作PC関連のお話。
Windowsのインストールと、ケースファンを増設したのでメモしておきます。

日記

こんにちは、しきゆらです。
今回は、前回に引き続き自作PCの話です。

前回は選んだパーツについて書きました。
今回は、実際に組み込んでいきます。

 

日記

こんにちは、しきゆらです。
今回は、タイトル通り知識もない中で自作PCに挑戦したので、その様子をメモしておきます。

はじめに

単純に組み立てるだけであればそこまで難しい知識は必要ありません。
各パーツがどのような役割なのか程度はわかっていたほうがいいと思いますが、その程度でなんとかなります。
しかも、最近はYouTubeなどで「自作PC」と検索するとたくさん参考になりそうな動画を見ることができます。
好きな動画・YouTuber等を選びながら、参考にするものをあらかじめ決めておき大まかな流れをつかんでおくと、躓くことが少なくなると思います。

Mac,環境構築

こんにちは、しきゆらです。
今回は、ターミナルのシェルをbashからfishへ変更したので、その方法などをメモしておきます。
シェルに関しては、下記サイト等調べると様々な情報が出てくるのでそのへんで確認してみてください。

  1. シェルとは・・・

シェル(shell)とは、UNIX系OSでコマンド操作の基本的なルールを示すもののことです。

シェル入門

今回は、複数あるシェルの中でもfishというものを導入していきます。

Ruby

こんにちは、しきゆらです。
今回は、タイトル通りものづくりの中でよく使うであろうrootパスを取得する方法をメモしておきます。

といっても、今回は「すべてのコマンドや実行はrootディレクトリから行う」という方針で考えています。
これを決めておけば、簡単です。

方法

すべてrootディレクトリから行うと決めてしまえば、難しいことはありません。
RubyさんはDirというディレクトリ操作のためのクラスや、Pathnameというパス名操作のためのクラスがあります。
これらを使えばよいですね。

pwd -> String
カレントディレクトリのフルパスを文字列で返します。

https://docs.ruby-lang.org/ja/latest/method/Dir/s/getwd.html

class Pathname
パス名をオブジェクト指向らしく扱うクラスです。

https://docs.ruby-lang.org/ja/latest/class/Pathname.html

コードは以下の通り。

ROOT_PATH = Pathname.new(Dir.pwd)

Dir.pwdは作業中のディレクトリを取得できるので、Pathnameで囲んでおきます。
これを定義しておけば、読み込みたいファイルをjoinでつなげていけばいいので便利。

 

まとめ

今回は、rootパスを取得する方法をメモしました。
といっても、コマンド実行しているディレクトリをrootパスとして決め撃ちしているので本来の指定方法ではないのかもしれません。

いい方法があれば教えてください。

 

今回は、ここまで。
おわり

JavaScript

こんにちは、しきゆらです。
今回は、DOMに対してクラス名を外す処理とつける処理を1行でやる方法を知ったのでメモしておきます。

DOMへのクラス追加・削除

DOMに対してクラスを追加・削除するには、それぞれadd/removeというメソッドが定義されています。
これらを使えば、動的にDOMのクラスを変更することができます。

しかし、例えば既存のAというクラスを外してBというクラスをつける
という処理を書く場合、素直に書くならば以下のように2行になってしまいます。

dom.classList.remove('A');
dom.classList.add('B');

 

クラスの追加・削除をまとめる

上記のようなコードを1行で書くには、以下の方法で行えます。

dom.classList.replace('A', 'B');

replace( oldClass, newClass )
既存のクラスを新しいクラスで置き換えます。
Element.classList – MDN

MDNを眺めていて見つけました。
知っていなくてもなんとかなるけど、知っているとコードがスッキリするやつですね。
知っているつもりでも、改めて見てみると知らないことがあるので、時々見てみるといいかもしれません。

 

まとめ

今回は、DOMの追加・削除を1行で行うメソッドを発見したのでメモしてみました。
置き換えるという方法でできる処理は1行で書けるので、知っていると少しだけコードが短くなると思います。

 

今回は、ここまで。
おわり

JavaScript

こんにちは、しきゆらです。
今回は、以前に少しだけ触れたparcelを使って開発環境を構築してみました。
また、個人的に以前まで疑問だった、JSとSCSSを用いた場合にどう管理するのか問題を解決することができたので合わせてメモしておきます。

parcelに関しては、以前少しだけ記事にしたことがありました。
=> 以前の記事：【JS】フロントエンド界隈で話題のparcelことはじめ
以前まではWebpackを利用していましたが、難解な設定や多様なプラグイン等、気軽に使うにはハードルが高い状況でした。
そんな中で、parcelは面倒で難解な設定ファイルを作成せずとも、自動で関連するファイルを監視し、変更があれば適宜処理を走らせてくれます。

そんなparcelさんですが、実際にparcelを使ったものづくりをするときにどうすればいいのかわからない部分がありました。
それは、SCSSを使った場合の読み込み方です。
HTMLからSCSSを読み込んでも、ブラウザは反映してくれません。
それをどう読み込めるようにするのかが疑問でした。
これを解決することができたので、合わせて記録しておきます。

Mac

こんにちは、しきゆらです。

今回は、(ほぼ)外部からアプリをインストールせずにデフォルトで入っているアプリだけで画像にモザイク・ぼかしをかける方法をメモしておきます。
念のために書いておくと、画像編集専用のアプリを使わずにモザイクをかける、ということを目指しているのがこの記事。
こまこまとたくさんのアプリを入れたくない！という人は是非。

今回は、以下のサイトを参考にコードを修正したりしています。

macで画像加工はプレビュー.appで決まり！文字の回転やぼかし(ガウス)加工の方法 | mac野郎なのか

http://fanblogs.jp/macyarounanoka/archive/268/0#clipboard-image-gaussian-blur

Mac

こんにちは、しきゆらです。
改めて、本年もよろしくお願いします。

 

今回は、Macでのメーラである3種類のアプリ

  • Mac純正メール
  • AirMail
  • Spark

を実際に使ってみて、個人的感想をメモしておきます。
メーラーを探している人の参考になれば、と思います。

 

なお、何度か登場していますが、私が使用しているMacのスペックを書いておきます。
参考程度に。

  • MacBook Pro Retina, 13-inch, Early 2015
  • CPU: Intel Core i5(2.7GHz)
  • メモリ：8GB DDR3 1867MHz

 

未分類

こんにちは、しきゆらです。

今回は、TeXで吐き出したPDFの目次などにアンカーを貼る方法を調べたので記録しておきます。

 

動機

ネット上からPDFをダウンロードしてくると、時々PDFないにアンカーが貼ってあるものがあります。

ページ数が多い場合はとても便利ですよね。

これを、自分の環境でも作るにはどうすればいいのか知りたくなったので調べてみました。

調べてみると、以下のページがヒット。

ハイパーリンク付きLaTeX文書 – 明治大学

ここを参考に見ていきます。

 

インストール方法

TeXは、便利なパッケージが豊富に用意されています。

ファイル内にアンカーを貼るためのものも存在するようです。

今回利用するのは「hyperref」というものです。

 

上記サイトから、hyperrefとPXjahyperをダウンロードしておきます。

TeXパッケージは、TeXがわかる場所であればどこにおいても問題ないようです。

今回は、「/usr/local/texlive/2018basic/texmf-dist/tex/latex/hyperref」に設置しました。

PXjahyperは「/usr/local/texlive/2018basic/texmf-dist/tex/platex/pxjahyper」に設置しました。

 

使い方

普通のTeXパッケージと同じように

\usepackage[dvipdfmx]{hyperref}
\usepackage{pxjahyper}

を追加するだけ。

これだけで、目次や文献参照部分には勝手にアンカーがついてくれます。

 

なお、アンカーがある部分の色に赤線が追加されます。

これに関しては、設定で好みに指定することができます。

設定項目に関しては、こちらに項目やデフォルト値が書かれていますので、適宜設定してください。

 

あえて強調したくない場合は、以下のような設定にしておくと良いかと思います。

\hypersetup{
setpagesize=false,
 bookmarksnumbered=true,%
 bookmarksopen=true,%
 colorlinks=true,%
 linkcolor=black,
 citecolor=black,
}

 

 

まとめ

今回は、TeXで作成したPDFにアンカーを設置する方法を調べてみました。

親切な人に感謝です。

 

 

おわり