はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに ->Part.1 初期設定〜インストール編 Part.2 独自ドメイン設定〜SSL化編 Part.3 S3画像保存〜SESメール転送編 Part.4 WordPress設定編 まずはじめに本稿は2022年2月末に実際に環境構築したものを基に作成しています。 そのため、これからWordPressをつくる方は同手順で実施できると思います。 疑問点等ありましたら、お気軽にコメントを下さい。 AWSの1年間の試用期間を利用して、WordPressを無料で運用する手順を公開します。 基本的に無料で運用できる想定ですが、ブログへのアクセス

概要 やりたいこと概要:GraphQLでRDSのデータを取得できる環境をAmplifyで作成する。 JS app -> GraphQL -> Lambda (JS) -> RDS proxy -> RDS ほぼ全て初めて触るのでおかしいとこあるかもしれないが、とりあえずできたので備忘録として。 余談:LambdaからのRDSアクセスは、もうアンチパターンではない。 オンラインセミナー「RDS+Lambda が始まる。過去のアンチパターンはどう変わるのか」 の資料が、アンチパターンと言われていた理由とAWSによる改善をわかりやすく説明している。 RDS proxyは入れなくてもRDSへのアクセスは可能だが、これこそがアンチパターン対策の一つなので、詳しくは上記リンクを参照のこと。 前提 aws CLIコマンド使えるくらいの知識はある。 aws CLIコマンド ver.2 インストール済み ア

リプライ Delphiなんかで開発していて恥ずかしくないの? https://qiita.com/e99h2121/items/e5b823ae69ce418ea235 があったので勝手にリプライ記事です。 この記事を読むと(なぜか) Delphi がやり玉に挙げられただけで別に Delphi をことさらおとしめている訳では無いようです。 とはいえ、恐らく昔ながらの Delphi しか知らないのかな〜と思います。 ということで、拙作 Delphi Community Edition の記事からの抜粋になりますが、まずは最近の事情を紹介します。 最新の Delphi の IDE 現在の Delphi はこのような見た目で他の開発環境にも劣らない感じになっています(ダークテーマ, Wikipedia より拝借)。 向こうの動画は XE2 という9年も前のバージョンを貼っています。どうして。 最

JSON サーバー・クライアント間でデータをやり取りするフォーマットとして XML と JSON が有名所だと思います。 それぞれのフォーマットについて詳しい所はググればいくらでも出てくるので、ここでは述べません。 ただ、XML に比べて JSON が勝っているところを上げておくと... XML よりサイズが小さくなる場合が多い Delphi RTL や .NET といった一部のフレームワークには JSON Serializer が用意されている ということです。 最近、僕が自分でフォーマットを決められる場合は、ほぼ必ず JSON を指定しています。 なぜなら JSON Serializer が便利すぎるから! ...で、さっきはググればいくらでも出てくるから述べないと書きましたが、JSON Serializer も同じで色々引っかかります。 では、何故書くのかというと、Qiita には、Delp

「リアクティブプログラミング」「Observable」などのキーワードを聞いたことはあるけど何なのかまでは知らない、という人向けに、リアクティブプログラミングが何なのか・どうやって使うのか・使うと何が嬉しいのか、などを分かりやすく解説した記事があったらよかったなと思い、書いてみました。 「Observable」で調べてみると、「"時間とともに変化する"値を表すデータ型」、「非同期データソース(ストリーム)を表すクラス」などといった小難しい説明が出てきます。 これだけだと何のことか分からないと思うので(私が初学者のときにそうだったので)、まずは「どういうときに(何に困ったときに)使うと嬉しいものか?」「簡単に始めるにはどうすればいいのか?」が分かるところまでを説明したいと思います。 なるべく初心者向けに書いてみたつもりですが、 HTML, JavaScript の基本的な構文などは解説してい

社会人1年目に立ちはだかる1大いなる壁。それは布団。 はじめまして。Retty Inc. Advent Calendar 2018 7日目の記事はエンジニアの @pikatenor がお送りします。 昨日は @resessh さんの PRごとにCIでStorybookをビルドしてデザイナーとインタラクションまで作っていく話 でした。CircleCI による Storybook ビルドの方法解説もさることながら、エンジニア&デザイナーのワークフローの考察から CI を目的達成のために的確に活用しているあたりが美しい記事だと感じました。 RettyAC2018 は今後も力作ぞろいを予感させるテーマ群が並んでいますが、生憎自分は CI じゃなく狂言しか回せないので、今日の記事はアホ記事としてお気軽に読み飛ばしていただければ幸いです。 序 さて、今年4月に新社会人として入社した僕ですが、日々の堕落

今後必要になるプログラム言語を読む前提知識 時代背景と当時の知識がないと読むのが非常に難しいので、僕の知っている範囲内の前提知識を書いておこうと思います。 当時の背景 当時というのは、ここでは 2000 年前後の Java 黎明期を指します。 僕個人で言えば PostPet 2001 などの開発に携わっていた頃のことです。 この少し前にインターネットの世界ではウェブブラウザが誕生しました。 そして、元々はセットトップボックス用に開発された言語 Java (Oak と呼称されていた)も開発されていました。 誕生間もない Java と誕生間もないウェブブラウザが出会うのは必然だったかもしれません。 この2つが出会ったことで、ウェブブラウザ上に動的なコンテンツを表示する Java Applet という技術が誕生しました。 Netscape Communications と Sun Microsy

概要 Bootstrap 4 のソースコードをいじらずに、変数を変更してカスタマイズする方法のメモ。 Bootstrap 4を使うならSassを使って3倍幸せになろう で説明されているように、スタイルの上書きでカスタマイズするのは保守性がよろしくないので、Bootstrap4の変数を変更することで気持ちよくカスタマイズする。 また、Bootstrapのソースコードを変更すると、Bootstrapパッケージをアップデートすると変更が消えてしまうので、変更内容は分離する。 とは言え、特に難しいことをするわけではなく、これこそが公式ドキュメントで説明されている方法でもある。 下ごしらえ まず、自分のSCSSファイルを作成する。名前は何でもいいが、ここではcustom.scssとする。 中身は、Bootstarpのscssファイルへのパスを指定した@importだけ。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Delphi Community Edition ついに!待望の!全ての機能を使える Delphi の無料版が発表されました!!!!!!! Delphi 12 Athens Community Edition のダウンロードはここから! Starter Edition では Windows アプリケーションだけしかビルド出来ませんでしたが、この Delphi Community Edition は無料なのに Windows, macOS, iOS, Android のアプリケーションがビルドできるのです! Delphi Communit

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに みなさんはサービスの利用規約,読んでいますでしょうか.ある統計 によると,ちゃんと読んでいるユーザは全体の 7% しかいないようです. 利用規約というと,長いし難しい,といったネガティブが印象があるように思います.何でもっと分かりやすく書かないんだ,と思うかもしれませんが,利用規約はユーザの解釈に齟齬が生じないように,厳密に書かれていなければなりません.なので,ある程度仕方がない面もあります. FOLIO でも,口座開設時に利用規約 (約款) に同意してもらうページがあります.いかにユーザにスムーズに同意をしてもらうかが UX

はじめに iOS10 から,電話の機能をオーバーライドできる API,CallKit が開放されました.ただ,開放されてから1年以上経つものの,未だにあまり知られておらず,いまいち何ができるかよく分からないといった方も多いかと思いますので,ざっくりと概要を書いてみようと思います. また,App Extension として,着信拒否したり発信者識別できたりする Call Directory Extension も開放されており,実際に使ってみたところ,何ができて何ができなかったのかも分かったので,そちらも併せて書こうと思います. CallKit の概要 CallKit は,iOS の VoIP 機能に,アプリから直接アクセスすることのできるフレームワークです.これにより,「電話」アプリと同様のインタフェースや,高音質な通話機能を簡単に実現できるようになりました.また,CallKit を利用す

はじめに Web サービスの運用を続けていくと,依存関係が徐々に複雑になっていきます.そしてメンテナンスするものが増えた結果,それらが相互に乖離していく,といったことが起こりがちです. そこで今回は,JSON Schema のみをメンテナンスしていくことで,動的チェック (バリデーション),静的チェック (FlowType),API ドキュメント生成,スタブ作成といった様々な恩恵を享受し,品質と保守性を同時に向上させるアプローチについて書いていきます.この JSON Schema を中心に据えたエコシステムを,__JSON Schema 中心設計__と呼ぶことにします. JSON Schema の仕様については割愛しますので,必要な方は こちら をご覧下さい.また,本記事では JavaScript での事例を紹介しますが,他の言語でも同様の適用ができるかと思います. アプローチ 本記事では

INTRODUCTION 上の画像は,2014年のミスキャンパス立命館のものです.みんなとても美人ですね. その一方で,パッと見た感じ,どの方も同じような顔をしているように見えます.類は友を呼ぶのでしょうか.これを 立命館っぽい顔 と呼ぶことにします. また「青学っぽい」「学習院にいそう」みたいな言葉をよく耳にはさみますが,これもやはり 青学っぽい顔 や 学習院っぽい顔 というものがあるが故なように思います. そこで今回は,大学ごとの顔の傾向を Deep Learning させ,ある美女がどの大学にいそうかを判別できるモデルを作成してみました. APPROACH 1. 大学ごとの女性の画像収集 まず,各大学の女性の画像をひたすら取得します.ミスコンテストのポータルサイト に,各大学の過去のミスコンの写真が体系的にまとまっていたので,利用させていただきました. # -*- coding:ut

フロントエンド開発において,かつてのようにスタイルとロジックがきれいに分離されていた時代は終焉を迎えました.React 時代においては,それらを独立して扱うことは難しくなってきており,デザイナーとエンジニアはお互いに寄り添って歩んでいかなければなりません. そこで今回は,エンジニアの視点から,デザイナーに寄り添うために具体的にできることを,5 つのポイントに分けて書いてみたいと思います. 1. 頻度の高い JS, JSX の記法を習得してもらう デザイナーが React で View を実装するにあたり,相性のよい JS 記法や JSX 記法をいくつか習得してもらうだけで,生産性は大きく向上します.頻度の高い記法は限られており,かつそれぞれのハードルも高くないので,習得コスト以上のリターンが得られると思います.以下のものあたりを習得してもらうと十分でしょう. map, 三項間演算子, Te

これは Delphi Advent Calendar 1日目の記事です。 Android TV プロローグ 先日テレビを買いました! TV 名前は Bravia X9350D ごく普通の僕は、ごく普通にお金を払い、ごく普通に購入しました でもただひとつ違っていたのは、このテレビは AndroidTV だったのです! ということで、Delphi で Android TV アプリを作る方法を紹介します。 (とはいえ、すごく普通の事です...) Android TV とは Android 5.0 をベースにした TV 用の OS です。 TV とは別の世界に Android TV があるわけではなく、Android TV の上に全ての機能が実装されています。 開発したのは Google ですが、開発パートナーとして Sony がテレビ部分に関してアドバイスをしたとのこと... また、SoC については台

これは 日本情報クリエイト Engineers Advent Calendar 2016による1日目の記事になります。 発起人ということで、初日を飾らせていただきました。 今回はタイトル通りに速攻で構築したいので、管理画面用のライブラリを利用して開発していきます。 RailsではActiveAdminという超絶便利Gemが存在するのですが、Laravelは管理画面系のライブラリが多数ありますので、選定から入ります。 ※(注記) ちなみに日本情報クリエイトではLaravelで開発してません。布教中です。 ※(注記) cakephpでの開発を主としていますので、興味の有る方は是非ご相談下さい! ライブラリの選定 選定基準は、 更新が頻繁である githubのstar数 機能数 ドキュメントの充実 速攻で出来る! を元に選定していきます。 調査 2016年11月30日の情報です。 名称 更新頻度 star数 機能

OctoberCMSとはタイトルの通り人気のPHPフレームワークLaravelをベースにしたCMSです。 追記 (2021年02月27日) まず初めに、個人的な意見ですが、CMSと言ってますがWordPressと比較するようなものではありません。 WordPressとどちらにしようか検討している場合はWordPressをおすすめします。CMSとしてはWordPressの方が歴史が長くユーザも多いため圧倒的に使いやすいと思います。 一方、Octoberはリッチなフレームワークとして非常に優秀です。つまりエンジニア向けです。(追記ここまで) Webエンジニアの自覚が無かった私ですが、なりゆきで幾つかのサイトを開発運営していますが、開発力を持たない企業だと、SEOとか気にしだすと結局CMSが必要になってくるんですね(はじめは要らないって思っていても)。 なので、実装の自由を奪われるのが嫌で使用して

シンゴジラ,すごい迫力ですね.118.5m もあるそうです.ただ一方で,高層ビルが立ち並ぶ東京においては,それを超える高さのビルは沢山あります.東京ミッドタウンなんかは 248m あるようで,もはやシンゴジラはその半分の大きさすらありません. シンゴジラは果たして大きいのか小さいのか.何だかよく分からなくなってきたので,どれくらい大きいのかイメージをわかせるために,Google Earth API と Selenium を用いて東京 23 区内で同じ高さのビルを探してみました. Google Earth 上の画像は Google Earth にて,東京ミッドタウンにカーソルをあわせた際のものです.下部に,緯度経度に加えて標高 (269m) が表示されており,これから海面高度を引いたものが,その建物の高さになります.Google Earth では,航空写真測量という技術を用いて世界中の建物の

デザイナーが作ったデザインをエンジニアがコードに落としこむ工程,コミュニケーションコストも大きくなかなか大変ですよね.そんな課題を解決してくれる,ビジュアル仕様書共有ツール Zeplin を使ってみたところ非常に好感触で,アプリ開発がかなり効率化されたように思うので,普及もかねてまとめてみようと想います. Zeplin は何を解決してくれるのか これまでアプリ開発の際,デザイナーさんに以下の様なビジュアル仕様書を Google Drive で共有してもらっていました. 自分はデザイナーさんみたいに 1px の細かい差異など分からなかったりするので,このようなビジュアル仕様書を作成してもらえると,正しく実装することができ非常に助かります.しかし,これには例えば以下のような課題がありました. (1) デザイナーさんのコストが大きい.上図の例はアプリの 1 画面に過ぎませんが,これが 10 枚,

iPhone や iOS がアップデートされる度に,新機能が追加されていきますね.とはいっても,Apple はあくまでもベーシックな機能を提供しているだけで,それがどれだけユーザにインパクトを与えられるかは,サードパーティのアプリ内で我々がどれだけ活用できるか次第であると言えます. 今回は,比較的最近追加された 3 つの機能 (気圧センサ,3Dtouch,タッチ面積) の Swift での実現方法と,その活用方法の可能性について書いてみようと思います. 気圧センサ (iPhone6 ~) 実装方法 CMAltimeter を用いて気圧を取得することができます. import CoreMotion class ViewController: UIViewController { let altimeter = CMAltimeter() ... func getPressure() { gu

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近,超音波通信技術が注目を浴びています.先日,あの LINE の友だち追加機能にも,超音波通信を用いる方法が追加されました.今後,超音波通信はますます実用化されていくことと思われます. 今回は,そんな話題の超音波通信に関して,その概要と,iOS での実現方法をざっくりと書いてみようと思います. 超音波通信の概要 超音波通信は,人には聴こえない,高周波音で情報通信をおこなう手段です.人の可聴域は 18kHz あたりまでなので,基本的にそれ以上の周波数を用います. 超音波は当然のことながら 「音」 なので,デバイス非依存であり,かつデバイ

こんにちは、この記事はHTML5 Advent Calendarの2日目になります。 タイトルは釣りです! ここでは、HTMLメールの話をしたいと思います。 なぜ、テーブルレイアウトか? 最近、TechFeedというエンジニア向けのキュレーションサービスを作りまして(宣伝)、そこで記事の配信にHTMLメールを使っています。HTMLメールのレンダリングは、ブラウザのHTML5の対応状況に比べて非常に遅れており、テーブルレイアウトがまだまだ生き残ってる状況です。ここでは、それらのHTMLメールへの鬱憤をつらつらと書いていきたいと思います。 TechFeedのメール HTMLメールのリッチ化 Webサービスには、モバイルアプリのようなプッシュ通知(※(注記)) はないので、Webサービスにとってメールは数少ないリエンゲージメントの手段です。ここで少しでもコンバージョンを上げるために、最近では多くのWeb

みなさん DBPedia をご存知でしょうか.DBPedia とは,Wikipedia から構造化データ (RDF) として情報を抽出するものです.DBPedia では Linked Data として情報が体系化されているので,Wikipedia 内の必要な情報を,非常に簡単に抽出することができます. 「◯◯ の情報を Wikipedia からスクレイピングして取ってきて...」みたいな話をよく耳にし,そんなのスクレイピングしなくても DBPedia 使えば一瞬なのに... と感じることが最近多々あるので,DBPedia の普及もかねて簡単にまとめてみることにしました.DBPedia なんて初めて聞いたという方は,ぜひチェックしてみて下さい. Linked Data の基本 Linked Data では,エンティティ,プロパティ,リテラル の 3 つを使って情報を表現します.エンティティは上図の

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

iPhone のマルチデバイス対応なかなか大変ですよね.ただ iPhone5 以降の 3 サイズ (4inch, 4.7inch, 5.5inch) は,幸いなことに縦横比はどれもほぼ同じなので,等比率で拡大・縮小して対応できるとハッピーです. しかし Storyboard のみでコンポーネントの位置やサイズを相対的に指定した UI を作るのって意外と面倒だったりします.そこで今回は,AutoLayout で View などを相対指定するために,自分がいつも使っているコツを書いてみようと思います. 対応方法 上図のような 375:667 のビジュアル仕様書をデザイナーに渡されたとします.x, y 座標が 15, width, height が 50 で設定ボタンを配置したいですが,これらは絶対指定にするのではなく,例えば 320:568 の時はそれに応じて値を縮小したいですね. このような

僕はSVMが大好きです.シュパッてきれいに分類できている姿を見ると,かっこよくてドキドキします. 今回は,SVMの性能を最大限に引き出すために知っておくと役立つことを書いていこうと思います.ちょっとチューニングを行うだけで,10%〜20%精度が向上するなんてことはよくあります. なお,本記事は__使いこなし方__にフォーカスしているので,理論的なことを知りたい方は別途確認して下さい. 特徴量の作成 まずは,適切な特徴量を作成するにあたって注意すべきことを2つ紹介します. 1. スケーリング スケーリングとは,特徴量のとりうる値の範囲をあらかじめ調整してあげることです. なぜスケーリングするの? 理由は2つあります. 大きい値の範囲をとる特徴量に引きずられないようにします.[0,10]での1と2の違いは1だけですが,[0,10000]での1の100の違いよりもずっと重要です.すなわち,これら

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Hadoop始めたいけどJavaで書くのめんどくさい... という人のためのチュートリアル. HadoopはJavaで記述されているため基本的にはMapper/ReducerもJavaで記述するが,HadoopにはHadoop Streamingという機能があり,Unixの標準入出力を介してデータの受け渡しをすることができる. これを用いてPythonでMapper/Reducerを書いてみた.もちろんHadoop Streamingを利用すればPython以外の言語でも書ける. 今回はUbuntu上に擬似分散環境を構築してみた. Ubuntu12.04 + Haadoop2.4.1 Hadoopの環境構築 Javaがない場合はインストール