try

Web開発で日々学んだことを書いていきます。

zsh: no matches found: 解消

$ composer create-project laravel/laravel hoge 5.4.* --prefer-dist とコマンドを打った時に、zsh: no matches found: 5.4.* などと返ってきた。 zsh使っている場合~/.zshrcへ setopt nonomatch を書いて読み直すと、大丈夫になった。 参考URL zsh: no ma…

Laravel入門ノート その1

PHP 初めてのフレームワーク Laravel5.3 〜ステップ1 を読んでいます。 その時のノートです。 ほぼ箇条書き。 PHP 初めてのフレームワーク そもそもフレームワークとは。 みたいなところから入っていく。 そもそもフレームワークって プログラマーは基本的…

WordPressのAdvanced Custom Fieldsから標準のエディタを使用する "ACF { WordPress WYSIWYG Field"

Advanced Custom Fields (ACF)で、Wysiwygを選択すると通常は、ACF特有のWysiwygが投稿画面に表示されます。 AddQuicktagなどの標準Wysiwygから使えるプラグインは、通常使用できません。 なので、ACFからでも標準Wysiwygを使えるようにするプラグイン ACF {…

PHP Warning: in_array() expects parameter 2 to be array の対処法

PHP

配列じゃない変数を配列として処理しているから、Warningが出る。 変数の頭に (array)をつけてキャストすると大丈夫。 in_array('2', $abc) ↓ in_array('2', (array)$abc) 参考 hacknote.jp

もういちどSassの@extendについて復習する

@mxinや@extendはSassの便利な機能はありますが、使い方によってはメンテナンス性を下げたり、意図していないことが起きてしまいます。 今回は@extendの復習をします。

Googleが提供するWebフォント、Google Fonts + 日本語を試してみる

概要 日本語フォントは文字数が多く、どうしてもフォント自体のサイズが大きくなりがちです。 フロントエンドで使う場合、転送量や表示速度などを考慮すると踏みとどまることが多いように感じます。 Googleが提供することで、これらの課題がいい方向に解決し…

ローディングアニメーションをCSSで表現する「text-spinners」

CSS

見本 See the Pen text-spinners by Yuta Kiyama (@yutakiyama) on CodePen. text-spinnersに色々サンプルがあります。 実装方法 HTML内に以下のソースを入力。 ソースを確認は、GitHubのspinners.cssで確認できます。 <link rel="stylesheet" href="http://tawian.io/text-spinners/spinners.css"> <button>Loading <span class="loading"></span></button> どうやって動いているのか t</link>…