これも新しい日本なのでしょうか。最近のweb小説で「チート」という言葉を使う時に「他人の持ってない凄い力」や「努力の末にたどり着いた境地」に対して使用する方が多い気がします。「チート」とは元々ゲームなどのプログラムに対して「不正なアクセス」を行って利益を得る事なんですが……。
15年分のブックマークで再発見 おかげさまで、はてなブックマークはサービス開始から15年を迎えました。その歴史を掘り起こし、特に注目を集めたページをまとめて、タイムカプセルに見立てました。サービス開始当初の2005年までさかのぼり、"インターネットの歴史"を感じていただくことができます。「今見ても古びないブログ」や「昔見つけたあのサイト」を再発見してみてください。 はてなブックマーク全体の歴史 あなただけのブックマーク 他の人は知らなくても、あなただからこそ思い出せる。あなたが過去にブックマークした中から、そんなエントリーをピックアップしました。「あなただけの関心」は、日々誰かの新発見になります。これからもブックマークを通して、他のユーザーにとっても価値のある情報をつなげていきませんか。 あなたの歴史
axios について、いくつか記事を書いておきながら導入についての記事を書いていなかったので、導入について記しつつ こちらの記事 で示した構成も作ってみた。 更新情報 2018/05/15 axios へのリンクを更新しました( @ledsun 様、ご指摘ありがとうございました ) 2018/07/02 axios のインスタンス生成時に指定している headers の内容を修正しました( @dyoshikawa 様、ご指摘ありがとうございました ) 過去に書いた axios の記事 [axios] axios で UnitTest 時に adapter を利用する [axios] 画像データのレスポンスを取得する際にハマった話 この記事を実施した環境 Windows10 Home 64bit macOS High Sierra( 10.13.4 ) nodist v0.8.8 ( in
実装方法 ブラウザのリサイズはwindowのイベントでVueが直接関与する部分ではないため、コンポーネントの作成時にイベントリスナを追加します。コンポーネント削除時には、忘れずにイベントリスナも削除します。 サンプルコード <template> <div> <p>window width: {{ width }}</p> <p>window height: {{ height }}</p> </div> </template> <script> export default { data: function () { return { width: window.innerWidth, height: window.innerHeight } }, methods: { handleResize: function() { // resizeのたびにこいつが発火するので、ここでやりたいこと
スポンサードリンク MySQL MySQLで文字を置換することができるんですね。 ずっと、PHPで文字を入れ替えて UPDATE文を一つ一つ作って 文字を入れ替えてました。 スポンサードリンク 文字列置換関数 REPLACE() REPLACE(カラム名, '置換前の文字', '置換後の文字') 上記の感じで文字を置換できます。 (使い方) UPDATE `table_name` SET column = REPLACE(column, "abc", "あいう"); このようにすると、 カラムにある「abc」という文字を「あいう」という文字に 置換してUPDATEしてくれます。 もう少し早く知ってればよかったな~。 (参考) MySQLだけで文字列を一括置換する スポンサードリンク
参考: https://stackoverflow.com/questions/38744932/how-to-call-multiple-function-with-v-onclick <input v-on:change="calcAmount, calcSum"> というように書けるのかなと思ったが、だめらしい。 <input v-on:change="calcBoth"> としておいて、 methods: { calcBoth: function () { this.calcAmount(); this.calcSum(); } } とするようだ。 Vue.js 2 Cookbook: Build modern, interactive web applications with Vue.js 作者: Andrea Passaglia出版社/メーカー: Packt Publishi
Vue.jsの「Avoid mutating a prop directly since ...」の警告文がなぜ発生するのかを解説する はじめに この記事ではVue.jsで開発をしている最中「[Vue warn]: Avoid mutating a prop directly since …(以下略)」という警告文に遭遇して「どうやったらこの警告文を修正できるのか?」「なぜこの警告文が発生するのか?」などに悩んでいる人に向けて記事を書いていこうと思っております。 「Avoid mutating a prop directly since … 」の警告文が表示される状況 今回の記事で扱う「[Vue warn]: Avoid mutating a prop directly since …(以下略)」の警告文は親コンポーネントからpropsで受け取ったプロパティを子コンポーネントで更新したとき
目的 router-link元のコンポーネントに共通処理を作成しておいて、router-linkしたコンポーネントから、emitで呼び出せるようにしたい。 環境 vue 2.4.3 vue-router 3.0.1 結論 router-viewにイベントをアタッチ(v-on)すればOK。 例 router-link元のコンポーネント router-viewにalertイベントをアタッチする。 // root.vue <template> <div id="root"> <h1>Root</h1> <template v-for="route in routes"> <router-link :to="route.path" v-text="route.path"></router-link> </template> <router-view @alert="alert"></router-
class User extends Model { public function scopeActive($query) { $query->where('active', true); } }
初心者から職人になりたくて、fill使ったらエラーが起きて、エラー文でぐぐってもよくわからず、fillメソッド軽くソース読んだら$fillableに、保存したいcolumn名を入れないといけないみたい。 と思ったところでドキュメント読んだらちゃんと書いてあった。 まず、ドキュメントを読んで、わからなければソースを見るのがいいみたい。 // error Add [_token] to fillable property to allow mass assignment on // このエラーとのときは、fillableを指定する protected $fillable = ['hoge', 'fuga']; // error ?? このときは、columnに足りないのをつけたす。 SQLSTATE[HY000]: General error: 1364 Field // add protec
導入手順 管理人が行った、動作確認サンプルを実装するために、以下の手順でソースコードを導入していきます。 今回のサンプルはBootstrapベースのページネーションを実装します。 ライブラリの呼び出し まずライブラリを呼び出す為に、以下の2通りの呼び出しを選択します。 コンパイラを使用しない場合は、UMDを使ってください。 ES6等で実装する場合 import Paginate from 'vuejs-paginate' Vue.component('paginate', Paginate) UMDで実装する場合 Vue.component('paginate', VuejsPaginate) ページネーションメソッドを設定 サンプル用にforを使って、リスト用の配列itemsを設定します。 dateのperPageに1ページに表示するアイテム数を設定します。 またitemsにリストを設定
公開日: 2016/12/18 array_padは、ある配列から指定した長さの新しい配列を作り、長さが足りない分は指定した値で埋める関数です。 構文 パラメータ$array対象の配列。 $size埋める要素数を指定する。正の数なら右側から、負の数なら左側が埋められる。 $value第1引数の配列の要素数が、第2引数で指定した数より少ない場合に埋める値。 返り値array 指定した配列を指定長にして、足りない分を第2引数、第3引数の条件通りに埋めた新しい配列。 サンプルコード配列を指定長の長さに埋める要素数が3個の配列から、要素数が5個の配列を作ります。足りない2個の要素は、第3引数で指定した値になります。
結果的にこんな感じになった。 <div class="d-flex flex-row align-baseline"> <v-text-field ref="comment" label="Todo" outlined /> <v-btn class="ma-2 pa-2" outlined color="success"> Add </v-btn> </div> align-center をつけてたんだけど、一向に揃わないから試してたら、これが良さそうだった。参考画像でつ。 今日のtips 単方向参照 vue から、フォームにアクセスする際、片方向の参照だけしたい場合は、 <input type="text" ref="comment"> this.$ref.name.value が使える 昨日、今日は OS ができなかったのが残念だなぁ。
標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype[@@iterator]()String.prototype.anchor() 非推奨 String.prototype.at()String.prototype.big() 非推奨 String.prototype.blink() 非推奨 String.prototype.bold() 非推奨 String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.proto
JavaScript を勉強することになったのでとりあえず FizzBuzz を書いてみることにしました。 FizzBuzz 関数内において、引数として受け取った値を Number 型から String 型に変換する必要が出てきた際に詰まりました。 そこで、Number 型から String 型への変換方法を調べてみた結果、色々見つかったので残しておくことにしました。 結論を先に書いておく。 Number 型の値をただ文字列に変換したいだけならば、String() で変換するのが一番いいと思う。 String(Number) ただ単純に Number 型のオブジェクト(以下、Number)を String 型のオブジェクトに変換するみたいです。 恐らくこれが最もオーソドックスな方法なのかな?と感じます。
画像の大きさを 親要素の残りの残りの高さに合わせて自動で縮小したいです。 方法はある程度問いませんが、特殊な条件なのもあってどうしたらいいか迷っています。 現状の説明をします。 親要素のdivの中に子要素のdivがあり、子要素のdivの中にテキストや画像などのインライン要素が入っています。 body部分は別のプログラムから自動生成されます。 cssにて子要素を余白も含めてブラウザの表示領域と一致させます。 つまり子要素の中身が大きかったとしても、スクロールバーが表示されない状態です。 合わせてスクロールバーを非表示、スクロールを禁止します。 余白はpaddingにて上下左右10%ずつ取り、コンテンツの大きさが表示領域の80%になるようにします。 htmlの全体は以下のような感じです。 <!DOCTYPE html> <head><meta charset="utf-8"><style ty
米Epic Gamesは8月17日(現地時間)、人気ゲーム「Fortnite(フォートナイト)」のiOS版によるアプリストアガイドライン違反をめぐり、AppleがEpicのiOSおよびmacOSの開発者アカウントを剥奪すると警告してきたと発表した。Epicは同日、既にAppleを独禁法違反で提訴しているカリフォルニア北部地区連邦地裁に、開発者アカウント停止の差し止めを申し立てた。 発表ツイートでEpicは「AppleはFortniteをApp Storeから削除し、8月28日(金)にAppleがEpicのすべての開発者アカウントを停止し、iOSおよびMac開発ツールから遮断するとEpicに通知した」としている。 Epicは新たな訴状(リンク先はPDF)にAppleから受け取った警告書簡のコピーを(Exhibit Bとして)添付し、「Appleのこの行為のわれわれへの影響は即時的で重大なもの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く