2019年2月16日、PHPのフレームワークであるLaravelをメインテーマに据えた技術カンファレンス「Laravel JP Conference2019」が開催されました。「Laravel JP」を冠したイベントとして日本初開催となる今回。数多くのLaravelユーザーが参加し、知見を共有します。プレゼンテーション「リリース直前にLumenからLaravelに移行した話 」に登壇したのは、株式会社GameWithの田口航氏。同社の新規サービス「MangaWith」におけるアーキテクチャ設計や、LumenからLaravelへと移行した舞台裏について語りました。講演資料はこちら リリース直前にLumenからLaravelに移行した話 田口航氏（以下、田口）：資料は99パーセントオッケーが出ると思うので、後日公開します。 （会場笑） 「リリース直前にLumenからLaravelに移行した話」

vue.jsで手っ取り早くアプリを作りたいけど、フロントにそんな時間をかけないでそれなりのデザインを作りたい。 何かvue.jsで新しいアプリを作ったりするときは、バックエンド側に集中したりしたいので、このような悩みが出てきますよね。 もし今、UIフレームワークを使ってvue.jsのアプリを作るなら。。。 私はTailwindCSSかVuetifyを選びます 理由としては、以下のような理由で選択しています。 コミュニティがある程度の規模があり、継続して管理される可能性がある レスポンシブ対応している 軽い Nuxtのcreate-nuxt-appでUI Frameworkとして採用されている 私が作成するアプリは、大体Vuetifyを使用して作っていますが、自分で書くcssはどれも200行以内に収まっているので、その分バックエンド側に集中することができます。 さらに、デザインを学んでいない

本文書ではNuxt.jsのモジュールnuxtjs/authを使い、Tokenを利用したJWT(JSON WEB TOKEN)のAuth(認証)の設定を行っています。Nuxt.jsでJWTの認証を行うためにはバックエンドが必要になります。バックエンドにはNodeのExpress.jsを使って構築します。本文書を読むことでNuxt.js環境下でTokenを利用したユーザ認証の設定手順の流れを理解することができます。 Tokenを使った認証の設定が行えることを本書の目的としているため入力フォームのデザイン、バリデーションやセキュリティについての説明は行っていません。特にセキュリティについてはJWTの設定方法がわかった後にしっかりと勉強してください。 Express.jsを使ったバックエンドの設定については一緒に記述すると文書が長くなるためまたフロントエンドにNuxt.jsを利用した場合のみ利用で

Server Side Renderingについて知るべきこと。Server Side Renderingとは何か？ それによって何が改善されるのか？（後編） ng-japan 2017 JavaScriptフレームワークとして知られるAngularのイベント「ng-japan 2017」がAngular Japan User Group主催で6月17日に都内で開催されました。 本記事は「Server Side Renderingについて知るべきこと。Server Side Renderingとは何か？ それによって何が改善されるのか？（前編） ng-japan 2017」の続きです。 CPU負荷に対する2つの現実解 こうしたCPU負荷に対する現実解としては、生成したHTMLをキャッシュする方法と、above the fold＝スクロールしなくても見える範囲だけのHTMLをレンダリングして

概要 APIのパラメータとして期間の範囲を表す命名について、職場でいい議論がなされたので自分なりにまとめておく。 期間の範囲というのは「開始日時」「終了日時」のようなものを想定。 start-end 扱いやすそうなのはこれ。 日時の場合は、終了側が排他的であった方が扱いやすいことが多い。 ※一ヶ月分取得しようと考えた際に、末日が月によって変わってしまうので、1/1-2/1 と検索可能なほうがうれしい endは排他の命名としてリーダブルコードでも紹介されている。 ただしリーダブルコードでは begin-end で紹介している。 startとbeginは基本的には置き換え可能らしいが、 startの対義はstopであるのが正しいようだ。 しかし開始時間は start time のように表現することが多いので悩ましいところ。 Kotlinの TimeRanges が使っている。 startInc

Ionic FrameworkでつくったFRONTEND CONFERENCE 2019の非公式PWAアプリケーションです。

この文章の背景について この文章はテスト容易性設計をテーマに 2013/11/26 に CodeIQ MAGAZINE に寄稿したものです。残念ながら CodeIQ のサービス終了と共にアクセスできなくなっていたため、旧 CodeIQ MAGAZINE 編集部の皆様に承諾いただき、当時の原稿を部分的に再編集しつつ、ライセンス CC BY（クリエイティブ・コモンズ — 表示 4.0 国際 — CC BY 4.0） で再公開いたしました。 旧 URL にいただいたブックマークとご意見はこちらです（これであなたもテスト駆動開発マスター！？和田卓人さんがテスト駆動開発問題を解答コード使いながら解説します～現在時刻が関わるテストから、テスト容易性設計を学ぶ #tdd｜CodeIQ MAGAZINE）。旧記事には本当に多くの反響をいただき、誠に感謝しております。 目次 この文章の背景について 目次 出

2019年にもなって未だに非同期I/Oを使わずPHP、Python、Ruby等でProcessを浪費しているサービスが増える理由とは！RubyPythonPHPRails非同期IO はじめに 間違えている箇所があれば指摘していただきたい 特にPHP,Python、Rubyを本格的に開発した経験が少なく 間違ってたら私のために教えていただきたい ただ1つ　私の中でも正しい用語定義がわからないので 非同期と書いたときは　非同期I/O、ノンブロッキングI/O　両方のことをさし マルチスレッドは並列などと表記する 現在の状況 2019年。Webサービスはどんどんローンチされている Java、nodeといった非同期のサービスも増えてきたが 未だに　PHP、Python、Rubyといった非同期ではなくプロセスを立ち上げるサーバが多い （asyncioとかeventmachene等の非同期機能はあるが、

スマホマーケットの概要と、�マーケティングの失敗例と改善　（アナリティクス アソシエーション 特別セミナー）

心底、プログラマとして生きていくのが幸せなんだなと思える人に出会ったことのある@HIROCASTERでございませう。 プログラミングが上達するベストプラクティスってあるんでしょうか？ 大学でコンピュータ教えている教授なんかは、そのあたり教えてくれるんでしょうか？ あなたの先輩は教えてくれましたか？ 昔ながらの職人がいう、見て、まねて、盗め。ですかね？ 僕の経験で、いくつか書いてみました。 毎日コードを書くとにかく毎日コードを書いている。 息を吸うように、歯磨きををするように、顔を洗うように、食事を取るように毎日コードを書いている。 テストコードも書く動くソフトウェア側のコードだけでなく、テストコードも書いている。 必然と設計も考える癖が付くわけで…。 ソフトウェア全体を仕上げるまで書く例えば、小さなメソッドだけでなく、クラス全体を。 ソフトウェアとして動作するまで全体を。 全体を仕上げるま

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

delete演算子を使うと、削除した要素の値が「undefined」になる。 要素の数は変わらない。 numbers = ['zero','one','two','three']; delete numbers[2]; //3番目の要素を削除 //numbersは['zero','one',undefined,'three']; delete演算子で削除すると、配列に穴が開いてしまう。 この動作が期待した動作ではないことが多い。 要素を削除したら、インデックスを詰めてほしいはずだ。 spliceメソッドを使うと、削除した要素のインデックスを詰める。 要素の数は減少する。 numbers = ['zero','one','two','three']; numbers.splice(2, 1); //3番目の要素を削除 //numbersは['zero','one','three']; spl

2つ以上のキーで連想配列を並び替えしたいときの備忘録。 サンプル配列 var arr = []; arr.push(["5", "4", "たちつてと", 10]); arr.push(["3", "6", "かきくけこ", 20]); arr.push(["3", "6", "かきくけこ", 10]); arr.push(["7", "2", "さしすせそ", 10]); arr.push(["3", "2", "あいうえお", 50]); 連想配列の第1引数を並び替えをする場合 昇順 function funcCompare(a, b) { if (a[0] < b[0]) return -1; if (a[0] > b[0]) return 1; return 0; } arr.sort(funcCompare); 降順 function funcCompare(a, b) { if

はじめに VBScriptでファイルを扱う場合、通常はFileSystemObjectを利用します。しかしながら、FileSystemObjectはShift_JISあるいはUTF-16形式で保存されたファイルしか扱えません。このため、VBScriptでUTF-8のファイルを扱うにはADODB.Streamオブジェクトを利用します。 CreateTextFileの第3引数をtrueにするとUTF-16でファイルを作る。falseにするとShift_JIS。UTF-8で作ることはできない。UTF-8で作りたいときはFileSystemObjectではなくADODB.Streamを使う。 FileSystemObjectの使い方まとめ - 今日覚えたこと 最速攻略 VBScriptサンプル大全集 Windows7/Vista/XP/2000対応posted with amazlet at 13

記録が終わるとVBAのコードが生成される その後、表示された画面から、＠ITのいろいろなページに遷移してみた。ここまでの処理で、「赤い●」をクリックして、「テストの記録」をオフにする。すると図16のようなコードが記録されている。 Public Sub Untitled() Dim selenium As New SeleniumWrapper.WebDriver selenium.start "firefox", "http://www.atmarkit.co.jp/" selenium.setImplicitWait 5000 selenium.open "/" selenium.clickAndWait "link=Excelでプログラム作成を始めるメリットとマクロの基本" selenium.clickAndWait "link=Excelに入力フォームを作成、コントロールを追加、表示

【まえがき】 現状、VBAでInternetExplorer(IE)を自動制御（自動操作）するという話となると、Microsoft Internet Controlsを参照する、もしくは、CreateObjectを使うことで、IEオブジェクトを直接操作するのが定番かと思います。 自分自身、今までは、Excel VBAのマクロで，IEを自動操作しよう　（DOMセレクタ関数をVBAで自作）というblog記事を参考に、IEの制御部分をラップしたクラス（VAMIE）を自作して使っていたのですが…。 自動制御の対象とする IEのバージョンが変わるごとに、細々とした修正の手間が生じる＆バージョン間の差異を吸収するような不毛な処理を実装し続ける（※）ことに発狂しかけたので、このたび制御方法を見直し、決別することにしました。 ※　ご存知の方も多いと思いますが、IEはバージョンによって挙動（DOM操作など）

VBAでUTF-8でのファイルを扱うためにADODB.Streamを使用する際に、BOMなしで保存する場合に必要な処理。 前提条件 Microsoft Office (Excel 2010) 2010以外でも同じ 処理簡略化のため参照設定で「Microsoft AxtiveX Data Object 6.1 Library」を追加していること 処理内容 ADODB.Streamを使ってデータを追加するところまでは同じ。 Dim myStream As ADODB.Stream Set myStream = New ADODB.Stream myStream.Type = adTypeText myStream.Charset = "UTF-8" myStream.Open myStream.WriteText "ほげほげ", adWriteLine myStream.WriteText "