taccuma note

iPhoneでSyntaxHighlighterの表示が崩れるときの対処法

iPhone-syntaxhighlighter-1

このブログではソースの表示にWordPressのプラグイン「SyntaxHighlighter Evolved」を使っているのですが・・・パソコンで見たときはキチンと表示されているのに、iPhoneでは何故か表示が崩れているのを発見してしまいました。なんか行番号とソースの行間が合ってないというか、ソースを表示してる箇所だけフォントサイズが無駄にデカいです。MacのChromeにあるデベロッパーツールでiPhone上の表示も崩れていないことを確認してたんですが、実際のiPhone上ではこんな感じで表示崩れてますw

最初はSyntaxHighlighter Evolvedのスタイルを変更しているから崩れたのかな?とCSSをSyntaxHighlighter Evolvedの初期設定に戻したんですが・・・それでも何故かiPhone上ではスタイルが崩れています。何でだろう?って思って調べたら解決方法が分かったのでご紹介します。

続きを読む

ターミナルのシェルプロンプトを変更する方法

terminal-setting-bash_profile1

ターミナルのシェルプロンプトってデフォルトだとものすごく長いんですよね。
デフォルトのシェルプロンプトはこんな感じ。

terminal-setting-bash_profile4

$マークの前の部分が「taccuma-no-MacBook-Pro:~」みたいになってて長すぎるんですよ。この無駄に長いシェルプロンプトをシンプルなカタチに変更する方法をご紹介します。

続きを読む

ターミナルで起動時にようこそメッセージを表示させる

terminal-setting-bash_profile1

ターミナルって怖いですよね。最近になってようやく少し勉強しはじめたのですが、未だに怖いです・・・この黒い画面w そんなターミナルですが、例えばターミナルを起動したときに「ターミナルへようこそ!(*´ω`*)」みたいに表示されたら、少しはターミナルの怖さが半減するかも知れません。

この記事ではターミナル起動時に独自のようこそメッセージを表示させる方法をご紹介します。

続きを読む

Atomのtree viewに表示される.DS_Storeを非表示にする方法

tree view上にある邪魔な不可視ファイル

GitHub製のテキストエディタAtomのtree view上に表示される「.DS_Store」や「.localized」というファイル。これ何だろうと思ったら、Macのfinder上で自動的に生成される不可視ファイルです。Macのfinder上で不可視ファイルを見えるようには設定していないのに何故かAtomのtree viewの上で表示されるのは凄い邪魔だなぁと思って、これどうやって消すんだろう?頑張って調べてみました。

続きを読む

Atomの縦線を消す方法・・・

Atomの縦線を消したい!

メインで使ってるテキストエディタはSublime Text3なのですが、前々から気になってたGitHubが作ってるAtomという無料のテキストエディタをつい最近DLして使い始めました。まだまだ分からないことだらけで慣れるのが大変なのですが(;^ω^)

Atomを最初に起動して一番気になったのがこの縦線です。画像をクリックして拡大してもらうと分かりやすいのですが、エディタの真ん中を左右に分割するように縦線が入ってます。
ちょっと邪魔。いや・・・かなり邪魔。ていうか……何に使うんだろう?
出来ることなら消してしまいたい。

ということで調べてみました。

続きを読む

Xcodeのフォントサイズを変更する方法

スクリーンショット 2015-07-28 4.36.19
最近少しずつではありますが、Swiftの勉強をしています。Swiftの勉強するときはXcodeを使うんですが、Xcodeでプログラミングしてると……ちょっとフォントが小さすぎる気がして困ってたんですよね。もともと目が悪いのでどんなソフトもフォントサイズは大きめで使うのが慣れてて、どうにかXcodeのフォントサイズ大きくしたいなぁと思ってたんですが、やり方が分からない(英語だし)ということで、調べてみました。

続きを読む

ブラウザ上で学べるプログラミング学習サービスProgateを使ってみました

スクリーンショット 2015-01-21 16.10.04
ブラウザ上で手軽に学べるプログラミング学習サイトといえば世界的にはCodecademyが有名だと思いますが、Codecademyは基本的にほぼ英語サイトなので・・・英語が苦手な人にとっては非常に取っつきにくい。

日本語でプログラミングが学べるといえばドットインストールが有名ですが、動画での解説だけなので・・・受動的に動画を見てるだけだと身につかない。

日本語で学習可能なCodecademyっぽいサイトが無いかなぁ?と思ってる方は・・・Progateが良いと思います。ブラウザ上でそのプログラミング言語の解説スライドを見た後、実際に自分の手でブラウザ上のエディタに入力し、その結果がブラウザ上で確認できる。全部Progateのサイトの上で完結するので、プログラミング学習のとっかかりにはもってこいだと思います。

以下この記事ではCodecademyとの比較を入れつつ簡単なレビューをしてみようと思います。

続きを読む

MAMPのセキュリティ設定を見直して外部からのアクセスを防ぐ

MAMP公式サイト

XAMPPやMAMPなどのローカル開発環境をインストールしたら、まず一番最初にするべき事は「セキュリティ設定の見直し」です。デフォルトの設定では自分自身のパソコンでローカル開発環境にアクセスできる事に加えて、外部からもローカル開発環境にアクセスが出来てしまいます。

MAMPをインストールしてとりあえず起動できるか確認したら、まずはMAMPのセキュリティ設定を見直して、外部からの不正アクセスを防ぎましょう。

続きを読む

MacにMAMPの無料版だけをインストールする方法

スクリーンショット 2015-01-13 9.27.33
ローカルでWordPressのテーマを作成したい、そんな時はローカル開発環境(自分専用の仮想サーバー)を整えましょう。ローカル開発環境にWordPressをインストールしてそこでテーマを作成します。テーマがちゃんと動く事を確認したら実際にサーバーにアップロードして自分で作ったテーマを有効化すればOKです。

WindowsだとXAMPPが有名ですが、Macだと圧倒的にMAMPが有名なのでMacではMAMPをインストールする人が多いですよね。そこで自分もMAMPをインストールしたんですが、MAMP初心者が一番最初に疑問に思うのが・・・無料版だけ使いたいのに、自動的に有料版(Pro)までインストールされる点です。MAMPは無料版と有料版のインストーラーが一つにまとまっているので、そのままデフォルトだと両方ともインストールされます。別に両方ともインストールされたって、あとでProの方だけ削除してもいいし、Pro版を起動して課金さえしなければOKなのですが・・・必要のないものをインストールしたくない人向けに、一番最初のインストール時点でPro版を除外する方法をお伝えします。

続きを読む

最近の投稿

おすすめ

タグクラウド

カテゴリー