Qiita - 人気の投稿

開発に集中するためのChrome拡張を作りました!

SN

4/26 12:41

個人開発をしていて、全く開発せずに1日中Twitterをしている日がありました。
もしこれが受託開発だったらヤバいですよね...。

このSNS問題については僕だけではなく、色々な人から話を聞くことが…

フロントエンド・テストツール比較 Selenium #03初心者でもわかる入門編

SN

4/26 10:49


はじめに

株式会社クリエイスCTOの志村です。
二回に渡り
フロントエンド・テストツール比較 Selenium #01環境構築編
フロントエンド・テストツール比較 Selenium #02テスト編…

Node.js v10.0.0でconsole.table()追加&console.log()アップデートに感動したので早速試してみる

SN

4/26 02:41

Node.jsついに二桁の大台にのりましたね。

2018/4/24にアップデートがあったみたいです。追えてなかった...

ちょい使って感動したので勢いで書いてます。

console.table()追加

Twitterのタイムライン上で動くブラウザゲームをJSで作りました

SN

4/25 22:49


TL; DR


JavaScriptでブラウザゲームを作りました。
UFOを操作して動物を誘拐するゲームです。
TwitterのOGPを設定すると、ツイートに埋め込むことができます。




『Alien …

C# より python が早いと言わせる所以

SN

4/25 18:37

C# の Linq が python の2倍遅い、は嘘

ほとぼりが冷めてきましたので、後日談というか。

ことの発端としては、引用した記事に対して、僕の方も「C#が遅い」と堂々と書かれてしまのにカチン…

PR:bitflyer

bitFlyer ビットコインを始めるなら安心・安全な取引所で

Qiita - nginxタグが付けられた新着投稿

nginx + PHP-FPM(on windows10)

SN

4/26 10:14

開発用WindowsPCにて、nginx + PHP-FPMの環境を構築した際のメモ。


基本情報


執筆:2018/4/25
OS:Windows10(64bit)
nginx ver:1.14.0
ダウンロード:https://nginx.org/en/download.html

PHP-FPM ver:...

「nginx実践ガイド」のメモです。

SN

4/26 06:00



『PHP(PHP-FPM)でWordPressを動かす』でハマったところ


php7ではphp-mysqlではなくphp-mysqlnd


502になる


一通りやると502になる
/var/log/nginx/error.logを確認する。



tail -f /var/log/nginx/error...

nginxのコマンドのメモ

SN

4/25 11:37

「nginx実践ガイド impress top gearシリーズ」のメモです。

環境はCentOS7です。


systemctlでの操作


開始


systemctl start nginx
nginxを開始します。


終了


systemctl stop nginx
nginxを停止しま...

[備忘録]nginxのドキュメントルート

SN

4/20 15:08



nginxのドキュメントルート

nginxのドキュメントルートはここです。

root /usr/share/nginx/html


nginxのドキュメントルート変更する方法

設定ファイル書き換える。

root /etc/nginx/confファイル...

CentOS 6.9へのnginx1.14環境構築とnginxによるスマホ判別のページ遷移制御の実現方法

SN

4/19 16:33



CentOS 6.9へのnginx1.14環境構築とnginxによるスマホ判別のページ遷移制御の実現方法


事前準備

以下のサイトを参考に、CentOS6.9の環境が事前に構築済みであること

Vagrant2.0.3を使ったCentOS6.9の環...

Qiita - AWSタグが付けられた新着投稿

CloudWatch Events から実行された SSM RunCommand や Lambda のログについて

SN

4/26 11:50



0.はじめに

CloudWatch Events から スケジュールドリブンで、SSM RunCommand や Lambda を実行してみた際に、それぞれのログがどう出力されるのかよくわからずに困ったことがあったので、

サポートに確認...

ElasticBeanstalkのデザイン変更の際に生じた問題

SN

4/26 11:13



概要

terraformでElasticBeanstalkの環境作成時にエラーが発生し、オーケストレーションが失敗したので、調べた。


経緯



Configurationはこんな感じで書いてた



elastic_beanstalk_environment.tf
/****...

MacのローカルのMySQLのタイムゾーンをAWSのRDSのMySQLの設定と合わせる

SN

4/26 11:09



目的

ローカル開発環境とサービスが稼働しているRDSとの間で、タイムゾーンの差異をなくす。


環境


Mac OS - 10.13.4
MySQL 5.7.15



MySQLのタイムゾーンの確認の仕方


sql
show variables like '%time_...

SSLオフロード構成でアプリからリダイレクトを返却する場合のTips

SN

4/26 02:16



はじめに

近年、Webサイトの常時SSL化が当たり前になっています。皆様が開発しているシステム・サービスも同様のことでしょう。

SSL/TLSの処理は重いので、サーバではなくLoad Balancerに担わせることも多...

AWS Systems Managerを利用しているとinodeが枯渇するはなし

SN

4/25 17:28



環境

AMI version

Amazon Linux AMI release 2017.09


SSM agent version

2.2.45.0



概要

AWSでSystems Manager(以下ssm)を利用していたら、inodeが枯渇して、新規ファイルが作れなくなりました。

...

Qiita - JavaScriptタグが付けられた新着投稿

Angular + Firebaseで作ったWEBサービスをリリースしたので、たまった知見を書き出してみる

SN

4/26 10:49



はじめに

以前からちょこちょこ新しいWEBサービスを作っているということをQiitaの記事に掲載していましたが、このたび「SCORERA(verβ)」を正式にリリースしました。

(現在、クラウドファンディングも...

ボタンの連打を防ぐ

SN

4/26 04:27

ボタンを押された時にボタンを無効化し、タイマーで一定時間後に有効化すればよいだけなのだが

setTimeoutでコールされるfunctionでなんとなくthisを操作しても当然動かず、、、

きちんとタグの受け渡しを行...

Vue.jsをシンプルに理解しよう その2

SN

4/26 01:27



その2

次がありました、へへへ

Vue.jsをシンプルに理解しよう

前回書いた記事のリンクを貼っておきます。

今回は公式が


コンポーネントは Vue.js の最も強力な機能の 1 つです。


とか言って...

JSでBitcoin開発: JavaScriptでbitcoin-cliと同じ事をする

SN

4/26 01:02

Bitcoinで遊ぶ・開発する場合、bitcoin-cliは必須ツールですが、いちいちコマンドラインで叩くのも面倒です。そこでbitcoin-coreというnpmパッケージを使ってJavaScriptから叩いてみましょう。

$ yarn add bitco...

CocosCreatorの音の読み込みで詰まった話

SN

4/26 00:58

こんばんは、やわらーです。

本日は音の読み込みで少し詰まってしまいました。


環境

windows10

CocosCreator v1.9.0



音も先日の画像の一括読み込み

https://qiita.com/Yawarakko/items/98b5fc6...

Qiita - HTMLタグが付けられた新着投稿

色々あるHTMLのmetaタグなど一覧

SN

4/26 08:18

metaタグなどheadに入れるようなものを見直そうと調べていたら、見たことが無いものが結構あったのでまとめてみました。

順番はぐちゃぐちゃで見づらくてスイマセン。

XML形式で記載する際は/>で閉じ...

Vue.jsをシンプルに理解しよう その2

SN

4/26 01:27



その2

次がありました、へへへ

Vue.jsをシンプルに理解しよう

前回書いた記事のリンクを貼っておきます。

今回は公式が


コンポーネントは Vue.js の最も強力な機能の 1 つです。


とか言って...

Netflix 同時字幕で英語学習

SN

4/26 00:44

Netflixで英語音声と英語字幕で英語学習する際、日本語字幕を見たい時に動画を一時停止して画面右下の設定から日本語に切り替える作業が大変でしたので、英語字幕と日本語字幕を同時に表示させるChrome拡張機能を...

Webサイト最適化に関する初心者のガイド

SN

4/26 00:07

ホームページの高速化は至上命題です。

ということで以下はA beginner's guide to website optimizationという記事の戸田奈津子訳です。

彼の作ったサイトはGoogle PageSpeed Toolsで99点を取ったそうです。...

ページ内にalt属性の無いimg要素(と、alt=""になっているもの)をカウントするブックマークレット

SN

4/25 20:23

タイトルそのままです。

実行すると表示中のページのimg要素を走査して、alt属性の有無と、空のalt属性(alt="")の有無をアラート出力します。


導入方法

下記のコードをブックマークレットに登録してくだ...

Qiita - CSSタグが付けられた新着投稿

Flexbox内でテキストを省略(ellipsis使用)できないバグの対応

SN

4/26 11:41

Flexboxを使っていて、なんだかテキストの省略が効かないなと思うことが有りました。

調べると対策が分かったのですが、Qiitaには記事が無さそうだったので、まとめてみました。


問題が発生する条件

Flexb...

cssで背景が透けて見えるいい感じのカードを作ろう

SN

4/25 17:14



背景が透けて見えるいい感じのカード とは



引用 from dribbble

背景が透けて見えています。


実装しましょう


とりあえず、原型を作る




html
<div class="container">
<div class="card...

【初学者向け】HTML/CSSでのclassの命名を考える 〜CSS設計(BEM)を学んでみよう〜

SN

4/25 17:04



はじめに

前回の記事「フロントエンドエンジニア初学者の勉強リスト」を書いたら思いの外たくさんの反響をいただけたのでちょっとやる気が出てきたフロントエンド初学者のnanaryaです。褒めて伸びるタイプです...

スタイルガイドジェネレータ aigisを試す。

SN

4/25 14:45



aigisとは

スタイルガイドを生成します。

公式

https://aigis-styleguide.github.io/aigis/

aigisは日本語ドキュメントもあるので導入するにあたり難しいことは特にありません。


スタイルガイドを...

borderで囲むボタン

SN

4/25 13:36



目的

複数のボーダーで囲ったデザインのボタンを作成したい。




slim
.box.parent
.box.children
.box.grandson




scss
.box {
border-radius: 100px;
&.parent {
width: 600px;
...

Qiita - iPhoneタグが付けられた新着投稿

Xcode Launch Imageの設定方法

SN

4/25 23:10




まえがき

LaunchImage(アプリを立ち上げる時に一瞬表示される画面)を設定しようとした時の流れをまとめます。


流れ


プロジェクトを作成する
プロジェクトファイルを開く
アセットフォルダを選択する
ア...

MyG

SN

4/25 19:51

MyG is the best mobile stores in kerala, India. They are also the best IPhone dealers in Kerala. They give best service and sales centers of Oppo, vivo, MI, apple, Redmi, Samsung, Asus, Lenovo, c...

iPhone画面サイズ早見表(図付き)

SN

4/25 08:11

xcodeにてlounchimageを設定しようとしたところ、表記と意味がよく分からなかったので、まとめました。







早見表




インチ
端末
xcodeの表示
ポイント
倍率
(scale)
ピクセル




3.5
iPhone
-
320x4...

立体スライドパズルを作ってみた

SN

4/24 03:06



アプリ紹介


THE SLIDE PUZZLE


このゲームは自分で撮った写真や保存してある画像でスライドパズルができるごく一般的なスライドパズルゲームなのですが、対戦ができたり、様々なモード(二種類しかついてな...

【iOS11】iPhone/iPadでOffにしたWifiが自動的にOnになってしまうときの対処【設定】

SN

4/23 12:02



はじめに

iPhoneのWifiをOffにしたのにしばらくするとOnになっている。

気になりつつも放置していたけど、思い立って調べてみたのでメモ。


現象


仕事場でiPhone(iPad)のWifiをコントロールセンター...

Qiita - PHPタグが付けられた新着投稿

【PHP】時刻操作(オブジェクト指向ver)

SN

4/26 11:57

$datetime1 = new DateTime('10:00:00');

echo $datetime1->format('H:i:s');

#結果
10:00:00


参考:http://jp2.php.net/manual/ja/datetime.diff.php

続・Laravelでバックエンドとフロントエンドを分離したい

SN

4/26 11:45



前置き

この記事は以前書いた以下の記事から再調査、色々考え直した結果です。

併せて読む必要はまったくありませんが、一応リンクだけ貼っときます。

Laravelでバックエンドとフロントエンドを分離し...

「WEB公開と言えばFTP」世代に贈る Windows + SourceTree で Heroku を使おうとして悪戦苦闘した話

SN

4/25 23:30



Windows から Heroku を使いたい。

PredictionIOが使いたかったんです。人工知能ですってよ。ECには欠かせないレコメンデーションエンジンが作れるんだってよ。そんな言葉に踊らされて「でもね、実質 Heroku ...

CircleCI+php-coverallsでカバレッジのバッジを表示する

SN

4/25 22:47

CircleCI+php-coverallsでカバレッジのバッジを生成しようとしたところ、Coverallsの説明が古かったりphp-coverallsの説明が微妙だったりして途中ハマったので、バッジを表示されるまでに行った手順を備忘録とし...

PHPのdate()のtオプションについて

SN

4/25 21:50



概要

今月の残り日数とかを調べたいときに、2,4,6,9,11月(いわゆる「にしむくさむらい」)は月の日数が31日ではないため、いちいち整形する手間が発生する。

date()コマンドのtオプションは、これを解決し...

Qiita - Androidタグが付けられた新着投稿

スマートフォンのシェアを調べる時に見るサイト

SN

4/26 11:25



シェアと言ってもいろいろ



OS別 (Android vs iOS vs Others...)
OSのバージョン別
メーカー別
機種別
国内シェアなのか、世界シェアなのか


機種別の情報、特に世界シェアはなかなか見つからない




有益...

コマンドラインからのAndroidビルドで Failed to find target with hash string ‘android-xx’ エラー

SN

4/26 11:20

諸事情でコマンドラインからのビルドが必要で、その際にハマったためメモ。

ふたつの内容になっちゃうの好きじゃないんだけど組み合わせに意味があるハズ

Failed to find target with hash string ‘android-...

AndroidのKotlinでViewのレイアウト完了時処理を簡単に書く方法

SN

4/26 01:43

Androidアプリを開発していると、Viewのレイアウトが完了したタイミングで処理を書きたいことが、ままありますが、Kotlinであれば拡張関数を使って簡単に記述する方法があります。

こちらのサイトで紹介され...

IntelliJ IDEAでKotlin Androidアプリ開発環境構築! 起動編

SN

4/25 23:26



目的

下記で作成したProjectを動かしてみる

https://qiita.com/g0z4ru/items/24bca8e6fb691f29260f


1. 起動する


実行構成作成

上部のタブから Run > Run... を選択



+ > Android App を選...

IntelliJ IDEAでKotlin Androidアプリ開発環境構築! 導入編

SN

4/25 23:25



目的

IntelliJでKotlin Androidアプリのproject構築をする


1. Android SDKのインストール


Android Studioのインストール

Android StudioからDLしてインストールする


Android SDKのインストール

Config...

Qiita - Javaタグが付けられた新着投稿

Windows Subsystem for Linux (WSL) でJava環境の導入する

SN

4/26 11:58



Java環境が入っているか確認する

次のコマンドで実行環境がインストールされているか確認します.


java -version


インストールされていないと次のようなメッセージが出力されます


The program 'java' ca...

jul-to-slf4jのしくみ

SN

4/26 11:50



jul-to-slf4jとは



jul-to-slf4jとは、julのAPI経由でロギングを行っていても、slf4jに処理を移譲してくれる便利なやつです。

julとは、java.util.loggingパッケージのことで、Javaにおけるデフォルトのロギ...

java core: ちょん切れた core ファイル

SN

4/26 05:51



はじめに

ここでの説明は、前提としてダメ元で試して見る程度の内容です。

ちょん切れた完全ではない core ファイルから有効な情報が得られるとは考えない方が良いでしょう。

少し試みてうまくいかな...

Javaサーブレット/JSP リクエストスコープ その2

SN

4/26 00:15



リクエストスコープとは

リクエストスコープはリクエストの度に生成されます。保存したインスタンスは、レスポンスが返されるまで利用できます。

このスコープを利用すれば、フォワード元とフォワード先で...

Lombokの@Valueや@Dataは他に明示的なコンストラクタが宣言されているとコンストラクタを生成しない

SN

4/26 00:11



なんの話か

言いたいことはほぼタイトルに書いてしまいました。

本記事で言いたいことは以下だけです。

Lombok1.16.18での挙動となります。


Lombokの@Valueや@Dataは他に明示的なコンストラクタが宣言...

Qiita - Qiitaタグが付けられた新着投稿

Qiita投稿始めます。

SN

4/25 09:08



自己紹介

現在SIerに従事している文系出身の23歳SEです。これからQiitaで記事投稿を始めます。


契機

現在担当している大規模システムにはなかなか導入されることのない、新しい技術への興味が湧いたのがき...

Qiita風の目次が便利なのでワードプレスで使わせてクレメンス

SN

4/23 16:00



めっちゃ便利

PCでQiitaの記事を読むときに右側に出るメニュー、めっちゃ便利だと思います。

記事内での現在位置が分かるので、見通しが良くなります。

特に長い記事を読むときに効果抜群ですね。

第一回 チキチキQiita戦闘力ランキング選手権

SN

4/23 09:32

Qiitaを分析したくなったので、pandasの勉強がてら、色々調べてみた。1


TL;DR


500Contributionあれば上位1%の発信力
バズらせたいなら、月曜日に投稿すべし
Contributionの獲得難易度は、ピーク時の5倍以上
...

Qiitaビューア制作中にSpinnerで困ったこと

SN

4/22 22:00



はじめに

前回の記事ではQiitaビューアアプリQitches制作中に困った事の1つとしてWebViewに触れましたが、

今回はもう1つの困ったことであるSpinnerに触れておこうと思います。

今更超基本的なコント...

Qiitaビューア制作中にWebViewで調べたこと困ったこといろいろ

SN

4/21 09:17



はじめに

先日Android向けQiitaビューアアプリQitchesをリリースしました。

よく使う機能に素早くアクセスできる使いやすいアプリを目指して制作しました。

機能追加、UI改善など今後も行なって行きま...

Qiita - Rubyタグが付けられた新着投稿

ActionCableでもセッションが使いたい!

SN

4/26 09:59

ActionCableでもセッション使ってステートフルな通信ができるという話。cookieも使えました


app/channels/application_cable/connection.rb
module ApplicationCable
class Connection < ActionCable::Con...

Rubyのブロック、Proc、Lambdaって何?

SN

4/26 01:32

Rubyをはじめると、ブロックとかProcとかLambdaとか、

みんな似たような雰囲気をしているから、うまく理解しづらいですよね。

復習も兼ねて、余計な説明抜きで、ブロック・Proc・Lambdaについて説明していき...

(3STEP)画像のアップロード機能をつける

SN

4/25 23:18



paperclipを使って画像のアップロード機能をつける


①paperclipのインストール

ImageMagickをインストールする。


terminal
$ brew install imagemagick



ImageMagickとは、コマンドラインより画像を操作...

????Rubyでプログラミングコンテストをやるときの標準入力、標準出力

SN

4/25 16:52



はじめに

Indeedのインターン選考でプログラミングテストがあったのだがボコボコにやられた。

Rubyで書いたのだがRailsしか書かないので標準入出力すら慣れておらず手間取った。

悔しいので、競プロを...

過去に戻っても、この順番で学びたい![Rails]

SN

4/25 16:40

僕がプログラミングを学び始めたのは、ちょうど一年前。

今振り返ってみると、「この本を前に読んで置けばもっと学習効率あがったのに!」ていうことが沢山ありました。なので、振り返りつつまとめたいと思い...

Qiita - HTML5タグが付けられた新着投稿

【CSS小ネタ】liタグ4行以上の場合に非表示して「…」を表示する

SN

4/25 09:44

というのを、JavaScriptを使うのも面倒だなと思い、CSSだけで実現しました。

CSSのコメントで解説書きました~。

/*とりあえず、無条件で3番目の要素の後に…を挿入する*/
ul > li:nth-child(3)::after{
...

【比較】ここまで違う!ブラウザごとのHTML5標準カレンダーのUI

SN

4/24 23:23



はじめに

今回は、HTML5のカレンダーのUIをブラウザ同士で比較していきます。


HTML5標準カレンダーとは

HTML5では、以下のフォームコントロールが新たに追加されています。

これは、日付入力用のテキス...

HTML5の全構成要素・用語(を目指して)

SN

4/24 22:09

この記事の動機とか目的はC言語の記事と同様です

現在のメジャーなブラウザが対応してる範囲での話になるつもりです。


<!DOCTYPE html>

DOCTYPE宣言と呼ばれるものの1つで、これを置くとウェブページが...

UnityエンジニアがTypeScript+WebGLで3Dダンジョンゲーム作ってみた結果

SN

4/22 19:24




TL; DR


WebGLで3Dダンジョンを実装してみました。


http://nonchang.net/test/webgl/


githubにも上げてみました。


https://github.com/nonchang-net/20180304_webglTest





この記事の対象読者


Thr...

数字のみを入力できるフォーム(テキストボックス)を作成する

SN

4/22 14:02



はじめに

「フォームに数字のみを入力する」のは結構よくあるケースであり、検索すれば豊富な情報が出る話題です。

ただ、それぞれの情報を検証してみると、情報が当時のままであったり、案外不便・デメリッ...

Qiita - Pythonタグが付けられた新着投稿

PyCharmを使う前に知りたかった情報まとめ

SN

4/26 11:59



この記事について

最近 Visual Studio Code から PyCharm に乗り換えました。

はじめに知っとけば効率よかったなと思う情報をまとめました。


日本語マニュアル・チュートリアル

JetBrains 公式マニュア...

Pythonの開発環境メモ

SN

4/26 11:41



Pythonの環境作成

時々聞かれるので個人的にまとめた、ただのメモです。

細かい所は端折ってますが、とりあえずこれだけ設定しておけば良いかなと。


使用するソフトウェア


PyCharm

https://www.je...

不連続の時系列データに対して、直前の値を補間して連続データに変換

SN

4/26 01:19

不連続の時系列データに対して、直前の値を補間して連続データに直す手順


Step1 1秒ごとのtimestampをindexにもつdataframeを作る

まずは時間の配列を作成する。

import datetime
import pandas as pd
impor...

Python + DjangoのTemplateを試す

SN

4/26 00:10

Djangoのテンプレートエンジンを使ってhtmlを表示してみます

1.環境

OS Windows 10 Home 64bit

Python 3.6.5

Django 2.0.4

Python、Djangoのインストールは以下を参照。

https://qiita.com/tig...

Coursera Deep Learning 【course1 week2】 私的なメモ(誰かの役にたてば幸いです)

SN

4/25 22:45



この記事について

この記事は筆者がCourseraの"Deep Learning"というオンライン授業を受ける中で、思考を整理したり、知らなかったことを書き留めるための私的なメモである。

なおこの記事では(多分Deep ...

Qiita - GitHubタグが付けられた新着投稿

【GitHub】GitHubのプルリク詳細=>プルリク一覧ページに戻るショートカット

SN

4/26 10:40

g p と押す。



プルリク一覧ページの下に書いてあるProTip!が教えてくれた。

プライベートリポジトリで GitHub Pages を運用した時の挙動を調べてみた

SN

4/24 20:43

公式ヘルプによると GitHub Pages は元リポジトリがプライベートであっても構わず公開される とのことですが、具体的な挙動がよくわからなかったので調べてみました。


(その1) docs/ 配下以外に置いたファイル...

大きすぎるPullRequestを小分けにする

SN

4/24 15:37



解決したい問題

色々試しながら実装してて、ふと気づくと...

ヤベェ差分がめちゃくちゃデカい。。。



自分がレビュアなら殺意を覚えるレベル。

なんとか小分けにできないものか?


どうしよう?

cher...

RustリポジトリのREADME.mdメンテナンスを自動化する

SN

4/23 09:12



はじめに

GitHubのREADME.mdはついついアップデートを忘れてしまって、ソースコードとの不一致を起こしてしまいます。

今回は以下の2点について自動化してみました。



[dependencies]のバージョン表記
...

Gitの使い方メモ

SN

4/22 08:00

学習履歴


■はじめに

自動デプロイ環境を作くろうと思って、Docker と Git を勉強し始めた。

ここでは、Git について備忘を残しておく。


■前提条件

GitHub に登録ずみ

Git インストール済み


■環境...

Qiita - Gitタグが付けられた新着投稿

git使用笔记

SN

4/26 11:22

git

git rebase ontoを使う

SN

4/26 11:04



はじめに

rebaseを使いこなせていなくて、余分な手作業をしていたので備忘録。


1. 基本的なrebase


(1) 状態

materからbranchAとbranchBを作成。各ブランチでコーディングを進めている。

master - commit...

【GitHub】GitHubのプルリク詳細=>プルリク一覧ページに戻るショートカット

SN

4/26 10:40

g p と押す。



プルリク一覧ページの下に書いてあるProTip!が教えてくれた。

「WEB公開と言えばFTP」世代に贈る Windows + SourceTree で Heroku を使おうとして悪戦苦闘した話

SN

4/25 23:30



Windows から Heroku を使いたい。

PredictionIOが使いたかったんです。人工知能ですってよ。ECには欠かせないレコメンデーションエンジンが作れるんだってよ。そんな言葉に踊らされて「でもね、実質 Heroku ...

Gitのコミットハッシュ値はどうやって生成されているのか

SN

4/25 20:38



Gitのコミットハッシュ値とは何か

Gitを使用していると必ずコミットハッシュ値というもが出てきます。

f1deaafこれです。

ある特定のコミットを指し示すIDとして使うことが出来ます。


「ある特定の...

Qiita - Linuxタグが付けられた新着投稿

ドキュメントルート以外でアクセスするようにしたらアクセスできなくなった。

SN

4/26 11:02

環境: AWS

サーバーソフト: Apache

サーバーサイド: Django

※最初になにがエラーを引き起こしているのかネタバレしますと、SELinuxです。


経緯

PythonのDjangoを使ってサーバーを作っていて、ディレ...

IDA Pro free版 を Linux(ubuntu16.04) にインストールして起動する

SN

4/26 11:01



ファイルの在処


Freeware Download Page
https://www.hex-rays.com/products/ida/support/download_freeware.shtml



インストールして実行

1.上のページから実行ファイル (.run) をダウンロードする。

...

Virtual box のウィンドウリサイズに応じて、仮想マシンの画面を自動的にリサイズさせる

SN

4/26 09:59



問題


Virtual box でウィンドウリサイズしても、仮想マシン画面のサイズはリサイズしてくれない(画面サイズはそのまま)。



目的


Virtual box のウィンドウサイズのリサイズに応じて、仮想マシン画面の...

proxy環境下で時刻合わせ

SN

4/26 08:09

サーバー側で時刻を出力してもらい、

proxy環境下からcurlで値を取得。


サーバー側


ntpdate.php
<?php
date_default_timezone_set('Asia/Tokyo');
echo date("Y-m-d H:i:s");



アクセスすると 2018-...

C言語でインターフェイスクラスを実現

SN

4/26 00:01



Cでのインターフェイスクラス

前回、リソースの一元管理ライブラリを作成した際に、


Cでも構造体がカプセル化出来る


と書きました。

その際インスタンスのメソッドが無いから面白味にかけると書いたので...

Qiita - jQueryタグが付けられた新着投稿

ボタンの連打を防ぐ

SN

4/26 04:27

ボタンを押された時にボタンを無効化し、タイマーで一定時間後に有効化すればよいだけなのだが

setTimeoutでコールされるfunctionでなんとなくthisを操作しても当然動かず、、、

きちんとタグの受け渡しを行...

【jQuery】Syntax error, unrecognized expression とは

SN

4/25 16:47

jQueryではバージョンが違うと、今まで正常に動作していたものでもエラーが出ることがあります。

「Syntax error, unrecognized expression」はそういった場合にありがちなエラーメッセージで、多くは引用符...

【超シンプル】PCとモバイルのjquery切り替え

SN

4/25 14:36

<script>
jQuery(function () {
var ua = navigator.userAgent;
if (ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
// スマー...

jQueryで上部からにゅっと表示される更新メッセージ

SN

4/23 22:47



フロントエンド勉強 #1

<?php
if ( !empty($_POST['post']) ) {
$printNotifyMessage = '更新しました。';
}
?>
<!DOCTYPE html>
<head>
<title>update message</...

jQueryのon()の小さなサンプルメモ

SN

4/23 16:48

名前空間の利用

$(セレクタ).on("イベントの種類.名前空間", イベントハンドラ);
$(セレクタ).off(".名前空間");


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8"&g...

Qiita - Vimタグが付けられた新着投稿

VimとテンキーとVT100

SN

4/25 12:16

端末上で Vim を使っていて、テンキーが使えないと悩んだ事は無いでしょうか?

今回は端末上の Vim で標準ではテンキーが使えない理由の説明と、使えるようにする設定について書いてみます。


VT100のキーパ...

vim関連の覚えがき

SN

4/25 11:21

Qiita上になくてストックできないので自分用にメモ。

vimのindentについての記事

:まあ言ってしまえば cindentが便利。

Vimのカーソル移動が重い原因をprofileする

SN

4/22 21:02

カーソル移動が遅かったのでprofileしてみた。

以下のような関数をvimrcに書く。

function! ProfileCursorMove() abort
let profile_file = expand('~/log/vim-profile.log')
if filereadable(profile_file...

Road to Vimmer

SN

4/22 18:05

bmf-tech.com

※元記事はこちらです。


概要

Vimmerになるために覚えていったコマンドを書き連ねていく。

なお、この文書はもちろん全てvimで編集されている。

随時更新していく予定。


動機


GUI...

【vimめも】 14. grep

SN

4/22 02:05

vimでファイルの探索をしたい時ありますよね

そういうときに使うのがvimgrep


概要


vimgrepにて検索 => 結果をquickfixという一覧に読み込み
quickfixを表示
quickfixのリストから該当ファイルの該当行に...

Qiita - iOSタグが付けられた新着投稿

実機iOS端末上でのCharlesハマりポイント

SN

4/26 11:26

通信のデバッグにCharlesを用いることが多いのですが、実機iOS端末ではいくつかハマりポイントがあったので対応方法をメモ。


Macに証明書がインストールされていない

Keychain Accessを開き、ログイン&すべて...

スマートフォンのシェアを調べる時に見るサイト

SN

4/26 11:25



シェアと言ってもいろいろ



OS別 (Android vs iOS vs Others...)
OSのバージョン別
メーカー別
機種別
国内シェアなのか、世界シェアなのか


機種別の情報、特に世界シェアはなかなか見つからない




有益...

Mac App StoreとApp Storeの違い

SN

4/26 10:58

最近、Macアプリをリリースして「Mac App Store」と「App Store」にいくつか違いが見られたのでまとめてみました。


TestFlightが使えない

今回一番困ったのはこれです。そこでMacアプリのテストにはHockeyApp...

2台目以降のMacで実機テストする方法

SN

4/26 07:11

今回は、2台目以降のMacで簡単に実機テスト/AppstoreへSubmitする方法を書きます。

急にPCが壊れてしまい、開発を進めていたMacからp12ファイルを取り出せず困っていました。

しかし、そもそも移植をしなく...

カメラと写真の許可状態の取得をRxSwiftと絡める

SN

4/25 23:50

開発中のアプリでカメラと写真の許可状態を取得しつつ、その状態に合わせてPickerを表示するor許可してくださいの画面を出し分けるというのをRxで組みたかったので小さいextensionを書いた。


写真の許可状態を...

Qiita - Macタグが付けられた新着投稿

(25.NİSAN.2018) Bayern Münih Real Madrid maçını canlı izle HD

SN

4/26 02:49



CANLI MAÇ LİNKLERİ ►►► https://tinyurl.com/y8rcktov



CANLI MAÇ LİNKLERİ ►►► https://tinyurl.com/ydh7av3z


CANLI İZLE: Bayern Münih Real Madrid maçı şifresiz Canlı izle | Bayern, Real maçı kaç ...

Touch Barにスクリーンショットを追加したい!!

SN

4/26 02:31



Touch Barについて

新しいMacについてるやつです



こんな感じに簡単に操作ができるバーですねタスクバーが指で操作できるイメージです


ここにスクリーンショットがあったらなぁ

Macのスクリーンショット...

High Sierra環境だと、macportsでosxfuse(sshfs)がインストールできない問題

SN

4/25 18:34

macportsでsshfsをインストールしようとしたら、突然出来なくなった。

のでそんな時の対処法。

参考URL

#54939 (osxfuse @3.7.1: Library not loaded: @rpath/libclang.dylib (LoadError)) – MacPorts h...

Electronのインストールでエラーになる時の対処法

SN

4/25 18:33

Electronのインストールは

$ sudo npm install -g electron


で行うという記事を見つけたので、実行したところ、以下のエラーが発生。

/usr/local/bin/electron -> /usr/local/lib/node_modules/electron/c...

zshとPretzoを導入 [備忘録]

SN

4/25 18:08



はじめに

この記事は,初心者が,VPSにSSH接続する前準備として,頑張って色々調べて,巡り回った結果,TerminalにzshとPretzoを導入したときの過程を見直せるようにメモしたものです.SSH接続にzshやpretzoは...

Qiita - MySQLタグが付けられた新着投稿

MacのローカルのMySQLのタイムゾーンをAWSのRDSのMySQLの設定と合わせる

SN

4/26 11:09



目的

ローカル開発環境とサービスが稼働しているRDSとの間で、タイムゾーンの差異をなくす。


環境


Mac OS - 10.13.4
MySQL 5.7.15



MySQLのタイムゾーンの確認の仕方


sql
show variables like '%time_...

自分用メモ : mysqlで完全なbooleanを定義する

SN

4/25 15:20



はじめに


よくあるtinyint(1)でbooleanを表現できるとあるんだけど、実際には-1を入れられるのがなんだかなぁ、と思っていた。
unsignedなtinyint(1)なら入らないよね?と思って実験
素晴らしい実験をしてく...

yum で mysql5.6をインストールする

SN

4/25 15:13

mysql8 が出ています。おめでとうございます。

開発サーバと言う名の、(僕が)壊しては直すツギハギの検証みたいなマシンがありまして、そいつが CentOS 6.9、標準リポジトリの MySQL 5.1 を使っています。開発...

HibernateのDDL Auto CreateでMySQLのストレージエンジンをInnoDBにする

SN

4/25 14:07



目的

MySQLのストレージエンジンは最近はInnoDBがデフォルトになっています。InnoDBはそれ以前のデフォルトであったMyISAMに比べ、


トランザクションに対応している
行ロックが使用できる


というメリット...

リモートサーバー上のMySQLコンテナのDBにDBツールで繋ぐ方法

SN

4/25 12:38



何がしたいの?

リモートサーバーにMySQL用のDockerコンテナを作成した。

ローカルのDBツールからその中身が見たい!


結論

MySQLホストにdockerコンテナのIPアドレスを指定したらいける。


手順


DB...

Qiita - CSS3タグが付けられた新着投稿

cssで背景が透けて見えるいい感じのカードを作ろう

SN

4/25 17:14



背景が透けて見えるいい感じのカード とは



引用 from dribbble

背景が透けて見えています。


実装しましょう


とりあえず、原型を作る




html
<div class="container">
<div class="card...

【CSS小ネタ】liタグ4行以上の場合に非表示して「…」を表示する

SN

4/25 09:44

というのを、JavaScriptを使うのも面倒だなと思い、CSSだけで実現しました。

CSSのコメントで解説書きました~。

/*とりあえず、無条件で3番目の要素の後に…を挿入する*/
ul > li:nth-child(3)::after{
...

CSS 基礎 上下左右 中央揃え 4つの方法

SN

4/21 10:26



したいこと

CSSで上下左右中央揃え

環境

 ∟Slim

 ∟Sass

※検証のためSassのコードは省略しないで書く


4つの方法


postion + -margin



.wrapper
.box



.wrapper01 {
width: 400px;
...

flexboxで横並べ+折り返しによる余り要素について考えてみる

SN

4/20 08:23

下記のように、2つを横に並べて、3つ目は折り返して…のようなものがあったとします。



これが、もしも奇数だった場合は、どうするべきでしょうか。

一覧の実装の最後のページなど、個数が不確定の場合に起...

【CSS】Focus時のInputをいい感じにする

SN

4/18 18:07



完成品イメージ

InputにFocusした時に↓のように下線が広がるようにします。



CSSだけでつくれちゃいます。


サンプルコード


HTML


index.html
<input class="input">
<div class ="underline"&...

Qiita - Objective-Cタグが付けられた新着投稿

NSDateFormatterで日にちが一週間ずれる

SN

4/24 15:22

NSDateFormatter *fmt = [NSDateFormatter new];
[fmt setDateFormat:@"YYYY-01-01 00:00:00 0000"];
[fmt setTimeZone:[NSTimeZone timeZoneForSecondsFromGMT:0]];
NSString *dateStr = [fmt stringFromDate:[N...

CALayerが表示されずにはまった

SN

4/24 15:22

原因:layer.frameの設定し忘れ

これをちゃんと書いてあげる

layer.frame = view.frame

iOS11でUIBarButtonItemのサイズがずれる

SN

4/24 15:21

メンテナンスしていなかったアプリのUIBarButtonItemのサイズがやたらおかしくなっていたことに気づいた。


原因

UIBarButtonItemのレイアウト設定がautolayoutに対応したのが原因のよう


解決策

let widthC...

立体スライドパズルを作ってみた

SN

4/24 03:06



アプリ紹介


THE SLIDE PUZZLE


このゲームは自分で撮った写真や保存してある画像でスライドパズルができるごく一般的なスライドパズルゲームなのですが、対戦ができたり、様々なモード(二種類しかついてな...

swiftのクラスをobjective-Cから参照したい

SN

4/23 23:26

単純にswiftクラスを定義しただけでは、objective-Cから参照することはできません。


swiftのクラスをobjective-Cから参照するためには

一番大事なことは、 [ProjectName]-Swift.h クラスを用いること!です。
...

Qiita - Apacheタグが付けられた新着投稿

SSLオフロード構成でアプリからリダイレクトを返却する場合のTips

SN

4/26 02:16



はじめに

近年、Webサイトの常時SSL化が当たり前になっています。皆様が開発しているシステム・サービスも同様のことでしょう。

SSL/TLSの処理は重いので、サーバではなくLoad Balancerに担わせることも多...

Apache2.4で特定のURLだけアクセス制限の対象から除外する

SN

4/25 17:01

一生覚えられる気がしないので自分のためにメモします。


やりたかったこと


サイト全体についてIP指定許可でアクセス制限
ただし、特定のURL(例としてここでは /public* とする)だけは制限なしでアクセス可...

docker-composeを使って一瞬でLAMP環境を作る方法(SSL化も)

SN

4/25 10:16



1.概要



本記事で出来るようになること

1コマンドで


Nginx(SSL化用リバースプロキシ)
MariaDB
CentOS7


Apache
php




のコンテナが下記の簡略図で立ち上がり、gitかなにかでwebアプリコンテンツをDo...

Node.js アプリケーションを本番Apache環境でPM2を使って起動する

SN

4/25 10:13

Node.js のアプリケーションを本番環境に反映するためにPM2を導入する方法です。


Node.js を本番サーバーで立ち上げる際に気にしていたこと

アプリケーションを本番環境で起動させるにあたり、気にすべきこと...

ApacheでSELinuxに邪魔されて403Forbiddenになった

SN

4/25 00:50



はじめに

SELinux稼働中のサーバにてApacheでパパっとファイルの公開をしようとしたらちょっと躓いた。

SELinuxはこれまで思考停止で無効化(Disabled)にしていたのでメモ。


環境


Red Hat Enterprise L...