Chromeのアプリを追加してみた

Chromeのアプリケーションが表示されるページ( chrome://apps )を 私はWEBページショートカット置き場に使っている。新しいMacBookAirに買い換えたときに以前まで使用していたアプリが 「作成者が削除したため使えません」と言われてしまってとても不便な思…

codemirror-rails を使おうとして苦戦したこと

http://codeshare.io/を久しぶりに使ってみて 似たようなWebアプリを作ってみたい欲に駆られたので、 ソースを見ていたらCodeMirrorというものを使ってるらしいということがわかったCodeMirrorとは JavaScriptライブラリで、シンタックスハイライトやオート…

SCSSだけで棒グラフを生成する

仕事の関係で棒グラフを作成することになったので、 できるだけSCSSだけで書こうとしたらできちゃいました ※PDF用のSCSSを書いてるので単位がmmです作成したグラフはこちら。数値もjavascript(coffeescript)を使わずに表示してみました haml .bar_graph .gra…

Evernoteで週報・日報のテンプレート作ってみた

社内で週報・日報を義務化することになりました できるだけ見やすく・できるだけ時間を割かないようにテンプレート作ってみたしかしまだタスクリスト書く欄ぐらいしか作ってません 一言メモとか、共有すべきこととかの欄も随時追加更新予定 よければどうぞ W…

Coda 2.5.1でEmmetが使えるようになったので備忘録

以前Twitterで喚いてた問題が解決されたので備忘録を。Mac OS X Yosemiteにした途端 Coda2 が立ち上がらずにクラッシュする問題が発生し、 それを回避するためにCoda2.5にアップデートしました。 (App storeからはインストールできないらしいですね、インス…

Coda2でCoffeeScriptのプラグイン入れるときに詰まったこと

Coda2でCoffeeScriptのプラグイン入れるときにやたらいろいろ問題が発生したので 新しいMacbookに変えて環境再構築するときに困らないようにメモ + プラグインリストに表示されない 参考サイトを見ながらプラグインに追加してるのになぜか表示されん!! 参…

firefoxでsvgとwow.jsを組み合わせたら表示されないエラー

firefoxでsvgとwow.jsを組み合わせると 勝手にelement.styleにvisibility: hidden;が追加されて表示されないエラーが発生回避するためにwow.jsの中身を見てみると しっかりelement.styleに visibility: hidden; を指定していた wow.jsは「スクロール値が.wow…

サーバー証明書エラーの対処法見出したった

GitHubにアクセスするとサーバー証明書エラー出る例のあれ 今までは参考サイトにて解決してました 【参考サイト】 > http://orangain.hatenablog.com/entry/2014/03/01/mavericks-ssl-certificate しかしなぜか昨日Facebookにも証明書エラー出るわ、Twitter…

MacのDock拡大アニメーション風メニューバー作ってみた

Team OZで使っていたくるくる回るメニューバー くるくる回る動き鬱陶しいよねということで MacのDockアニメーション風メニューバーに変更することになった最初はプラグインを使って実装しようとしたけど エラー吐かれまくり、競合しまくって表示おかしいとか…

これを自動的に行いたい

郵便番号検索フォーム 数字を3つ入れたらその後ろにハイフンが入るようにするためのもの一応出来てるけど入力してからEnter押さないとできない これを自動的に行いたい <html lang="ja"> <head> <meta charset="UTF-8" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <title> </title> </head> <body> </body></html>

以前できなかったoffset

以前できなかったoffsetができたっていう <html lang="ja"> <head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> </head> <body> <div class="box jump"></div> <p></p> <style> body{margin: 0;padding: 0;} .box{ widt…</body></html>

段落 あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎ…

offsetが使えない

@keyframesで上下に動いてるやつをhoverしたら その場で横に震えるっていうのが書きたくて offsetをずっと調べてたけどなんやconsole.logで何回確認しても数値が変化しない仕方がないので他の方法探してできたのがこれ <html lang="ja"> <head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> </meta></head></html>

タイピングで歌詞表示とかしてみてる

明日(というか今日)中に「前のpタグが終わったら次のpタグのアニメーション開始」のscript書けたらイイナー <html> <head> <html lang="ja"> <head> <meta charset="UTF-8" /> <title> typing</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> </head> <body> <p class="type">This …</p></body></html></head></html>

うにょうにょ

これの一番下の↑ここの部分 まるいのはまだだけど@keyframesの課題として作った結果これになりましたそのコードをちょっとだけめもHTML <html lang="ja"> <head> <meta charset="UTF-8" /> <title>unyo</title> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <link rel="stylesheet" href="unyo.css" media="all" /> </head> <body> </body></html>

にょんにょん

にょんにょんって動くやつのソースメモ <html lang="ja"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> </head> <body> <div id="box1"></div> <div id="box2"></div> <style> body{ width: 100%; height: 100%; } #box1{ -moz-animation-…</body></html>

個人的な備忘録

なぜ大学に行かないといけないのか なぜ大学を卒業すればいけないのか2つともわかんなくなって一週間程悩んでただって、大学に行かずとも勉強はできるし 交流会とかに参加するだけで何かしらの繋がりができるじゃあ大学に行く意味ってなに? 大学を卒業する…

ネットで見かけたやつを再現してみた

ネットで見かけたSNS系リンク配置デザインを 見よう見真似で再現してみた(どのページ見たか忘れてコードがわからなかったから作ってみた) <html lang="ja"> <head> <meta charset="UTF-8" /> <title>icon</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> </head> <body> <div class="center"> </div></body></html>

Sort (5以降の数字がソートされない

<html lang="ja"> <head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> </head> <body> <ol id="test1"> <li id="3">id:3 cccccc</li> id:6 ffff…</ol></body></html>

Emmetのスペニット内部の変更

便利なEmmetさん html:5 でTab押すだけで <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </script> </head> <body> </body> </html> と打ちこんでくれる頭のいい子。 しかし私は日本人だから langは en ではなく ja にしてほしいということで、Application Support > Coda 2 > plug-ins > Emmet.codaplugin (内容を表示) Contents…

not日報 メモ日和

<html lang="ja"> <head> <meta charset="UTF-8" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <title> Scroll </title> </head> <body> <body style="text-align:center;"> <h1>スクロール実験</h1> <p>hello!</p> <p>hello!</p> <p>hello!</p> <p>hello!</p> <p>hello!</p> <p>hello…</p></body></body></html>

20130620

こんにちは、西田です sshリモートログインにて研究室にログイン ----------8<----------8<----------基礎を固めろーーーーーーー!!!! と怒られたので(自業自得)、ドットインストールをモクモクとこなしていく作業 今日の日報はそのメモ12:25~13:00 ・CS…

20130602

こんにちは、西田です 勘違いさせる前に言っておくッ! おれは今、Rubyをちょっとばかりだが触っている い、いや...触ってるというよりかはドットインストールしてるだけだが... あ...ありのまま 今起こったことを話すぜ! 何を言っているのかわからねーと思…

20130214

こんにちは、西田です今日は夜中5回ぐらい起きました 全然休んだ気にならない… しかも久しぶりに明晰夢じゃない夢を見ましたが あまりにも残酷すぎてあばばばばばばば 眠いよーう 8 0おっさん目 ・タイムラインシステム1おっさん目 ・GeekTool2おっさん目 …

20130213

こんにちは、西田です。 昨日は一日遊んでいたので日報は提出しませんでした 「よく学び、よく遊べ」(若松塾より うーん、いい言葉!朝は7時半に起床、シャワーを浴びに行って 出る時間まで休憩しようとこたつでウトウト… 結局本屋に滞在する時間が大幅に減…

20130211

こんにちは、西田です。今日は5時起きで母親とばあちゃん家へGO!です ばあちゃん家そんな遠くないのに! 0おっさん目 ・発想法 ・KJ法 ・NM法 ・なぜなぜ5回 ・ブレインストーミング ・シックスハット法 ・PREP法 ・希望点列挙法 ・欠点列挙法 ・HTML&CSS…

20130210

こんにちは、西田です。今日は事情があって7時に起きて9時前に家を出て 西図書館(西神中央駅にあるしょっぼい図書館)にて0おっさん目です この図書館うるさいし、本も偏ってるから面白くないし それになにより小さいのであまり好きになれない (「ホタルイカ…

20130209

こんにちは、西田です。今日は土日にしては珍しく9時に起きて 30分でバイトの用意と家事をしてログイン 朝ごはんに食パンとコーヒー 塗るチーズとかいう高級らしいチーズをもらったので 早速食べてみたけど…あまり美味しくなかった…昨日自分の書いた日報を…

20130208

こんにちは、西田です。今日は2限にテストがあるので図書館へ 10時半過ぎたら教室に向かおうと思ってます 0おっさん目 今日はまっすぐ大学来れました 本を物色してから個人学習室へ ここの環境かなりいいと思う、無線あるし電気引っ張り放題だし なにより誰…

20130207

こんにちは、西田です。 今日は大学の図書館にて勉強してます。0おっさん目 昨日買った本を持参し 新快速に乗って尼崎で乗り換えようとしたのに 気付けば京都。 京都の空気は美味しいなああああああ大学の図書館に無事について 今日一日借りるものを物色。 P…