読者です 読者をやめる 読者になる 読者になる

angular-routeで簡易ページ遷移

ng-viewを使って、簡易にページ遷移ができる。 デモはこちらを参照すると良い。 AngularJS Samples 詳細は下記。 AngularJSで画面遷移するときに便利なng-view inter-arteq :: interaction between art and technology » Blog Archive » AngularJSで画面遷移…

attrとprop

違いがわからなかったが、こういうことだそうだ。 .prop() メソッドのpropはproperty(プロパティ)の略で、.prop()メソッドは、「ある要素のプロパティの値を取得・変更する」という命令(メソッド)です。.attr()メソッドも非常によく似たメソッドですが、…

formToWizardとjquery-plugin-validation

このフォームの使い方は良い。 過去に長いフォームを作ったことがあるから、 その課題を解決できそう。 formToWizardとjquery-plugin-validation: へぼプログラマの開発メモ demoはこちらhttp://biscuit.lovepop.jp/jQuery/

html5のmain要素

知らなかったw 2013年現在にHTML5でサイトを作るときに気をつけたいポイント : Web Memo.SEmain要素を見つけたきっかけは、以前個人事業として一緒に組んだ人が 使っていたコードを、先ほどレビューしたときに見つけた要素でした。 知らないことはたくさんあ…

sublimetext=>gits

僕はgist、あまり使わないんだけど、 今後役立ちそうだな、と思い。 チームで開発するときとか良さそう。 In Complete - SublimeText2からGistに投稿する方法

jqueryの高速化

ここ半年くらいでキーになりそうな記事なのでメモ。高速で安全なjQueryを書くために今できること | Dress Cording

デザインは8の倍数でできている。

これは良い記事だったのでメモ。 僕はエンジニアだけれど、デザインもたまにやるので、 こういう基本原則は知っておきたいところ。 デザインは8の倍数でできている|1 pixel|サイバーエージェント公式クリエイターズブログ

WP_Queryの引数一覧

同じくちょいちょい忘れるので、メモ ちょいちょい忘れる『WP_Query』の使い方 | 予習と復習

名古屋に行くまでに考えたこと

メモ Smith kitchenには可能性がある。 ・事業としての可能性 ・パートナーの付き合いとしての可能性 ・自分の技術向上としての可能性 僕は何に対しても「自分であるべき」という必要性を求める傾向にある。 自分でなければならない、その必要性が僕を駆り立…

既存の秘密鍵の表示

pbcopy < ~/.ssh/id_rsa.pubこれをterminalに貼付けると、クリップボードにコピーされます。 めもめも。

advanced custom field, how to show value by date picker

http://ja.forums.wordpress.org/topic/13957

曜日の日本語表示

php

で。http://php-beginner.com/sample/date_time/week_ja.html

infinite-scrollのローディング画像の調整

twitterのように無限スクロールをするには、 infinite-scrollのプラグインを使うのが一般的だが、 ローディング画像をtext-align: centerにしたときに、横からスライドするように出てきてしまう。 それが嫌だったので、.showを.fadeInに変更。 下記を参考に…

1年前の記事を見直して。

http://thamamur.hatenablog.com/entry/2013/04/01/041546> 来年2014年3月31日に見直すのだ。とあったので、見直してみた。 > ■ プログラマーとしてこれは達成できなかった。このサイトは、javascriptのcanvasが使われていて、 ということまでわかったのだけ…

たまには関係のないことも。

たまには技術ではなく、自分のことも書こうかな。 今日はマッサージ行ってきました。 調べてみたら¥4,000/30分。高いなぁーと思いながらも、 それ以上に得られる効用を期待して、気づいたらマッサージ店に向かっていました。と、ここまで書いて書く気がなく…

フォームコーディング時に気をつけたい事

label onclick=""は知らなかったなー。 やっぱりスマホのコーディングする経験が少ない。 http://attrip.jp/114970/http://liginc.co.jp/web/js/jquery/80609

fixedナビ

案件的に地味に多いので。メモ。http://liginc.co.jp/web/js/jquery/80140

MAMPでPHPの日本語の文字化け

地味にハマった・・。ありがとうございます。 MAMPのPHPでの文字化けを直す | memocarilog|Web制作関連やiPhone、Macのメモ

Smarty入門

開発でSmartyを使ったフォームを作るそうなので、入門メモ 第1回 Smartyの紹介 - Smarty講座 MacのMAMP環境にSmartyを導入する方法|ハシペディアのブログ なんか完全にイメージだけど、Smartyってユーザー少ないし railsと比べると若干レガシーな感じがする…

WordPress: excerptの文字数を調整

抜粋の文字数を調整する方法。 複数調整する場合は、fuction内で条件分岐。 // ホームだけ抜粋の本文を半分に function new_excerpt_mblength($length) { if (is_front_page()) { return 55; }else { return 110; } } add_filter('excerpt_mblength', 'new_e…

middleman partial機能

僕の場合、middlemanで静的に作成したHTMLを WordPressに変える場合が多いので、 PHPとしてincludeしやすいように共通部分を 作っておく必要がありました。 そこでMiddlemanのパーシャル機能を使って、 ファイルを共通化しました。 slimで書くと、こんなかん…

Middlemanを相対パスで

Middlemanを相対パスで書きたいなーと思っていたところに 紹介していたブログがあったので転載。助かります。 config.rbに activate :relative_assets を追加することで、<%= stylesheet_link_tag "all" %> や <%= image_tag "/images/xxx.jpg", :alt => "" …

"middleman server"でエラー

takumi-2:middleman-box takumi$ middleman server Could not find json-1.8.1 in any of the sources と出た。 Middleman: 新規プロジェクトを始める | deadwood によると、bundler 1.5.0 のバグらしいので、 bundlerのバージョンをあげると直った。

サイトの高速化

制作したサイトのロードが遅い、ということで、 下記の対策をそれぞれ施し、GTmetrixで計測し、 最適な方法を考えてみたのでここに記述。 1, ソーシャル系の読込を全て外す 2, WEBフォントの読込を全て外す 3, メインビジュアルの切り変えを外す(スライダー…

webデザイナーの転職に役立つ、ポートフォリオサイトの作り方

メモhttp://tipsbear.com/wedesign-portfolio/

githubにssh認証キーを飛ばす方法

何度も検索しているのでここにメモ SSH認証キーをBitbucket/GitHubに設定しよう! [Mac簡単手順] - 酒と泪とRubyとRailsと

Middlemanでblogを構築してみる(序章)

Middlemanでgithub上にblogを構築してみようという試み。 まだ何もしてないので参考リンクだけ。 http://urouro.net/blog/2013/12/20/begin-middleman-blog.htmlhttp://re-dzine.net/2014/01/middleman-slim/https://github.com/tvaughan/middleman-deploy

サイトのトレースをphotoshopで始めてみた。

だいぶ前から、デザインをやらねば・・と思っていたのですが、 この記事を読んでようやく奮起。 模写して学ぼう!駆け出しデザイナーのためのデザイン上達法 | 株式会社LIG 文字通り、模写をしようと思いました。笑 ということで、ブログでも紹介されている…

自分用のmiddleman-boxをgithubで公開してみた

前の記事に続いて、Middlemanを自分用にカスタマイズして、 githubのpublic repositoryに置きました。 https://github.com/thamamur/middleman-box 今までCompassを多用していたこともあって、 自分のCompassの使い方に最適化されていますが、 今後jsなどい…

slimをmiddlemanで自動リロード

もっとHTMLを簡略化&高速で書きたい、と思っているときに slimという中間メタ言語があることを知りました。 簡単に例を示すと、 このようにslimで書いたものが | --- title: Welcome to Middleman --- .welcome h1 Middleman is Watching = link_to "Read O…

ピクセルパーフェクトで合わせるために、putondesign.

ピクセルパーフェクトで合わせたいときに、 このchromeエクステンションは使えるかもしれません。 https://chrome.google.com/webstore/detail/putondesign/bcbahomilgebmfonlfoaefigkpgcbepnchrome canaryでしか動作しませんでしたが、・どのclassをどれほ…

Google Mapをカスタマイズ

google mapをカスタマイズするときに、 いつもjsから書いたり、Styled Maps Wizardというツールを使っていたので、 すごく苦手だったんですが、ついにそれを解消するツールを発見。 http://googlemapbuilder.mynameisdonald.com/ これ素晴らしいっす。 ぜひ…

アメブロからWordPressへのインポート

アメブロの記事をWordPressへインポートする案件があったのですが、 アメブロにエクスポート機能がついてないらしいので、 FC2を経由してWordPressにインポートしました。 アメブロからWordPressへの引越し・移行方法(FC2ブログ経由)http://salarymanplus.…

vagrantでWordPress環境構築

Vagrantの仕組みがだいたいわかってきたので、 続いてWordPressの仮想環境構築。 こちらがわかりやすかったです。 Varying Vagrant Vagrants で WP 開発環境を手に入れる http://dogmap.jp/2013/09/13/varying-vagrant-vagrants/ 時間があれば、1からやるの…

vagrantを学ぶ

vagrant入門してみた。 安定のドットインストール。 http://dotinstall.com/lessons/basic_vagrant 目標はとりあえず、WordPress環境を立ち上げて、 他PCでも仮想環境を確認すること。 敬遠してたけどできそうな印象。

AWSでWordPressを立ち上げる

WordPress、もっと高速化したいなーと常々思っており、 フロントエンド側でCSS圧縮したり画像最適化したり、 コードを削ったりしていたわけなんですが、 サーバーを変えたらどれくらい高速化するか知りたくて、 AWSの導入を始めました。 網元を使うユーザー…

ロードバランサーとは

AWSの設定を進めていて、「負荷分散を行うロードバランサーとははて?」となったので、しらべてみた。 結論としては、ロードバランサーを使うにしても、 ・分散されたサーバーのどれかが故障したときのヘルスチェック ・トランザクションを起こしたときのセ…

Markdown記法

テキストとか、注意事項をMarkdown記法で書きたいと思っていましたが、 書き方がそもそもわからんぞ、ということで、 調べてみた結果、このへんがわかりやすかったです。 文章作成やメモ書きにも便利、Markdown記法 http://kojika17.com/2013/01/starting-ma…

Safariでopacityの操作をすると描画がチラつく件

CSSでtransitionをかけて、opacityでテキストを半透明にすると、 safariだけチラつくバグが発生。 これは html { -webkit-font-smoothing: antialiased; } とすることで解決した。ソースはこちら。 http://liginc.co.jp/web/js/jquery/63661 http://stackove…

テーブルの行(TR要素)をスライドで表示切替させる方法

slideToggleを使えば簡単にアニメーションしながらスライドすることができますが、 TR要素の場合にはうまくいかないことがありました。 解決方法はこちらを参照。解説も詳細に書いてあります。ありがたい。

passion for beautiful code?

米コカ・コーラ社アシュリー・ブラウン氏「プレスリリースに終止符を打つ」 http://blog.prtimes.co.jp/yamaguchi/2014/01/coca-cola_pressrelease/ この記事のスモールワールドマシンのところを読んで、 綺麗なコードを書くことは目指すことではなく、 空気…

スクロールバーのカスタマイズ

Tiny Scrollbar が良かったです。 軽いしカスタマイズも比較的やりやすかったように思います。 http://www.baijs.nl/tinyscrollbar/ しかし、コードを書いていたらこんな時間。 この時間には寝て、明朝ランニングしたかったのですが。。 タスク管理というか…

dandelionの設定

FTPからgitを利用できるdandelion。 便利そうです。 https://github.com/scttnlsn/dandelion いつかプロセスをブログに書いてみよう。 $ dandelion deploy までは簡単だったんだけど、肝心のgit pushができなかった... これは単純に git clone git://github.…

本当に大切なものとは。

「本当に大切なものってなに?」と聞かれたときに、少し考えて、思いついたのは「相手に喜んでもらうこと」だった。僕はとても面倒くさがりでだらしないやつ。だけど、相手が喜ぶ顔が見たいから、面倒くさいことも厭わずできる。今はそういう仕事を選べてい…

未来のWEB

「Web」とはなにか?じっくり考えてみた(2014年)http://design-spice.com/2014/01/08/web-2014/ Productivity Future Vision (2011) - YouTube こういう未来が訪れたとき、WEBサイトはどうなるのか。 また、どうしていくべきなのか、頭の片隅で考えておき…

マニュアル制作

今日は納品したWEBサイトの運用マニュアルを作ってました。 丁寧細やかに作ったWEBサイト、やっぱりちゃんと使ってほしいし、 困ったことがあれば何でも相談してほしい。 小さな会社だからこそ、そういう小回りをきかせて、徹底的な顧客志向でいきたい。 あ…

エディタのcolor schemeを変えました。

いつも愛用しているsublime textのcolor schemeを変えてみました。 whiteが#fffじゃないので目に優しい感じがする。 Spacegray A Hyperminimal UI Theme for Sublime Text http://kkga.github.io/spacegray/ 今日は友達のWEBサイトを作っていました。 完成ま…

あけましておめでとうございます。

2014年もよろしくお願いします。 今年は「準備の年」と決めました。 来年への挑戦として、全力で準備したいと思います。 年始はどこにもでかけず、ずっとディスプレイの前で 仕事&勉強していました。 自由研究として、どこかで公開できたら良いなーと思いま…

いま3人でやっていることを1人でやれるように。

ふと急に、自分が携わったプロジェクトに達成感を感じなくなった。なんでだろう。少し考えてみて、おそらくそれは、与えられた仕事を当たり前にこなせるようになってきたからかもしれない、、と思った。2ヶ月前は難しかった1pxのズレを埋めることも、いまは…

ライバル

僕にはライバルがいる。 尊敬を抱きつつも、絶対に負けたくないと思う人が。 会話をしたり、会ったり、最近のお互いの状況を知らなくとも、 彼の存在が僕をかき立てる。 「普通であるな、面白くあれ」と。