はてなブックマーク

UTCからJSTに変更する 変更前の状態では「date」を実行するとUTC時間が表示されています。 $ date Thu Apr 18 06:41:39 UTC 2019 タイムゾーンを変更するには、「/etc/sysconfig/clock」の設定を書き換えます。 さらに、次のように「ZONE」を「Asia/Tokyo」に変更します。 $ sudo vi /etc/sysconfig/clock #ZONE="UTC" ZONE="Asia/Tokyo" UTC=true 続いてシンボリックリンクを作成します。 $ sudo ln -sf /usr/share/zoneinfo/Asia/Tokyo /etc/localtime 上記の手順を踏むと、JST時間が表示されるようになります。 $ date Thu Apr 18 15:43:03 JST 2019 cronの時間もJSTに変更

はじめに どうもaiiroです。 この度、インプレスR&D様より『NuxtとGoではじめるWebアプリ開発』の商業誌が出版されました！ 本書は技術書典7で頒布した同人誌を底本として、読みづらかったり、分かりづらかった部分をブラッシュアップした内容となっています。 こうして自分が商業誌を出す日が来るとは想像もしていませんでしたが、ご尽力頂いた方々には感謝しきりです。 対象読者 NuxtとGoを触ったことはあるけれども、組み合わせて何かWebアプリを作った経験の無い方、または作ってみたいという方を対象読者として想定しています。 何を作るのか？ 本書ではYouTubeの動画検索サイトのつくり方を紹介します。 YouTube APIを使って動画検索機能を、Firebase Authenticationを利用してユーザー登録やログイン機能を実装します。 そのほかに、動画のお気に入り登録機能などの作成

今回はLaravelを使う際に重要となるQuery Builder(クエリビルダー)のうち、データの抽出条件を指定するwhere句についてです。 単純なwhere条件から一部を括弧でまとめる方法等、様々な条件の書き方をサンプルコードとしてまとめました。 ※Laravelのバージョンは5.6を使用しています。 解説 サンプルのコードで使用している$this->postには、サンプル用に作成したEloquentのPostモデルのインスタンスが設定されていることとします。 where() – 基本のwhere句 where()は3つの引数を受け取り、第一引数がカラム名、第二引数が演算子、第三引数が第一引数のカラム名に対する値です。 $this->post->where('is_public', '=', '1') ->get(); AND条件を追加する場合は更にwhere()を呼び出します。 $

この記事では、「画像の上にアイコンや文字、または画像を重ねて表示する方法」を紹介します。 まずは、次の画像をご覧ください。 この画像では、右下に「いいね」ボタンを表示しています。 この表現はCSSの“position: absolute”と”position: relative”を使うことで、実現できます。 アイコンや文字が載せられた画像を用意するのではなく、HTMLとCSSを使って表現することで、次のようなメリットが得られます。 アイコンをクリックできるため、JavaScriptと組み合わせて使用できる アニメーション等の効果を設定できる 画像の上にいいねボタンを表示する 例として、いいねボタンを画像の上に表示する方法を説明したいと思います。 アイコンと画像を表示する まず最初にアイコンと画像を表示します。 アイコンは”Font Awesome”を使って表示します。 HTMLは次のように

この記事では、フッターを画面の最下部（一番下）に固定して表示する方法を紹介します。 「フッターが画面の最下部に表示できず、困っている」という方は、本記事で紹介している方法を試してみてください。 次の表示内容をご覧ください。このHTMLではコンテンツの量が少ないため、コンテンツとフッターとの間隔が詰まってしまっています。 この表示だと画面ごとのコンテンツの最低の高さが統一できず、レイアウトが�崩れて見える恐れがあります。 See the Pen フッターを最下部に固定して表示 – Part1 by aiiro (@aiiro29) on CodePen. 一方、次の表示ではコンテンツとフッターの間にスペースが確保され、フッターがウィンドウの最下部に固定されています。 See the Pen フッターを最下部に固定して表示 – Part2 by aiiro (@aiiro29) on Code

今回は告知記事です。 2019/04/14(日)に開催される『技術書典6』に出展します！ 頒布する同人誌が完成したので告知します。 タイトルは『実践！Laravel+Vue.jsではじめるGraphQL入門』です。 知人との共著でして、自分は3章のバックエンド部分を担当しました！ 目次を記載しますので、興味を持った方はぜひお立ち寄りください。 サークルスペース: <か58>(https://techbookfest.org/event/tbf06/circle/44790004) 目次 1 Introduction 2 GraphQLの概要 2.1 GraphQLとは 2.2 [発展] GraphQLにおけるページネーション 3 GraphQL + Laravelでバックエンドを開発！ 3.1 はじめに 3.2 開発環境の準備～プロジェクト作成 3.3 アプリケーションの開発 3.4 アカ

fishはbashやzshと同じくシェルの1種です。 以前から興味はあったのですが、Macを買い替えたのでzshから乗り換えられるか試してみることにしました。 今回はfishとfisher、pecoを使ってターミナル環境を構築します。 フォントを設定 powerlineフォントをインストール fishを使用する際、テーマによっては文字化けすることがあるため、powerlineフォントをインストールしてターミナルやiTerm2のフォントを変更しておきます。 $ git clone https://github.com/powerline/fonts.git --depth=1 $ cd fonts $ ./install.sh $ cd .. $ rm -rf fonts/ iTerm2のフォントを変更 「Profiles > Text > Font」を選択し、フォントを変更します。 fis

PHPの”json_encode()”は配列を与えられたときに、エンコード結果のJSONを配列として出力する場合とオブジェクトで出力する場合があります。 “json_encode()”でエンコードされるJSONの形式の条件がわからずハマったことがあるので、備忘録としてまとめておきます。 JSONが配列になるか、それともオブジェクトになるかは、配列のキーによって決まります。 配列のキーが連番でソートされていれば配列に、ソートされていない場合はオブジェクトになります。 文章だと伝わりにくいかもしれないので、サンプルコードの変換結果を見てみましょう。 配列のキーが連番でソートされていれば、JSONは配列に変換される まずは配列に変換される場合です。 “$array1″は配列はわかりやすくするために、0からの連番をキーとして明示的に指定しています。 “$array2″キーを指定してはいませんが、”

はじめに この記事は Laravel #2 Advent Calendar 2018 の14日目の記事です。 内容 今回はLaravelでテストコードを書く際に、普段使っている処理をまとめてみました。 LaravelにはHTTPリクエストのテストとして、Featureテストがあります。 Laravel is a PHP web application framework with expressive, elegant syntax. We’ve already laid the foundation — freeing you to create without sweating the small... 自分はFeatureテストから書き始めることが多いため、この記事の内容がFeatureテスト関連寄りになっているかもしれませんが、テスト周りで何か思いついたら更新していきたいと思います

この記事では、SPAがはじめてという方向けに、”Vue.js”と”Vue Router”、”axios”を使った、SPAの作り方を紹介します。 そのため、「SPAのアプリケーションを作ってみたいけれど、どこから手をつければ良いかわからない」という方向けの内容となっています。 今回作成するアプリケーションは、「Ajaxで自分のIPアドレスを取得し、表示する」ことを目標としています。 実装する機能としてはシンプルですが、「画面遷移」や「Ajaxによるデータ通信」といった、アプリケーションに欠かせない処理を含んでいます。 この記事を参考にSPAを作ってみて、Vue.jsでSPAを作ることが、どういった感じかを掴んでいただければと思います。 作成するアプリケーションのイメージを下記に記載します。 ホーム画面 IPを表示する画面 SPAとは何か？ SPAは、”Single Page Applicat

Secure and easy axios integration with Nuxt.js. Contribute to nuxt-community/axios-module development by creating an account on GitHub. axiosモジュールをインストール まずは npm install でaxiosをインストールします。 npm install --save @nuxtjs/axios nuxt.config.jsの設定 コンポーネントでaxiosを使用する前に、 nuxt.config.js を設定する必要があります。 下記を参考にして、modules と axios を追加してください。 module.exports = { /* ** Headers of the page */ head: { title: 'nuxt-with-

誰向けの内容か？ この記事は下記のような悩みがある方に向けた内容となっています。 もし該当するものがあれば、ぜひFirebaseを試してみてください。 「制作したポートフォリオをできるだけ簡単に公開したい」 「Vue.jsやReactを使ってWebサービスを作りたいけれど、バックエンドは苦手なので避けたい」 「フロントエンドの勉強で何か作りたいけれど、バックエンドの実装に時間を掛けたくない」 Firebaseのメリット Firebaseは”mBaaS”(mobile Backend as a Service)、または”BaaS”(Backend as a Service)と呼ばれるサービスです。 Backendとあるように、Firebaseはバックエンド（サーバサイド）の機能を提供しています。 Firebaseを使うと、バックエンド機能をある程度まかなうことができるようになります。 サーバ

こんにちは、aiiro（@aiiro29）です。 前回はファサードの実装を読んで、ファサードとはどういうものなのかを説明しました。 今回はファサードを自作して使用する方法を説明します。 要約 Illuminate\Support\Facades\Facadeを継承したファサードクラスを作成し、getFacadeAccessor()を実装する connfig/app.phpでファサードを登録する 説明 今回作成する独自ファサードの例として、Chronosを使うことにします。 ChronosはCarbonと同じように日付を扱うライブラリで、CakePHPで使用されていますが、CakePHP以外でも使用することができるようになっています。 Carbonとの大きな違いは、Carbonのオブジェクトがミュータブルであるのに対し、Chronosのオブジェクトがイミュータブルであることです。 イミュータ

Collection等のIlluminateパッケージのクラスやファサードにメソッドを追加する方法を紹介します。 要約 Collectionクラスのように、`Illuminate\Support\Traits\Macroable`をuseしているクラスの場合、macro()を使ってメソッドを追加できる メソッドを追加するには、サービスプロバイダーを作成して、boot()内で`Collection::macro(‘メソッド名’, クロージャー)`を定義すればOK 説明 Laravelを使っていると、Illuminate\Support\CollectionやIlluminate\Http\Request等のIlluminate系のクラスを使う場面がよくあります。 Illuminateパッケージのクラスはメソッドを豊富に揃えていて便利ですが、実際のプロダクトで使用している汎用的な処理をメソッド