最近はウェブ系アプリ中心、あとWindowsアプリちょっと
あちこちのサイトを見ていると「このサイトのテキスト読みやすいなー。どんなフォント使ってるんだろ?」と気になるときがある。
そんなときに役立つのがWhatFont。現在表示中のウェブページのテキストをポイントすると、使われているFont Family、Font Size、Line Heightを教えてくれる、Google Chrome用プラグイン。
WhatFont
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm
画像の上に文字を配置するときに、文字を識別しやすくするために影付けすることがある。
そんな時に適当なパラメータを見つけるのに役立つサンプル付き解説サイトを覚え書きリンク。
CSS3 text-shadow box-shadow の使い方 | CSS Lecture
http://www.css-lecture.com/log/css3/css3-text-shadow-box-shadow.html
CSS3 の text-shadow を使って文字を強調したり装飾したり | TM Life
http://tmlife.net/web/css3/css3-text-shadow-emphasis-decoration.html
css3のtext-shadowによるテキスト装飾のサンプル集 – かちびと.net
http://kachibito.net/web-design/css3-text-shadow-sample.html
自由自在！CSS3のtext-shadowを使ってをロゴ作ってみる｜Webpark
http://weboook.blog22.fc2.com/blog-entry-230.html
チームのデザイナさんにもGitを使ってもらいたいのだけど、どうも的を得た説明ができない。
そんなときに見つけた以下の記事を読んで目から鱗。
AdventCalendar – デザイナーがこうやってGit覚えて大好きになったよ♡ – Qiita
http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb
技術習得の近道はチュートリアル。
というわけで、以下のチュートリアルをなぞらせてもらう。なかなか良い。
Laravel5でシンプルなCRUDアプリを開発する : アシアルブログ
http://blog.asial.co.jp/1360
jQuery UIの公式サイトにあるAutocompleteのデモ。
Autocomplete | jQuery UI
http://jqueryui.com/autocomplete/
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script> $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $( "#tags" ).autocomplete({ source: availableTags }); }); </script> <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags"> </div> |
ニーズがあったので、sourceをajaxでサーバーから取得するように書き直してみた。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<script> $(function() { $("#tags").autocomplete({ source: function(request, response) { $.ajax({ url: "autocomplete-src.php", dataType: "json", type: "POST", cache: false, data: { param1: request.term }, success: function(data) { response(data); }, error: function(XMLHttpRequest, textStatus, errorThrown) { response(['']); } }); } }); }); </script> <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags"> </div> |
サーバー側のコードは以下。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<?php //autocomplete-src.php $availableTags = array( "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ); if ($_POST['param1']) { $tags = array(); foreach ($availableTags as $tag) { //if (strpos($tag, $_POST['param1']) === 0) { //大小文字区別する if (stripos($tag, $_POST['param1']) === 0) { //大小文字区別しない $tags[] = $tag; } } echo json_encode($tags); } else { echo json_encode(array()); } ?> |
|
1 2 3 |
$ php artisan down Application is now in maintenance mode. $ |
|
1 2 3 |
$ php artisan up Application is now live. $ |
#を付けて書けば良いらしい。
|
1 2 3 |
# this is a comment VAR="value" # comment VAR=value # comment |
Commenting in the .env file
https://laracasts.com/discuss/channels/laravel/commenting-in-the-env-file?page=1
|
1 |
$ sudo apt-get install phpmyadmin |
ウェブサーバーの種類を聞かれたら apache2 を選択して OK を選択。
データベースの設定をするか聞かれたら No を選択。
|
1 |
serve phpmyadmin.app /usr/share/phpmyadmin/ |
エディタを管理者権限で実行してC:\Windows\System32\drivers\etc\hostsを編集。
|
1 |
192.168.10.10 phpmyadmin.app |
ブラウザから http://phpmyadmin.app/ へアクセス。
【Laravel】Laravel HomesteadにphpMyAdminをインストール – My Blog
http://s-takumi.hatenablog.com/entry/2014/09/24/211832
[PHP]WindowsでHomesteadを使ってLaravel5開発環境を作る(2/2) | PHP Archive
http://php-archive.net/php/windows-homestead-laravel5-2/
たぶん以下をやる必要がある。
|
1 2 |
$ cd ~/Code $ composer create-project laravel/laravel Blog --prefer-dist |
たぶん方法は幾つかある。
1. Nginxの設定スクリプトをガシガシ書く
→自分の知識では無理そう。
2. ~/.homestead/Homestead.yaml に設定を追加して vagrant provision を実行
→できないことはないけど、もっと楽な方法があれば・・・
3. serveスクリプトを使う
→これ楽チン！
|
1 |
serve blog.homestead.app /home/vagrant/Code/Blog/public |
homestead/serve.sh at master · laravel/homestead · GitHub
https://github.com/laravel/homestead/blob/master/scripts/serve.sh
エディタを管理者権限で実行してC:\Windows\System32\drivers\etc\hostsを編集。
|
1 |
192.168.10.10 blog.homestead.app |
ブラウザから http://blog.homestead.app/ へアクセス。
できた。
[PHP]WindowsでHomesteadを使ってLaravel5開発環境を作る(2/2) | PHP Archive
http://php-archive.net/php/windows-homestead-laravel5-2/
Homesteadに複数サイト追加する二つの方法 | ふつーのエンジニアのブログ
http://foresta.me/?p=94
Homesteadでサイトを追加する方法 | drapon.com
http://www.drapon.com/web/homestead-add-site
以下のサイトを参考に、セットアップ完了したHomesteadへLaravelをインストールしてみる。
[PHP]WindowsでHomesteadを使ってLaravel5開発環境を作る(2/2) | PHP Archive
http://php-archive.net/php/windows-homestead-laravel5-2/
仮想環境へsshでログインして以下実行。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 |
$ rm -r ~/Code/Laravel #テスト用ファイルなど(もしあれば)を削除して空にしておく $ cd ~/Code $ composer create-project laravel/laravel Laravel --prefer-dist Installing laravel/laravel (v5.1.11) - Installing laravel/laravel (v5.1.11) Downloading: 100% Created project in Laravel > php -r "copy('.env.example', '.env');" Loading composer repositories with package information Installing dependencies (including require-dev) - Installing vlucas/phpdotenv (v1.1.1) Downloading: 100% - Installing symfony/var-dumper (v2.7.4) Downloading: 100% - Installing symfony/translation (v2.7.4) Downloading: 100% - Installing symfony/routing (v2.7.4) Downloading: 100% - Installing symfony/process (v2.7.4) Downloading: 100% - Installing psr/log (1.0.0) Downloading: 100% - Installing symfony/debug (v2.7.4) Downloading: 100% - Installing symfony/http-foundation (v2.7.4) Downloading: 100% - Installing symfony/event-dispatcher (v2.7.4) Downloading: 100% - Installing symfony/http-kernel (v2.7.4) Downloading: 100% - Installing symfony/finder (v2.7.4) Downloading: 100% - Installing symfony/dom-crawler (v2.7.4) Downloading: 100% - Installing symfony/css-selector (v2.7.4) Downloading: 100% - Installing symfony/console (v2.7.4) Downloading: 100% - Installing swiftmailer/swiftmailer (v5.4.1) Downloading: 100% - Installing jakub-onderka/php-console-color (0.1) Downloading: 100% - Installing jakub-onderka/php-console-highlighter (v0.3.2) Downloading: 100% - Installing dnoegel/php-xdg-base-dir (0.1) Downloading: 100% - Installing nikic/php-parser (v1.4.0) Downloading: 100% - Installing psy/psysh (v0.5.2) Downloading: 100% - Installing nesbot/carbon (1.20.0) Downloading: 100% - Installing mtdowling/cron-expression (v1.0.4) Downloading: 100% - Installing monolog/monolog (1.17.1) Downloading: 100% - Installing league/flysystem (1.0.12) Downloading: 100% - Installing jeremeamia/superclosure (2.1.0) Downloading: 100% - Installing doctrine/inflector (v1.0.1) Loading from cache - Installing danielstjules/stringy (1.10.0) Downloading: 100% - Installing classpreloader/classpreloader (2.0.0) Downloading: 100% - Installing laravel/framework (v5.1.16) Downloading: 100% - Installing fzaninotto/faker (v1.5.0) Downloading: 100% - Installing hamcrest/hamcrest-php (v1.2.2) Downloading: 100% - Installing mockery/mockery (0.9.4) Downloading: 100% - Installing sebastian/version (1.0.6) Downloading: 100% - Installing sebastian/global-state (1.0.0) Downloading: 100% - Installing sebastian/recursion-context (1.0.1) Downloading: 100% - Installing sebastian/exporter (1.2.1) Downloading: 100% - Installing sebastian/environment (1.3.2) Downloading: 100% - Installing sebastian/diff (1.3.0) Downloading: 100% - Installing sebastian/comparator (1.2.0) Downloading: 100% - Installing symfony/yaml (v2.7.4) Downloading: 100% - Installing doctrine/instantiator (1.0.5) Downloading: 100% - Installing phpdocumentor/reflection-docblock (2.0.4) Downloading: 100% - Installing phpspec/prophecy (v1.5.0) Downloading: 100% - Installing phpunit/php-text-template (1.2.1) Downloading: 100% - Installing phpunit/phpunit-mock-objects (2.3.7) Downloading: 100% - Installing phpunit/php-timer (1.0.7) Downloading: 100% - Installing phpunit/php-token-stream (1.4.6) Downloading: 100% - Installing phpunit/php-file-iterator (1.4.1) Downloading: 100% - Installing phpunit/php-code-coverage (2.2.2) Downloading: 100% - Installing phpunit/phpunit (4.8.6) Downloading: 100% - Installing phpspec/php-diff (v1.0.2) Downloading: 100% - Installing phpspec/phpspec (2.3.0) Downloading: 100% symfony/var-dumper suggests installing ext-symfony_debug () symfony/translation suggests installing symfony/config () symfony/routing suggests installing symfony/config (For using the all-in-one router or any loader) symfony/routing suggests installing symfony/expression-language (For using expression matching) symfony/routing suggests installing doctrine/annotations (For using the annotation loader) symfony/event-dispatcher suggests installing symfony/dependency-injection () symfony/http-kernel suggests installing symfony/browser-kit () symfony/http-kernel suggests installing symfony/class-loader () symfony/http-kernel suggests installing symfony/config () symfony/http-kernel suggests installing symfony/dependency-injection () psy/psysh suggests installing ext-pdo-sqlite (The doc command requires SQLite to work.) monolog/monolog suggests installing graylog2/gelf-php (Allow sending log messages to a GrayLog2 server) monolog/monolog suggests installing raven/raven (Allow sending log messages to a Sentry server) monolog/monolog suggests installing doctrine/couchdb (Allow sending log messages to a CouchDB server) monolog/monolog suggests installing ruflin/elastica (Allow sending log messages to an Elastic Search server) monolog/monolog suggests installing videlalvaro/php-amqplib (Allow sending log messages to an AMQP server using php-amqplib) monolog/monolog suggests installing ext-amqp (Allow sending log messages to an AMQP server (1.0+ required)) monolog/monolog suggests installing ext-mongo (Allow sending log messages to a MongoDB server) monolog/monolog suggests installing aws/aws-sdk-php (Allow sending log messages to AWS services like DynamoDB) monolog/monolog suggests installing rollbar/rollbar (Allow sending log messages to Rollbar) monolog/monolog suggests installing php-console/php-console (Allow sending log messages to Google Chrome) league/flysystem suggests installing league/flysystem-eventable-filesystem (Allows you to use EventableFilesystem) league/flysystem suggests installing league/flysystem-rackspace (Allows you to use Rackspace Cloud Files) league/flysystem suggests installing league/flysystem-copy (Allows you to use Copy.com storage) league/flysystem suggests installing league/flysystem-azure (Allows you to use Windows Azure Blob storage) league/flysystem suggests installing league/flysystem-webdav (Allows you to use WebDAV storage) league/flysystem suggests installing league/flysystem-aws-s3-v2 (Allows you to use S3 storage with AWS SDK v2) league/flysystem suggests installing league/flysystem-aws-s3-v3 (Allows you to use S3 storage with AWS SDK v3) league/flysystem suggests installing league/flysystem-dropbox (Allows you to use Dropbox storage) league/flysystem suggests installing league/flysystem-cached-adapter (Flysystem adapter decorator for metadata caching) league/flysystem suggests installing league/flysystem-sftp (Allows you to use SFTP server storage via phpseclib) league/flysystem suggests installing league/flysystem-ziparchive (Allows you to use ZipArchive adapter) laravel/framework suggests installing aws/aws-sdk-php (Required to use the SQS queue driver and SES mail driver (~3.0).) laravel/framework suggests installing doctrine/dbal (Required to rename columns and drop SQLite columns (~2.4).) laravel/framework suggests installing guzzlehttp/guzzle (Required to use the Mailgun and Mandrill mail drivers (~5.3|~6.0).) laravel/framework suggests installing iron-io/iron_mq (Required to use the iron queue driver (~2.0).) laravel/framework suggests installing league/flysystem-aws-s3-v3 (Required to use the Flysystem S3 driver (~1.0).) laravel/framework suggests installing league/flysystem-rackspace (Required to use the Flysystem Rackspace driver (~1.0).) laravel/framework suggests installing pda/pheanstalk (Required to use the beanstalk queue driver (~3.0).) laravel/framework suggests installing predis/predis (Required to use the redis cache and queue drivers (~1.0).) laravel/framework suggests installing pusher/pusher-php-server (Required to use the Pusher broadcast driver (~2.0).) fzaninotto/faker suggests installing ext-intl (*) sebastian/global-state suggests installing ext-uopz (*) phpdocumentor/reflection-docblock suggests installing dflydev/markdown (~1.0) phpdocumentor/reflection-docblock suggests installing erusev/parsedown (~1.0) phpunit/phpunit suggests installing phpunit/php-invoker (~1.1) phpspec/phpspec suggests installing phpspec/nyan-formatters (~1.0 ・Adds Nyan formatters) Writing lock file Generating autoload files > php artisan clear-compiled > php artisan optimize Generating optimized class loader > php artisan key:generate Application key [9apaKoRbFtCoAW6WK6DIgfzLPYpZat5n] set successfully. $ |
ブラウザから http://homestead.app/ へアクセス。
できた。