サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
www.wegirls.tech
今年初めごろに宣言した「基本情報技術者試験」取得・・・ 無事、取れました〜!! 勉強を開始したのが2月16日、そこからテキストを数ページやったまま放置し、4月16日の試験になんとか間に合わせることができました! (トータルどれくらいの時間を勉強に要したのかは、あとで詳しく書きます) これから勉強を始める人のために、 最短 最低限 どれくらい勉強すればいいの?ということをまとめておこうと思います。 基本情報技術者試験の対策におすすめの本! わたしが基本情報技術者の試験対策として用意したのは、本2冊。 まず1冊目が、午後の選択問題以外を全体的に理解できるためのテキスト。わたしが使ったのはこちらです。 ニュースペックテキスト 基本情報技術者 平成29年度 (情報処理技術者試験) 作者: TAC情報処理講座,根岸良征 出版社/メーカー: TAC出版 発売日: 2016/12/16 メディア: 単行
Googleが発表した、有能お絵描きツールのAutoDraw。 ニュースなどで気になっていたので、早速ためしてみました。 AIをつかって、ただの落書きをプロ並みの絵に変えてくれるという、なんとも優れものなツール。 どれくらいの精度で読み取ってくれるのかな?と疑問だったのですが、 いろんな選択肢をずらっと並べてくれる+だいたい合ってる(しかも複数パターンの絵が出てくる)ので、かなり優秀そうです。 ただ・・・和式トイレとか、お国限定系はまだまだ弱いみたい(当然)。 洋式トイレは識別できるけど、和式トイレはさすがに学習しきれてないらしい。 #google #autodraw pic.twitter.com/3ZI46U4iSr — あじゃ@エンジニア (@ajarakko) 2017年4月12日 まだ試してない方はこちらからどうぞ。 登録などは不要で、さくさくっと使えます! www.autodr
ドメインを取得したはいいけど、これでどうやったらメールを送受信できるようになるの? という人のために、取得したドメインでメールを送受信するための手順をまとめました。 今回は、「wegirls.techというドメインを取得して、info@wegirls.techというメールアドレスでメールを送受信できるようにする」ということが目標です。 ※ちなみに、info@wegirls.tech というメールアドレスは有効ではないので、お問い合わせなどはTwitterかコメントでお願いいたします。 手順はこちら。準備が整っている人は、6番あたりまで飛ばしても大丈夫かと思います。 ドメインを取得する メールサーバーとなるサーバーを用意する ドメインのDNSを変更する まず、Aレコードを指定 次に、MXレコードを指定 サーバーにユーザーを追加する サーバーにpostfixをインストールする postfixの
Modern.IE、Virtual Machinesとは?(※2017/3/14追記) 仮想マシン(旧Modern.IE)を使い、MacでWindows7/IE11の検証を出来るようにする 1. VirtualBoxのインストール 2. Microsoftのサイトから、VirtualBoxに仮想マシンをダウンロード 3. ダウンロードした仮想マシンをMacにインストール MacでWindows7/IE11の環境を動かしてみる VirtualBoxから、仮想マシンを起動する 私は仕事用にMacBookAirをつかっているのですが、Macユーザーの新米WEBエンジニアが陥るのがこんな事態・・・ IEだけで起こるバグってのが恐怖。 ※IE=InternetExplorer。エンジニアが嫌いなブラウザ(主観) そんな方にオススメしたいのが、マイクロソフト提供の無料サービスVirtual Machi
今日はお休み! ということで、お休み前夜のはっちゃけでめちゃくちゃくだらないオリジナルグッズをつくってみた。 そんなことやってないで基本情報技術者の勉強しなさい、という声が聞こえるけど、気にしない・・・!(´・ω|| 今回オリジナルグッズを作るのに使ったサービス 物理削除したい人向けのステッカーできました 物理削除したい人向けのTシャツもあるよ それ以外のグッズもあります 今回オリジナルグッズを作るのに使ったサービス 使ったのはSuzuriというサービス。 好きな画像をアップロードするだけで、誰でも簡単にオリジナルグッズを作ることができます。これ便利ー! suzuri.jp 物理削除したい人向けのステッカーできました 本当にいらいらして、ああああもう存在ごとなかったことにしたい!!!と吐き捨てたくなるときありますよね。 そんなエンジニアさんには、このステッカーをPCにはって威嚇するのがおす
前回の記事で、基本情報技術者の資格とりたいって話をしてました。 ちなみにタイトルの元ネタは英国紳士さんのこちらです。 ちゃんとお勉強してるよっていうアピールのために、記録を残していこうと思います。 そして、その都度わからないことを書いていくので、そんなの知ってるぜ的な人はぜひ教えていただけると泣いて喜びます。 わかったことについては、その都度アップデートしていくよっ٩( 'ω' )و なぜ数の取り扱いを勉強するのかわからない 127を足すのか引くのかわからない (文句)そもそも、分かりにくすぎる。もっと易しく。。 今日の勉強成果 なぜ数の取り扱いを勉強するのかわからない とりあえず、 2進数とか、負の数とか、少数とかの取り扱いを勉強しました。 でも、 なんでこれ勉強しなきゃいけないのかわからない。。 2進数→ぱそこんは2進数の命令で動いているから。 これはわかる。 でも、負の数とか少数とか
Hubotとは? Hubotをインストールするための環境を整える Hubotをインストールする Chatworkと接続するためのAdapterをインストールする ChatworkAPIのアクセストークンを入力する 投稿するルームIDを入力する APIリクエスト数を設定する Hubotを起動する 私の会社では、部署内コミュニケーションはすべてChatworkで行っています。 今日は、そのChatworkのAPIであるChatworkAPIを使ってHubotにChatwork上で話しかけると返事をしてくれる・・・というものを作ろうと思います! Hubotとは? GitHubが公開している、Node.jsでbotを開発・実行するためのフレームワークです。 MITライセンスで公開されています。 他のbot開発フレームワークと異なり、様々なチャットツールに対応しています。 Hubotとチャットツール
基本情報技術者とは? なぜいま基本情報技術者の試験を受けるのか 基本情報技術者の勉強のための勉強法(テキスト) 基本情報技術者とは? ITエンジニアの入門編となる資格で、 上司の指示の意味を理解できる 指示の通りに行動できる ということを目標としている資格です。 先輩エンジニアの指導を理解して作業できる、ということですね。 つまり超基礎です。 なぜいま基本情報技術者の試験を受けるのか ひとことでいうと、学歴・学部コンプを脱出するため。 今まで「情報系出身です」と聞くと、 あーだからデキル人なんだな〜〜〜 と勝手に納得してしまう癖がありました。 (文系出身、と聞くとグウの音もでない。) なので、情報系の子がもれなくもっている基本情報技術者の資格をとることで、 いろいろ言い訳してスキル磨き・勉強をサボらない ググる時に障壁になっている、基本的な専門用語の意味を理解する ができるかなーと思い、受
※2017/02/14コード修正しました。 以前、はてなブログのメール投稿機能をつかってWordPressとはてなブログを連携する記事を書きました。 www.wegirls.tech これを使っているうちに、 「画像ちゃんと入れたい」 「編集したい」 とかの不満がたまってきたので模索していたときに、はてなブログAtomPubの存在を知ったので、使い方をメモ。 実装してみたけど、短時間でめちゃめちゃ便利なものになったので、最初からこっちを使っておけばよかったーー。 はてなブログAtomPubとは? メール投稿ではなくて、はてなブログAtomPubを使うメリット メリットその1:画像が何枚でも、指定した位置に入る メリットその2:編集もできる メリットその3:カテゴリもつけられる AtomPubで、WordPress投稿時にはてなブログに同時投稿する(サンプルコード) はてなブログで、API
※超雑記です。 今週のお題「冬の寒さ対策」 というわけで、手先冷えがちなエンジニアにおすすめしたいのがこちら・・・! 手先の冷えがつらすぎる。。。 手先が冷えず、キーボード操作の邪魔にならないスゴイ奴 手先の冷えがつらすぎる。。。 女性エンジニアに多い冬の悩みが手先の冷え。 ちょっとひんやりするオフィスにいるだけで、指先ががっちがちになってキーボード操作つらい・・・なんてことないですか? 家では、乾燥が気になるので暖房ひかえめ+こたつで作業しているのですが、そうすると指先の冷えがやばい。 オフィスでも、特に血圧あがらない午前中は、指がこわばってチャット誤爆しまくり。 とはいえ、手袋してるとキーボードうちづらいし、指先だけでる手袋をしても、ぬくもりが足りない。。 カイロを手の上にのせときたい!! 手先が冷えず、キーボード操作の邪魔にならないスゴイ奴 って思ってググってみたら、あるもんですねー
複数のブログサービスを使っていると、「こちらのブログで投稿するやつ、別のサービスにも自動で投稿できるようにしたい」ということありますよね。 今回は、WordPressとはてなブログの連携を行ったときのメモです。 今回目指すのは、WordPressからはてなブログへの連携 有名なIFTTTを使うか、WordPressのPHPをいじるか はてなブログのメール投稿用メールアドレスを確認する WordPressからはてなブログに連携するコードはこちら ステータスを変更したい場合(下書き→公開のときにはてなに投稿 など) WordPressで下書きから公開にしたときにはてなに投稿 WordPressで公開から非公開にしたときにはてなに投稿 はてなブログのメール投稿で文字化けしてしまう人は 今回目指すのは、WordPressからはてなブログへの連携 今回つくるものはこちら↓ WordPressで記事を
はてなブログはメールで投稿できる機能があったので、試してみました。 そしたら文字化けして、ググってみたら同じ状況になって未解決の人がちらほらいたのでメモ。 はてなブログのメール投稿機能 (まずは)投稿用メールアドレスの確認 はてなでメール投稿すると本文(記事)だけ文字化けする 画像が文頭に来てしまうのが嫌 (余談) ほしいものリストつくりました、お年玉ほしい。 はてなブログのメール投稿機能 指定されているメールアドレスにメールを送信すると、そのまま記事が投稿できちゃう便利な機能。 詳しくは公式サイトをどうぞ。 メールで記事を投稿する - はてなブログ ヘルプ (まずは)投稿用メールアドレスの確認 はてなブログ管理画面で、「設定」>「詳細設定」>「メール投稿」で確認できます。 いきなり公開になる「投稿用メールアドレス」、下書きとしてセットされる「下書き投稿用メールアドレス」の2種類があります
マーケティングの業務を効率化するために、GoogleのAdwords APIを使って自分用ツールを開発しました。 (申請〜開発の流れは、後日別記事にて書きます。) 今日は、ローカルで動いていたソースコードをAWSのサーバー上にアップしたら500エラーで動かなくなったので、対応したときのことを書きます。 ローカルのMAMP環境では動くのに、サーバー上では動かない 500Errorになったときに確認すること Use of undefined constant WSDL_CACHE_NONE SOAPのモジュールが入っているか確認する Linux系サーバーで、SOAPのmoduleが入っているか確認する Ubuntuで、SOAPのmoduleが入っているか確認する PHPにSOAPをインストールする Linux系サーバーで、SOAPのmoduleをインストールする Ubuntuで、SOAPのmo
「あっvim君だ」 Vim ねえ、僕のこと本当に好き? なに突然? いまさらすぎw いいから! まあ、好きだよ 適当かよー じゃあ、僕のどんなとこが好き? めんどくさいな、どうしたん?w 言えないんだ・・・ メンヘラかよ えーとね、 楽。 そんだけ?(´・ω・`) そんだけってw 十分でしょ、だっていちいちマウスさわるの面倒だし。vim君いればキーボードだけでいいもん あ、しかもホームポジションから指がずれない! ブラインドタッチ出来ないのに恩恵ある? e? なんでもない でも、前マウス使えないから嫌いって振られたんだよね。。 まあ、好みは人それぞれだし。 コピペしやすいところも好きだよ! それ、褒めるところ? いやいや、そこ重視する子多いから。 sublimeとかeclipseのほうが優秀じゃん・・・ なに?嫉妬? べつにーーー まあ、あれだ、Vim君の良さは、 (期待) 行コピー! な
最近、「ググっても知りたいものが出てこない」という現象によく会う気がします。 ちょっと前まではGoogle先生に聞けば何でも解決したのに、なんかおかしいな〜という状態。 検索者のニーズと、記事のアンサーがずれている なぜ「的を射ていない記事」が上位に表示されるのか 「不適切なWEBサイトが上位表示される」ことは日常茶飯事 質の低い記事が上位表示されることで起こる問題 低品質のコンテンツがマーケッターの首を絞める 検索者のニーズと、記事のアンサーがずれている 例えば最近検索したのは 「25歳 ファンデーション」 「パウダーファンデーション 塗り方」 「25歳 メイク」 ていう言葉ですね。 私自身メイクが得意ではないし、普段化粧をする方でもないのでちゃんとしたメイク方法を知りたいなあというのもあって、こういう言葉を探していました。(週5スッピン) でも、この検索で実際に出てきた記事は、 「厚塗
PHPだと標準で用意されているnl2br関数。 でも、Javascriptにはこの関数が用意されていません。 そのため、改行がある複数行のデータが入ってくるとかなり見づらくなってしまいます。 そんなときにサクっと使えるように、JSでnl2br関数と同じ処理をするコードを書きました。 JSでnl2brと同じ処理をするコード(HTML/XHTML) HTMLの場合 function nl2br(str) { var res = str.replace(/\r\n/g, "<br>"); res = res.replace(/(\n|\r)/g, "<br>"); return res; } XHTMLの場合 function nl2br(str) { var res = str.replace(/\r\n/g, "<br />"); res = res.replace(/(\n|\r)/g,
以前リリースされた「チャットワークAPI」。チャットワークのユーザーであれば、API利用申請をするだけで無料でAPIを利用することができます。 作っているPHPサービスに●●があったとき、チャットワークのこのルームに通知してほしい・・・ということがあったので実装しました。 事前にチャットワークAPIの申請さえ行っておけば、コードコピペのみで終わるので、3分で実装できます。(利用申請を行ってから、APIを利用するためのtokenが発行されるまで1日〜くらい時間がかかります。) チャットワークAPIの連携でできること WEBサービスとチャットワークを連携するメリット サンプル(PHP) チャットワークAPIの連携でできること なにかのアクションをトリガーにして、チャットワークルームでメッセージを送信できます。例えば、サービスにお問い合わせがあったときに、その内容をチャットワークで通知する、など
WEBサービスで新しい企画をやります、という時に、エンジニアと非エンジニアの間で起こるのが 非エンジニア「これ、〜ってならないんですけど・・・」 エンジニア「?? そういう仕様ですけど」 というやりとり。 もちろん、エンジニアだってユーザー目線で考えて最良のものを(納期と相談して)作るべきだし、企画者がどんな要望をもっているのか汲み取ろうと努力するべき。 だけど今日は、「非エンジニアの企画者は、どうやって要望を伝えたらエンジニアが喜ぶのか?」ということを考えてみました。 ほしい機能は「●は▲できる」式に表現する イメージしているものが具体的に「見える」ものを用意する 「参考」にしてほしい場所はどこか、具体的に示す 要望に優先順位をつける 納期はいつか、それはなぜなのか? まとめ ほしい機能は「●は▲できる」式に表現する よく聞くのが 非エンジニア「ブックマーク機能つけてください」 というよ
使い始めてもうすぐ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 develop -> FETCH_HEAD Auto packing the repository in background for optimum performance. See "git help gc" for manual housekeeping. Already up-to-date. ・・・ん? Auto packing the repository in background fo
下記の記事を書いたときに、apacheの制御をするコマンドがたくさんあったので違いを調べて見ました。 www.wegirls.tech 前提としている環境 今回調べたコマンド service httpd ~ と /etc/init.d/httpdの違い serviceコマンドとは httpd と apachectlの違い 前提としている環境 apache 2.2 / 2.4 CentOS6.x系(Linux OS であればほぼ同じ?) 今回調べたコマンド 今回調べたのは、apachectl と httpdの違い。 例えば、apacheの起動には、下記の4つのコマンドを使うことが出来る。 $ service httpd start/etc/init.d/httpd startapachectl start/usr/local/apache/bin/apachectl start servic
わたし「vhosts変更したので、サーバーの再起動をお願いします。gracefulで大丈夫です」 後輩「gracefulってなんですか?」 このやりとり、わたしも昔やったなあと思いつつ、復習がてらにまとめておきます。 前提としている環境 (おさらい)apacheの起動・停止に使うコマンド apacheの起動 apacheの停止 apacheの再起動のコマンドと違い(restart/condrestart/reload/graceful) restart condrestart reload graceful restartよりもgracefulを使うわけ graceful-stopというものも apacheでエラーになったときはバージョン確認を わからないことメモ 前提としている環境 apache 2.2 / 2.4 CentOS6.x系(Linux OS であればほぼ同じ?) (おさらい
初めてajaxを使ったフォーム送信のコードを書いたのでメモ。 (今まではコピペラミングでした。自分で書くのとコードを眺めるとのでは大違いですね・・・) フォーム部分のHTMLと、submit後の処理のjQueryのサンプルコード 項目は「名前」と「コメント」のみ submit後にバリデーションを行い、OKであればajax通信を行う。NGの場合エラーメッセージを表示する。 という基本的なコードのみなので、項目を足したり、バリデーションのルールを追加したり、カスタマイズしてください。 フォームのHTML部分 JS部分(フォームバリデーションとajax通信) 今回の反省点 フォームのHTML部分 <form id='sample_form' action="javascript:void(0)"> <p>名前</p> <input name="name" type="text"> <div id
WordPressでテーマを漁っていたら、とっても可愛いテーマを見つけたのでご紹介。 ナチュラル、素朴、でもちょっと女性らしい。20代〜30代女性向けのテーマをお探しの方向け。 日本語のWordPressテーマなので、サンプルの英語ページだとかっこいいのに、自分のブログに適用したらすごい微妙・・・ということもありません。 おすすめしたいテーマ「sonoichi」とは カスタマイズ不要でかわいい 基本的でわかりやすい 日本語対応 おすすめしたいテーマ「sonoichi」とは 今回おすすめしたいのが「sonoichi」というテーマです。 ja.wordpress.org 開発者はichi67さん。WordPressのサイトを見る限り、作っているテーマはsonoichiのみのようです。 このテーマは2年以上更新されていません。すでにメンテナンスされていないか、サポートされていないため、最新のバー
はてなブログさんに喧嘩売ってるようなタイトルですが、個人の感想ですので! とゴマ擦りつつ運営にこのブログのアカウント凍結とかされたらどうしよう・・・とひやひやしていますが、とりあえず両方(+他のブログサービス)を触ってみて思ったことです。 前回のおさらい(Bloggerの「これが良かった」) Bloggerのデメリットってなに? 日本であまり知られていない URLカスタマイズは微妙 はてなブログ VS Blogger だとどう? PageViewとかはどう? 前回のおさらい(Bloggerの「これが良かった」) 前回、Bloggerを触ってみたけど結構よかったよ!というメリット面を挙げてみました。 女子WEBエンジニアのTechメモ 海外のブログサービスって、使いづらかったりデザインが微妙だったりするんじゃないの?とネガティブなイメージがあったけど、意外と使いやすかったよ、というのがこちら
会議を出席者の時給に換算したら、いくらになる?というのを計算できるツールを作りました。 HTML + CSS + Javascript の簡易なつくりです。 つくったアプリはこちらで公開 このアプリの効果 使った機能 ストップウォッチ フォーム入力 フォームの値の送信 つくったアプリはこちらで公開 会議のコストを可視化しちゃうよ ↑こちら このアプリの効果 これで長ったらしい無意味な会議ともおさらばですね。 無駄話を短縮して、効率の良い会議ができるようになるとかならないとか・・・。 使った機能 機能ごとにまとめると、下記をJavascriptでかけたら後はそれを組み合わせていくだけ。 Javascriptかじりたてのエンジニアの練習にもぴったりだと思います。 ストップウォッチ スタート・ストップ・クリアができるストップウォッチの機能。 会議を中断して再開・・・というときのためにも、クリアと
先日、このブログを紹介していただく機会があったので、サムネイルとして使われる「アイキャッチ画像」を設定しました★ 公式を読んでやっても「あれ?」となったところがあるので書いておきます。 公式が教えるアイキャッチ画像の設定の仕方はこちら! Facebook上のサムネイルを正しいアイキャッチ画像に修正する Debuggerページにアクセスする 正しいアイキャッチ画像を認識させる 公式が教えるアイキャッチ画像の設定の仕方はこちら! アイキャッチ画像(記事のサムネイル) - はてなブログ ヘルプ しかし・・・ (画像設定の数分後) 「よし、これでFacebookでシェアされても見栄えいい!」 「念のため試しておくかーーー」 「・・・・」 「なんで反映されてないねん!!!」 これ、どうやら、Facecook側で 「一番適していそうな画像をサムネイルとして使用する」 という修正ロジックが動いているから
エンジニアになって1年目の12月末書いた記事を転載・・・。 オラクルマスターの第一歩である12c SQL基礎の試験に合格しました! この試験はWEB上で受けられるので、ベトナムからでも大丈夫。 ※当時わたしはベトナム駐在中でした 使った参考書などを備忘的に書き留めておきます。 「12c SQL基礎」を受験した目的 自分の能力を、明確に第三者に示すことができる 人事考課や転職に有利そう。 特に私は情報系の学部出身ではなく社会人になってエンジニアになったので、定量的に「きちんと技術的知識がありますよ」と示すことは意味があるのではないか? 実務では身につけられない知識を補う 今実務ではMySQLを使っているのである程度DBに関しての知識はあるのですが、そこでは得られない背景知識や、普段の業務では使わない関数・構文について学びたいなあと。 オラクルマスターっていう響きがかっこいい!! ポケモンマス
仕事でもちょこちょこ耳にする「Blogger」の噂。 コスパ良いと聞く反面、日本ではあまり広まってないから・・・という声も。 実際どうなの?!というのが気になったので使ってみました。 Bloggerとは 実際に使ってみて感じたBloggerのメリット 無料枠でできる範囲が広い 広告がでない SEOに強い Bloggerのデメリットは Bloggerとは あのGoogle大先生が運営しているブログサービス。 日本ではまだあまりメジャーではありませんが、海外ではかなり利用者が多いようです。 Googleアカウントを作成していれば、無料で利用できます。 実際に使ってみて感じたBloggerのメリット 無料枠でできる範囲が広い Seesaaとかライブドアとかgooブログとか忍者とかココログとか、はてなブログ以外にもブログサービスはたくさんありますよね。 それらと比べると、無料なのに出来ることが圧倒
このページを最初にブックマークしてみませんか?
『女子WEBエンジニアのTechメモ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く