TypeScript + Vue.js の始め方 - アシアルブログ

2019/05/07 285 users TypeScript 小椋 Vue.js エンジニア 対話形式

こんにちは。エンジニアの小椋です。 最近になって初めてTypeScriptを使う機会があり、TypeScriptもっと使おう！と思ったので、今回はVue.jsでTypeScriptを使う方法を紹介したいと思います！ TypeScriptを使ったVue.jsプロジェクトの始め方 vue-cli 3.0からはvue createの時に対話形式でTypeScriptを使うかどうかを選択... 続きを読む

Visual Studio Code ではじめるシーケンス図 - アシアルブログ

2019/03/15 584 users シーケンス図 Visual Studio Code UML

こんにちは、渡辺です。 シーケンス図を書くときにお世話になっているPlantUMLが、 Visual Studio Codeで簡単に利用できるようになったので、紹介したいと思います。 PlantUMLとは テキストでUMLやシーケンス図、クラス図などを作成できる言語です。 ダイアグラムをテキストで記述できるため、Gitで管理することもできま... 続きを読む

社内Vue.jsプロジェクトユーザーインタビュー - アシアルブログ

2018/11/30 103 users

こんにちは、WEB開発チームの斉藤です。 弊社では3-4人のチームでプロジェクトを運営するのですが、隣のプロジェクトではどうなっているのかを知れることが少ないです。 そこでVue.jsに関するブログを書いて欲しいと当番が回ってきたのですが、Vue.jsを引っくるめた話を伺うチャンスとして、インタビューしてみようと思... 続きを読む

Chrome Dev Summitで披露された高速化のテクニックの数々（所感を含む） - アシアルブログ

2018/11/19 146 users 所感 web.dev サンフランシスコ 例年 数々

こちらのブログではご無沙汰しています。田中です。今週はサンフランシスコにて開催されたChrome Dev Summitに参加させていただいていました。今年はweb.devの発表や新しいPageSpeed Insightsなど、例年にも増して盛りだくさんの発表が行われましたが、特に「スピードの改善テクニック」が数多く披露されたように思いま... 続きを読む

Vue.jsの生みの親 Evan氏が箱根でみんなの質問に答えてくれた【動画有り】 - アシアルブログ

2018/11/09 152 users 箱根 Vue.js Twitter 生みの親 みんな

こんにちは、生形です。 先般開催されましたVue Fes Japan 2018のために、JavaScriptフレームワーク「Vue.js」の生みの親であるEvan Youさんが来日されました。 この機会を逃す手はない！ということで、Evanさんへの質問をTwitterで公募し、インタビューした様子をライブ配信しました。インタビュアー兼通訳を担当したの... 続きを読む

jQueryから離れるためのJavaScript代替ライブラリまとめ : アシアルブログ

2015/12/28 202 users jQuery フレームワーク リソース ライブラリ 肥大化

jQueryは便利すぎて、ついつい他のフレームワークを使いながらも一緒に組み合わせて使ってしまったりします。その結果として読み込むサイズが肥大化したり、動作が重たくなったりします。特にスマートフォンのようにリソースがデスクトップほど潤沢でない場合は顕著です。 そこでjQueryから離れて代替ライブラリを使ってみましょう。多くのライブラリはjQueryを踏襲して似たような使い方ができるようになってい... 続きを読む

PHPで日付時刻の処理を書くなら Carbon がおすすめ : アシアルブログ

2015/05/14 115 users Carbon DateTimeクラス ふじ ライブラリ PHP

どうも、筋トレにハマっているたきゃはしです。 本日はPHPにおける日付時刻のライブラリについて書いていきたいと思います。 突然ですが、日付や時刻が絡む処理って意外とやっかいだと思いませんか？おそらく皆さんもいくつか思い当たるフシがあるかと思いますが、そんなやっかい事も Carbon（カーボン）を使えば解消できるかもしれません！ Carbon とはPHPのDateTimeクラスを継承して拡張された日... 続きを読む

Webスクレイピングが捗るGoutteを使ってみる : アシアルブログ

2014/09/28 127 users WebAPI Goutte 頸椎 本題 Webスクレイピング

シャワー後の水切りでヘドバンしてたら頸椎を痛めてしまいました。あれは絶対やめた方がいいです。と周囲に広めているたきゃはしです。急に本題ですが今回はPHPで簡単にできるWebスクレイピングをご紹介します。 ◯ Webスクレイピングとは Webサイトからデータを抽出するソフトウェア技術のことです。 RSSやWebAPIが公開されていないサイトからでもデータ抽出が出来るようなイメージです。 早速クローラ... 続きを読む

即興で自分のランチ行きつけのお店をAngularJSを使ってアプリっぽくしてみる : アシアルブログ

2013/12/12 109 users AngularJS 即興 directive アプリ 自分

大塔です。今回は1日の業務時間の空き時間を使ってAngularJSの機能を使って即興で行きつけのお店をAngularJSを使ってアプリっぽくしてみました。あまり時間をかけられなかったため、かなり荒削りで恥ずかしい部分もありますが、AngularJSの機能をこれで紹介できればと思います。Directiveについて紹介します。なお、画像はお店の方の了承をいただいて使っています。 index.html ... 続きを読む

AngularJSをさわってみる その1 : アシアルブログ

2013/08/15 153 users AngularJS

AngularJSはGoogle社が開発しているJavaScriptのMVCフレームワークです。Webの技術を使うMonacaでももちろん使うことができます。また、jQueryなどの他のライブラリと併用することもできます。MVCとはModel(モデル)、View(ビュー)、Controller(コントローラー)の略称でありそれぞれのコンポーネントにアプリケーション中の役割を分割する思想です。 Mo... 続きを読む

非エンジニアにもオススメ。数学が苦手な統計初心者がR言語を触ってみる。 : アシアルブログ

2013/07/19 299 users 数学 R言語 非エンジニア おすすめ

こんにちは。海原です。 ここ最近、統計学が流行していますね。「統計学が最強の学問である」がきっかけになっているのでしょうか。数年前に比べてマーケティングが重要視される今日、統計の需要が増えたのかもしれません。私はまだこの本を読んでいませんが、読もうと思った矢先にたまたま統計ツールRに出会いまして、調べながら少しいじってみました。Rを使った感触から申し上げますと、SQLを叩いて好きなデータをピックア... 続きを読む

最近のJavaScript開発まとめ : アシアルブログ

2013/07/17 1123 users

こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScr... 続きを読む

簡単・便利、ブラウザの自動操作！～Selenium WebDriver～ : アシアルブログ

2013/07/05 361 users Selenium WebDriver 便利 ブラウザ ユー

はじめに 今回はSelenium WebDriverをご紹介します。ブラウザ操作を自動化する際には最適な仕組みです。Webシステムのend-to-endテストを自動化する際には、ブラウザ操作が必要になることがあります。そんな時にSelenium WebDriverはとても便利です。 Selenium Seleniumとは、ブラウザをプログラムで動かすフレームワークです。この仕組みを使うことで、ユー... 続きを読む

PHPで仮想マシンベースの正規表現エンジンを作ってみる 第一回 : アシアルブログ

2013/06/20 136 users PHP プログラマ 久保田 正規表現エンジン 仮想マシン

こんにちは、久保田です。 皆さん正規表現は使っていますか? PHPに限らずどんな言語を使っていても、正規表現にお世話になっていないプログラマはいないと思います。しかし、その正規表現がどのように実装されているかについては知らない方が多いのではないのでしょうか。 この記事では、その正規表現の実装方法の一つである仮想マシンによる正規表現エンジンの実装方法を解説しつつ実際に簡単な正規表現エンジンを作ってい... 続きを読む

戦うプログラマによる戦略的アイデア量産テクニック : アシアルブログ

2013/06/17 103 users プログラマ

はじめまして！アシアルで開発を担当している四方と申します。 海上自衛隊・SIer勤務を経てアシアル株式会社に入社というちょっと変わった経歴を持っています。 そんな訳で私のエントリーでは通常の技術記事とはちょっと違った視点から開発Tipsを伝えて行けたらと思います。 戦略的にアイデアを量産するテクニック ITに限らず何かを作り始めるとき必要になるのがアイデアです。 今回は、私が前職でデスマっている際... 続きを読む

PHPからChromeにログ出力「Chrome Logger」 : アシアルブログ

2013/04/25 148 users PHP Chrome ログ出力 Echo デバッグ

こんにちは、中川です。 PHPでの開発中のちょっとしたデバッグに、echo や var_dumpで画面に値を出力して確認することがありますよね。 このデバッグ方法は簡単でいいのですが、出力した配列の値などはパッと見で確認しやすいとは言えませんし、画面の表示内容が崩れたりします。 画面に出力しない方法としては、 error_log関数を使ってapacheログやファイルに出力する方法もありますが、 こ... 続きを読む

エンジニアの知識を深める！情報収集に役立つまとめ | 株式会社LIG

2013/04/11 120 users 株式会社LIG エンジニア 知識 情報収集 まとめ

どもども最近エンジニア以外の業務が増えてしまっているtetsuです。 今回はエンジニアの知識を深められるサイトを紹介したいと思います。 ここで紹介させて頂くサイトは自分自身よく見るサイトで、開発の際に参考させて頂いたり、学ばせて頂いたりさせて頂いています。 これからエンジニアとして頑張ろうとする新社会人も多いかと思うので参考になればと思います。 技術系 アシアルブログ http://blog.as... 続きを読む

【CSS】ハイブリッドアプリを作成するときにいつも書くようにしているCSSプロパティいくつか！ : アシアルブログ

2013/04/09 170 users CSS ハイブリッドアプリ RGBa iPhone 備忘録

こんにちは、相変わらずドラクエ10三昧の橋本です。 最近はライノス道場に通っています。 さて、今日はハイブリッドアプリのCSSを書く際に毎回指定するようにしているプロパティを備忘録がてらいくつか書いていこうと思います（いつも忘れるので）。 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) iPhoneやAndroidでリンクなどの要素をタップしたときに、i... 続きを読む

CSSだけで簡単に吹き出しを作成する方法4つ！ : アシアルブログ

2013/03/05 453 users CSS 曲線 わー 三角 橋本

こんにちは、橋本です。 今日はCSSだけでお手軽に吹き出しを作る方法をご紹介したいと思います。 今回ご紹介するサンプルは4つ 一般的な三角の吹き出し 一般的な三角の吹き出し（ボーダー付き） ぽわわーんとした吹き出し 丸い（曲線の）吹き出し 4つのサンプルの実行結果は、ここで確認できます。 IE以外のブラウザであればちゃんと表示されるかと思います。 IEは9では表示されましたが、8以下でもちゃんと表... 続きを読む

準備が簡単。JavaScriptテストツール「Testacular」 : アシアルブログ

2012/11/26 130 users AngularJS Testacular 中川 http 準備

こんにちは、中川です。 今回は、JavaScriptテストツールであるTestacularをご紹介します。 「Testacular」はAngularJS( http://angularjs.org/ )で使われ、注目され始めています。 ■Testacular http://vojtajina.github.com/testacular/ Testacularは、AngularJSのためのより良いテ... 続きを読む

ちょっと便利なJavascriptオブジェクトの作り方 : アシアルブログ

2012/11/19 503 users Javascriptオブジェクト JavaScript

今回は、ちょっと便利なJavascriptオブジェクトの作り方をご紹介します。いわゆるモジュール・パターンと呼ばれている方法です。 はじめに 最近、HTML5への注目と共に、Javascriptを使用する機会が増えてきました。以下のように適用範囲は多岐に渡っています。 通常のWebサイトでのユーザビリティ向上スマートフォン用Webサイト開発HTML5アプリによるクライアント・アプリ開発スマートフォ... 続きを読む

JavaScriptでうっかりやってしまいそうなこと色々 : アシアルブログ

2012/11/01 785 users JavaScript String 中川 全部 一度

こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか？ String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが... 続きを読む

【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（後編） : アシアルブログ

2012/09/07 224 users consoleオブジェクト Firebug log メソッド

こんにちは、橋本です。 前回にひきつづき、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 consoleオブジェクトには以下の19個(logを除くと18個)のメソッドがあります。 assert count debug dir dirxml error group groupCollapsed... 続きを読む

nginxで認証用proxyサーバを作成 : アシアルブログ

2012/08/30 102 users nginx memcache Apache サーバ 軽量

nginxと言えば、言わずと知れた高速なwebサーバ+ロードバランサです。 とにかく軽量で高速なので、apacheをこれに置き換えて高速化という話もよく聞くようになって来ました。 先日、このnginxとmemcacheを組み合わせてセッション認証サーバを構築したので、それについて書こうと思います。 １・システム概要 今回作るシステムは、静的コンテンツを配信するサーバがすでにあり、 ・認証機構（ログ... 続きを読む

【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編） : アシアルブログ

2012/08/07 539 users consoleオブジェクト Console Firebug

こんにちは、橋本です。 今回と次回の２回にわたり、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 Javascriptのコードをデバッグする際に、console.logを使ってメッセージやオブジェクトの内容をログに表示することがあるかと思いますが、 この「console」オブジェクト、実はl... 続きを読む