geecrat Note

ブログ主があとから見直したい情報とか調べたことの履歴メモ。

wordpressのテーマを作るぞ!(1)

というわけで。公式のドキュメント

テーマの作成 - WordPress Codex 日本語版

 

テンプレートのファイル(階層)一覧。

テンプレート階層 - WordPress Codex 日本語版

http://wpdocs.osdn.jp/wiki/images/wp-template-hierarchy.jpg

 

f:id:geecrat:20160630184626j:plain

この中で必要なファイルだけ作る。とりま三つくらいでいいかな。

付箋ぽい見た目をCSSで作る

付箋ぽい見た目でTodoリストとか作ったらかわいいなあと思って。

参考サイトをメモ。

himpotan.net

こちらのサイトを参考に、ちょっと変えて下記のコードを使うことにしました。

 .fusen {
    width: 400px;
    position: relative;
    z-index: 0;
  }
  
  .fusen ul li {
    font-size: 0.9em;
    margin: 1.6em 0;
    padding: 1em;
    position: relative;
    list-style-type: none;
    background: linear-gradient(to right, #ffffcc 0%, #fff1c1 0.5%, #fff1c1 13%, #ffffcc 16%);
  }
  
  .fusen ul li::after {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    z-index: -1;
    bottom: 5px;
    right: 0;
    height: 60%;
    width: 98%;
    /*background: rgba(0, 0, 0, 0.5);*/
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow:0px 0px 6px 3px #fcfcfc,1px 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 0px 6px 3px #fcfcfc,1px 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 0px 6px 3px #fcfcfc,1px 2px 2px 2px rgba(0, 0, 0, 0.2);
    transform: rotate(2deg);
  }

web開発環境etc

近々、プライベートでいくつかサイトを作る。簡単につくりたい。CSSもsassとかでさくっと作りたいので↓これを使うことにする(というメモ)

developers.google.com

 

んっ? こんなの見つけた

www.google.com

さらにメモ

cloud.google.com

cloud.google.com

koni.hateblo.jp

koni.hateblo.jp

appengine.keicode.com

 

codezine.jp

WebサイトリニューアルのためのJSフレームワーク選びのためのノート

サイトのリニューアルを計画しているので調べ物。

昔作ったサイトなので、もうシステムが古い。刷新するにはどのフレームワークにするべきか?

blog.codecamp.jp

日本語の検索結果で出てくる記事だと2015年のものが多かったので最新の情報が欲しいと思い、英語のサイトを検索

developer.telerik.com

 

colorlib.com

ざっと見ただけだが、選択肢としては AngularJS(Googleが開発)、React(Facebookが開発)、Vue.jsかなという感触。

AngularはもうすぐAngular2(ただいまβ版)に移行するみたいで、けっこう2で変わってるらしいので学習コスト高そうだからやめた。

Vueが一番学習コストが低そうなんだがどうかなーというところで

jp.vuejs.org

Vue.jsのサイト内文章だから、vueに有利に書いてある部分がないとはいえないのかもしれないが、客観的に書いてあると思うし、とても納得したのでvueにしようと思う。

 

でもReactも勉強はしたいなり。