よっしぃー

About よっしぃー

広島でフリーランスをしています。 フロントエンドエンジニア、Webデザイナー、グラフィックデザイナー

Macbookproのキーボード清掃に成功した話

macbookpro2017のキーボード清掃をしました。 原因は液体をこぼしてしまって、タイピングがとても固くなってしまったためです。 キーボードの清掃はできないのかAppleのサポーターの方々に相談すると、キーボードは取り換えになり、最低8,500、場合によっては11万円すると告げられました・・・。 ちなみにそこまで高いのは、キーボードはバッテリーとトラックパッド、Touchbarなど、表に見える部分すべてがくっついているため、キーボード交換=ほぼすべての入力デバイスの交換になってしまうのだそうです。(この薄さを実現するための手法だそうです) サポーターの皆さんはとても親切に対応していただいたのですが、私の力不足のため、修理に出すことを断念。 苦渋の決断として自力で掃除をすることにしました。   なお、自身の行動による被害はAppleのほうでもサポート外になるため、修理費は必要な分とられます。(今回の液体をこぼしての不備もそうでした。) ですので、このブログを参考にキーボードをいじって、万一破損した場合、責任は負いかねます( ˘ω˘

2017-11-18T11:43:35+09:002017/11/18|Categories: Tips, ブログ|

WEB開発者向けブラウザBLISKの拡張機能

BLISKというweb開発者向けブラウザがあります。 スマホ主流の時代、こういったブラウザはとても助かります!   以下紹介ページ http://nelog.jp/blisk   BLISKに入れておきたい拡張機能 BLISKはchromeの拡張機能を使えます。 私の場合chromeの拡張機能は開発に関係の無いものも結構はいっているので、ノートPCだと少し重たく感じます。 そういったときにBLISKで開発に必要な拡張機能だけ入れるのはすごく便利です!

2017-01-13T14:28:15+09:002017/01/14|Categories: WEB, Development Environment|

WordPressのhead内はたった4行!すべて動的にしよう!

あなたはまだhead内の設定をheader.phpに書いてますか? phpに記述するheadの中身は4行でいいんです! 代わりにfunction.phpに設定をしていき、管理画面ですべて設定していきましょう。  header.phpに記載するheadの中身 <head> <meta charset="<?php bloginfo( 'charset'

2016-12-06T18:22:41+09:002016/12/07|Categories: WEB, Wordpress|

canonicalの設定

そもそもcanonicalってなに? canonicalとは重複ページの評価を分散させないためのもののようです 例えば ————————————————— http://www.sample.com/ (wwwあり、index.htmlなし) http://www.sample.com/index.html (wwwあり、index.htmlあり) http://sample.com/  (wwwなし、index.htmlなし) http://sample.com/index.html (wwwなし、index.htmlあり) ————————————————— このような4つの25%分の評価を1つで100%にするのがcanonicalです

2016-12-01T11:00:18+09:002016/12/01|Categories: WEB, Web Developement|

ブックマークバーをアイコンのみにする

ブックマークバーにブックマークを増やしていくと、便利なはずのブックマークで逆に探さないといけないことになることがあります。 なので、ブックマークバーのブックマークをアイコンのみにして見やすいようにしましょう。   こんな感じ↓     ブックマークの名前をなくす 結論から言うと、ブックマークの名前をなくせばアイコンのみになります。   ブラウザによって編集項目は違いますが、ブックマークを右クリックして「編集」や「情報を見る」などで名前を変えれると思うので、それで名前を削除してしまいましょう!

2016-11-25T21:13:28+09:002016/11/25|Categories: ブログ|

Bootstrapを使ったテーマを公開します

Bootstrapを使ったテーマを作成しました。 デモページ MITライセンスで公開しています。ご自由にお使いください。 バグ等の修正は報告があれば修正するかもしれませんが、基本的には投げっぱになると思います。 今後色々なテーマやテンプレートを作って公開していくつもりでいるからです。 ご感想やこうした方が良いんじゃない?みたいなコメントもお待ちしております!

2016-11-10T00:14:01+09:002016/11/10|Categories: Free|

index.htmlのありなしを統一する

index.htmlで表示されると起こるデメリット ホームページを作っていくと、http://example.com/とhttp://example.com/index.htmlとで2つ表示することができるのですが、 検索エンジンによるとこれは別のページとされるようです。 つまり、1つのページの評価が2つに分散されてしまうため、SEO的にも損をしているようです。 そこで http://example.com/index.html → http://example.com/ に統一するように設定します。  

2016-11-07T10:44:42+09:002016/11/07|Categories: WEB, Web Developement|Tags: |

Wacom MobileStudio Proを比較してみた

とうとうWacom MobileStudio Proの予約が開始されました! まだ私はcompanionがでたあたりから待ちわびていたので、ついに来たかという感じですが なんと筆圧が8192レベルまで上がってました!(いままでの4倍) Wacomさん変態かよ・・・w タブレット系ペンが2048にやっと届いたときにはかけ離す、さすがですぜ。。。   とりあえず比較表をつくってみました!

2016-11-02T18:09:20+09:002016/11/02|Categories: ブログ|

inline-blockの隙間をなくす

ちょっと小言っぽい感じで言うんですが、 display: inline-block;で出来る隙間に letter-spacing: -.4em; を書いてなくすという記事をちらほらみて、私もそれで解決していたのですが、 inline-blockをつかってのグリッドシステムを作った際に、アンドロイドだと落ちてしまいました。 どうやらinline-blockの隙間が違うのかな? とりあえず私は letter-spacing:

2015-12-17T15:20:56+09:002015/12/17|Categories: WEB|

IE8で画像が消えてしまう不具合

どうも、最近涼しいせいか風邪を引きかけているよっしぃーです。 テストしている時にIE8の画像が消えてしまっている現象が起きていたので、問題と解決方法について探りました。   問題 floatをかけた要素の中にimgを入れている。 どうもmax-width:100%が原因で、要素の中身がimgだけだとwidthが0pxになるみたい レスポンシブの対応だったりで、このスタイルをトルわけにはいきませんよねぇ・・・ 解決方法 imgにmax-widthを指定してあげる。

2016-10-20T00:14:19+09:002015/09/10|Categories: WEB|