読者です 読者をやめる 読者になる 読者になる

女子WEBエンジニアのTechメモ

都内の某企業でマーケッターやってます。営業→WEBエンジニア・オフショア開発チーム駐在→マーケッター(SEO)ちょっと便利だなと思ったことをメモしています。

Googleの有能お絵描きツール、AutoDraw試してみた

Googleが発表した、有能お絵描きツールのAutoDraw。 ニュースなどで気になっていたので、早速ためしてみました。 AIをつかって、ただの落書きをプロ並みの絵に変えてくれるという、なんとも優れものなツール。 どれくらいの精度で読み取ってくれるのかな?と…

取得した独自ドメインでメール送受信ができるようにする【CentOS/Postfix】

ドメインを取得したはいいけど、これでどうやったらメールを送受信できるようになるの?という人のために、取得したドメインでメールを送受信するための手順をまとめました。

MacだけどWindowsみたいにInternetExplorerを使いたい!【VirtualBoxで仮想マシン利用】

Modern.IE、Virtual Machinesとは?(※2017/3/14追記) 仮想マシン(旧Modern.IE)を使い、MacでWindows7/IE11の検証を出来るようにする 1. VirtualBoxのインストール 2. Microsoftのサイトから、VirtualBoxに仮想マシンをダウンロード 3. ダウンロードした…

存在ごと消したい奴がいる!そんなエンジニアが持つべきアイテム作ってみた

今日はお休み! ということで、お休み前夜のはっちゃけでめちゃくちゃくだらないオリジナルグッズをつくってみた。 そんなことやってないで基本情報技術者の勉強しなさい、という声が聞こえるけど、気にしない・・・!(´・ω||

あじゃは少数の扱いに困るようです(基本情報技術者)

前回の記事で、基本情報技術者の資格とりたいって話をしてました。 ちなみにタイトルの元ネタは英国紳士さんのこちらです。

基本情報技術者の資格を取りたいので勉強始めます

基本情報技術者とは? なぜいま基本情報技術者の試験を受けるのか 基本情報技術者の勉強のための勉強法(テキスト) 基本情報技術者とは? ITエンジニアの入門編となる資格で、 上司の指示の意味を理解できる 指示の通りに行動できる ということを目標として…

WordPressの記事をはてなブログに自動で連携【AtomPubを使う】

※2017/02/14コード修正しました。以前、はてなブログのメール投稿機能をつかってWordPressとはてなブログを連携する記事を書きました。 www.wegirls.techこれを使っているうちに、「画像ちゃんと入れたい」「編集したい」とかの不満がたまってきたので模索し…

末端冷え性エンジニアに朗報!なものまとめ

※超雑記です。 今週のお題「冬の寒さ対策」 というわけで、手先冷えがちなエンジニアにおすすめしたいのがこちら・・・! 手先の冷えがつらすぎる。。。 手先が冷えず、キーボード操作の邪魔にならないスゴイ奴 手先の冷えがつらすぎる。。。 女性エンジニア…

WordPressの記事をはてなブログに自動で連携【メール投稿を使う】

複数のブログサービスを使っていると、「こちらのブログで投稿するやつ、別のサービスにも自動で投稿できるようにしたい」ということありますよね。今回は、WordPressとはてなブログの連携を行ったときのメモです。

はてなブログのメール投稿で文字化けしてしまう場合の対処法

はてなブログはメールで投稿できる機能があったので、試してみました。そしたら文字化けして、ググってみたら同じ状況になって未解決の人がちらほらいたのでメモ。

AdwordsAPI実行時に500Errorになった【エラー対処法】

マーケティングの業務を効率化するために、GoogleのAdwords APIを使って自分用ツールを開発しました。 (申請〜開発の流れは、後日別記事にて書きます。)今日は、ローカルで動いていたソースコードをAWSのサーバー上にアップしたら500エラーで動かなくなっ…

Vim「ねえ、僕のこと本当に好き?」

「あっvim君だ」

【Welq事件】低品質のまとめ記事がマーケターの首を絞める

最近、「ググっても知りたいものが出てこない」という現象によく会う気がします。ちょっと前まではGoogle先生に聞けば何でも解決したのに、なんかおかしいな〜という状態。

JSでPHPのnl2brと同じ処理をする方法(改行コード→brに変換)

PHPだと標準で用意されているnl2br関数。でも、Javascriptにはこの関数が用意されていません。 そのため、改行がある複数行のデータが入ってくるとかなり見づらくなってしまいます。そんなときにサクっと使えるように、JSでnl2br関数と同じ処理をするコード…

【3分】チャットワークAPIを使ってメッセージを送信するPHPサンプル

API

以前リリースされた「チャットワークAPI」。チャットワークのユーザーであれば、API利用申請をするだけで無料でAPIを利用することができます。作っているPHPサービスに●●があったとき、チャットワークのこのルームに通知してほしい・・・ということがあった…

MAMP環境のローカルにmemcachedをインストールする

私のMacのローカル環境は、MAMPを使って構築しています。この前、APIを無料枠で使いたくてリクエスト回数を減らすために「memcached」を導入したので、その時の手順メモ。

非エンジニアに知ってほしい「やりたいことをエンジニアに100%伝える方法」

WEBサービスで新しい企画をやります、という時に、エンジニアと非エンジニアの間で起こるのが非エンジニア「これ、〜ってならないんですけど・・・」 エンジニア「?? そういう仕様ですけど」というやりとり。 もちろん、エンジニアだってユーザー目線で考…

最近流行りの「初級ウェブ解析士」認定試験受けてみた

ちょっと前に「初級ウェブ解析士」の資格を取得しました。 なので今日は、勉強方法、資格取得してよかったこと等をまとめてみます。

apachectlコマンドとhttpdの違い

下記の記事を書いたときに、apacheの制御をするコマンドがたくさんあったので違いを調べて見ました。

Basic認証配下のページで、Facebook/TwitterのOGPを確認する[UserAgent/ソースIP]

Digest認証をかけている開発環境にて、FacebookのOGPタグをテストしたいという状況があったのでメモ。そのままだと、認証が必要なので401エラーになってしまい確認ができません。 そのため、下記の方法のどちらかで「Facebook/Twitterだ!」と判定して、限定…

apache再起動にはrestartよりもgracefulを使うべき

わたし「vhosts変更したので、サーバーの再起動をお願いします。gracefulで大丈夫です」後輩「gracefulってなんですか?」このやりとり、わたしも昔やったなあと思いつつ、復習がてらにまとめておきます。

ajaxでフォーム送信をするサンプルコード[HTML/jQuery]

初めてajaxを使ったフォーム送信のコードを書いたのでメモ。 (今まではコピペラミングでした。自分で書くのとコードを眺めるとのでは大違いですね・・・) フォーム部分のHTMLと、submit後の処理のjQueryのサンプルコード 項目は「名前」と「コメント」のみ…

WordPressのテーマは「sonoichi」が可愛い

WordPressでテーマを漁っていたら、とっても可愛いテーマを見つけたのでご紹介。ナチュラル、素朴、でもちょっと女性らしい。20代〜30代女性向けのテーマをお探しの方向け。日本語のWordPressテーマなので、サンプルの英語ページだとかっこいいのに、自分の…

お名前.comのドメインが『DNSレコードが見つかりません』になるときは

お名前ドットコムで管理しているドメインが、いきなりDNSがきかなくなった 原因は「ドメイン認証が期間内に完了しなかったことによるドメインの利用制限」 今回はWhois情報が間違っていてドメイン認証ができていかなった 「ドメインの利用制限中」かどうか確…

会議のコストを可視化できるツール作った

会議を出席者の時給に換算したら、いくらになる?というのを計算できるツールを作りました。 HTML + CSS + Javascript の簡易なつくりです。

サムネイル画像の変更がFacebookに反映されない時の対処法 #はてなブログ

先日、このブログを紹介していただく機会があったので、サムネイルとして使われる「アイキャッチ画像」を設定しました★公式を読んでやっても「あれ?」となったところがあるので書いておきます。

ORACLEが無料で試験対策ポイント解説セミナー開催するってよ

Oracleゴールドとります!といいつつ、ブロンズすらまだ取れていない私に朗報。ORACLE MASTER Bronze Oracle Database 12c 「Bronze DBA 12c」 試験対策ポイント解説セミナーと、ORACLE MASTER Gold Oracle Database 12c 移行試験 (1Z0-060) 重要なDBAスキル…

Oracle Bronzeへの第一歩。12c SQL基礎を合格したときにやったことなど

エンジニアになって1年目の12月末書いた記事を転載・・・。オラクルマスターの第一歩である12c SQL基礎の試験に合格しました! この試験はWEB上で受けられるので、ベトナムからでも大丈夫。 ※当時わたしはベトナム駐在中でした使った参考書などを備忘的に書…

【作ってみた】他ブログサービスでもはてブみたいに美しい外部リンクカードが貼れるアプリ作ってみた

(作ったよ)はてなブログカードのような美しい外部リンクカードを作成してくれるアプリ 使ったはてなブログのAPI アプリ作成で意外とはまったiframeの表示 はてなブログの場合、外部URLをはろうとすると、iframeを使って綺麗に整形されたカードにしてくれま…

Herokuで静的ページを公開する

前回メリットをご紹介したHerokuですが、 www.wegirls.techちょっとした静的ページを公開したい!でもそのためだけにサーバー借りてっていうのはちょっと・・・ というときにも使えます。無料で、簡単にインターネット上で公開できるのです。ごいすー。とい…

エンジニアなら当然のようにHeroku

移転前のブログでHerokuの紹介記事を書いていたのですが、移転ついでにもう一度詳しく調べなおしてまとめてみました。エンジニアであれば業務で使うことも多いHeroku。無料でページを公開することができて、とっても便利だから知っておいて損はないはず。

Googleのお膝元ブログ「Blogger」とはてなブログはどっちがいい?

はてなブログさんに喧嘩売ってるようなタイトルですが、個人の感想ですので! とゴマ擦りつつ運営にこのブログのアカウント凍結とかされたらどうしよう・・・とひやひやしていますが、とりあえず両方(+他のブログサービス)を触ってみて思ったことです。

結構イケるぞ。。Bloggerを実際に使ってみて感じたメリット

仕事でもちょこちょこ耳にする「Blogger」の噂。 コスパ良いと聞く反面、日本ではあまり広まってないから・・・という声も。 実際どうなの?!というのが気になったので使ってみました。 Bloggerとは 実際に使ってみて感じたBloggerのメリット 無料枠ででき…

2年使ってるgitで初めてのエラーメッセージみた

使い始めてもうすぐ2年たつgitで、pullしようとしたらこんなエラーメッセージが。 Ajarakko@pjpj-web-staging:~/php_apps/pjpj/app (develop) $ git pull origin develop From ec2-XX-XX-XX-XXX.ap-northeast-1.compute.amazonaws.com:pjpj * branch develo…

指定した形式の文字以外入力させないフォームをinputタグ1行でつくる

半角数字のみ入力したい!というフォームを作る必要があったので、入力許可した文字以外絶対入力させてやらないぞ!という頑固なformを 外部JSファイルやscript要素なしで、inputタグ1行で実装しました。 inputタグのみで実装するメリット inputタグのみで、…

WordPressのdebugモードを使う

初回の設定も終わったことだし、バリバリ開発していこう!と思ったのですが・・・なぜかローカルで開くとDBエラーが起きてしまいます。DBの接続情報を環境変数によって変更するようにしても変わらずエラー。。しかも・・・何が悪いかくらい教えてくれたって…

EC2にRedmineをインストールする

AWS

http://blog.redmine.jp/articles/3_2/install/centos/プライベートのTODOを管理するため、AWSで無料枠のEC2インスタンスを立ち上げてRedmineをインストールしました。Rubyの扱いにあまり慣れていないので四苦八苦するかと思いきや、意外と簡単にいったので…

MovableTypeのインストールができないエラーを解決した

MovableTypeをインストールしようとしたらエラーになり、ちょっと詰まったので、エラー解消方法を書いておきます。 MovableTypeとは? わたしの環境 MovableTypeをダウンロードする ブラウザからアクセスできる場所に置く MAMPを利用するときの手順 ドキュメ…

WordPressのページのデザインを自分好みに変更する、その1

初期設定が終わったので、がんがんブログを作りこんでいこうと思います! 設定が終わったばかりのユーザー側はこんなデザインになっています。 これもSimple is Bestで可愛いっちゃ可愛いのだけど、せっかくなのでデザインを自分好みにカスタマイズしていこ…

ソースコードを変更できるWordPressブログをつくる

昔の自分を殴りたい。そんな気分で書きました。www.wegirls.tech www.wegirls.tech こちらの記事で、 「わーOpenshift上で選択するだけでWordPressのアプリが作れちゃう!! 」と言っていたのですが・・・。このやり方だとソースコードのカスタマイズが一切…

sshpassを使って、自動でパスワードありのsshログインをしたい!【Mac】

今までサーバーにSSHログインするとき、鍵認証の方法を使っていたのでパスワードを使う機会があまりなかったのですが、今回パスワードを使ってのログインをする機会がありました。「鍵認証にはできないんだけど、毎回入力するのも面倒・・・コマンドを保存し…

TwitterAPIでツイートを検索して表示する

API

今作っているPHPのアプリケーションで、「Twitterのツイートをキーワード検索して、その結果をずらっと表示したいなー」というところがあったので、TwitterのAPIをさわってみました٩( ‘ω’ )وはじめてTwitterのAPIを見てみたのですが、表示だけじゃなくて投稿…

puttygenでppkファイルをpemファイルに変換する【Mac】

だいたい私はMacを使って開発しているのですが、社内ではWindowsを使っている方もいます。いままでMacユーザー同士の開発作業がメインだったので、最近「これどうしたらいいんだ!」と一瞬迷ったのが、「サーバーにログインするための秘密鍵の拡張子が違う・…

OpenShiftにデプロイしたソースコードをローカルにgit cloneする

今日は、OpenShift上で作成・公開しているアプリケーションのソースコードをgit cloneして、ローカルで開発できる環境をつくります。 OpenShiftのWEBページで、アプリケーション詳細画面を開く 1のURLを使って、git cloneする 変更をOpenShiftのアプリケーシ…

OpenShiftのCartridgeを利用してPHPMyAdminを使う

今日は、作成したアプリケーションにPHPMyAdminを導入する部分をやります。 OpenShiftではPHPMyAdminなどを簡単に設定できる「Cartridge」があります。このCartridgeを設定するだけで、PHPMyAdminの設定は完了! CartridgeはPHPMyAdmin以外にもたくさんのツ…

WordPressの初期設定をする

今日は、ページを表示するにあたって必要な、WordPressの初期設定を行っていきます。 言語を選択する 登録に必要な情報を入力する 目次も2つしかないよ!簡単! 言語を選択する ブラウザで作りたてのアプリケーションを見てみると、言語設定の画面になります…

OpenShiftでアプリケーションを作成する

OpenShiftのアカウントを作成したので、WordPressでブログをつくるべく、「OpenShiftでアプリケーションを作成して公開する!」というところをやってみようと思います。 この記事で作成するWordPressアプリケーションは、簡単に設定できますがソースコードの…

OpenShiftのアカウントを作成する

OpenShiftとは? OpenShiftのアカウントを作成する OpenShiftとは? OpenShiftとは、Herokuと同じようにクラウド上のPaaS(Platform as a Service)の1つで、アプリケーションを簡単にデプロイして公開することができるプラットフォームサービス。 使用してい…

WordPressのThemeやPluginや本体をコマンドで更新する【wp-cli】

レンタルサーバーを使っていると「WordPressやPluginをコマンドラインでアップデートとかインストールしたい・・・」と思う時ないですか?(SSH UploaderのPluginつかっているけど、サーバーへの接続方法をこのためにいじるのは面倒・・・)そんなときに使え…

【Mac】ChatworkをHubotと連携させる!

API

Hubotとは? Hubotをインストールするための環境を整える Hubotをインストールする Chatworkと接続するためのAdapterをインストールする ChatworkAPIのアクセストークンを入力する 投稿するルームIDを入力する APIリクエスト数を設定する Hubotを起動する 私…