公式サイト 公式Twitter クリムゾン妖魔大戦とは？ ～私は、 普通じゃない～ 主人公・朝霞イブは、 仲間たちと共に退魔士養成学校で活躍する新人退魔士。 他の退魔士とは異なる不思議な力を秘めた彼女を中心に、妖魔と退魔士、 それぞれの思惑を巡る争いに巻き込まれていくことになる。 妖魔に襲われている人々を救うため、 そして自分に秘められた力の謎を解き明かすためイブは仲間たちと共に困難に立ち向かっていく。 「私たちは妖魔なんかに絶対に負けない…！！！」 漫画家クリムゾンの大人気「退魔士」シリーズがついにゲーム化！ 原作の退魔士シリーズに登場したキャラクターはもちろん、様々な世界で登場したキャラクターたちが退魔士となって登場！ キャラクターとシナリオは「退魔士」シリーズの原作である漫画家クリムゾンが全面監修！

私には、目標がある。 『時間ではなく、技術を売る技術者（エンジニア）になる』 この目標を考えた当初はただの思いつきだった。 どうすれば目標を達成できるか模索していくなかで、明確な理由が固まってきたのでここにまとめる。 人月商売への疑問 IT業界以外の人には馴染みがないと思うが、IT業界（特にSIer）には古くから「人月見積」という悪しき風習がある。 簡単にいうと 1人が1日でできる作業量を1人日 1人が1ヶ月でできる作業量を1人月（約20人日） あるシステムを10人体制で半年かけて完成する規模だとすると、10人 × 6ヶ月 = 60人月となり、見積額は 60人月 × 100万円（単価） = 6,000万円 になります。っといった具合。 この「人月」というのが、IT業界の一般的な見積手法であり、諸悪の根源である。 そして、この「人月」には大きな問題がある。 多重下請けも相まって、利益率がクソ

2013年流行語にもなった「ブラック企業」 就活生のみなさん、ブラック企業に入社したくないですよね？ でも、どうやったらブラック企業って見分けられるのか？ その悩みに「採用情報」に提示されている情報だけでブラック企業かどうか見分ける方法を紹介する。 ネットでよく見る「アットホームな会社です」とかそう言ったたぐいの抽象的なことは言わない。 より具体的に、何がダメなのか分析していく。 ブラック企業に入社したくない就活生に、ぜひ参考にしていただきたい。 追記: 2016/12/26 7:30 ブラック企業で過労死しかけたので4年分のタイムカードと実態を暴露した。一歩間違うとこの記事のようなことになりかねないので、入社する会社は慎重に選んで欲しい。 ブラック企業とは？ 労働者を酷使・選別し、使い捨てにする企業。 引用元：ブラック企業 とは - コトバンク 要は、人を人として扱わず道具のように酷使し

JavaScriptのコードでreturn falseをよく見かけるので、意味と使い方について要点を調べてみました。 初心者の自分でも簡単になんとなくイメージを掴めるくらいの初心者向けの説明で、ある程度のまとまった情報の提供ができれていればと思います。 return falseの使われ方 この記事で扱うreturn falseの使われる場面 まず、return falseがどのような目的でどの場面で使われているのか、この記事で扱うreturn falseがどんなものなのかを示したいと思います。 <a href=”javascript:void(0)” onclick=”windowopen();return false;”>新しいページ</a> <a href=”#” onclick=”windowopen();return false;”>新しいページ</a> このような記述をされたコー

アンカータグやチェックボックスなど、要素デフォルトのイベントをキャンセルします。 例えば、アンカータグの場合、リンクがクリックされた際に遷移イベントをキャンセルすることができます。 イベント発生元の親要素に同一のイベントが設定されていた場合、親要素のイベントの実行をキャンセルすることができます。（バブリングの停止） JavaScriptでは、イベント発生元のイベントが実行されたあと、親要素に同一のイベントが設定されていた場合、そのイベントも実行されます。 イベント発生元のイベントのみ実行したい場合などに使用します。

JavaScriptチュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScriptJavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子Numbers and stringsRepresenting dates & times正規表現インデックス付きコレクションキー付きコレクションオブジェクトを利用するUsing classesプロミスの使用JavaScript 型付き配列イテレーターとジェネレーターInternationalizationメタプログラミングJavaScript モジュール中級編Advanced JavaScript o

これ自体は、全然後悔はしていないし、むしろ買って良かったと思っています。現在のChromeOSの現在を知ることができたし、Googleのクラウドをメインで使っている自分としては、違和感が少なく使うことができています。最近では、家の中での執筆マシンとしての地位を確立しつつあるぐらいです。 とはいえ、全く不満がないわけではなく、WindowsPCと違って制約も多くできることも絞られてきます。まあ、そこを乗り越えていく楽しさもあるわけですけどもね。さて、その不満点の１つとして、定型文の挿入＆管理ができないがありました。 私は、Windowsでは、Cliborというクリップボード履歴管理ソフトを使用しています。 Cliborの使い方 | 千草ウェブ Windows系のクリップボード履歴管理ソフトとしては、最＆高なのですが、これと同じぐらいのことは…ちょっとChromebookに求めるのは、今のとこ

Photo by Pankaj Patel on Unsplash 今回からは、連載企画ということで Chrome の拡張機能を開発していきます。何回分に渡るかはわかりませんが、1回分のボリュームを抑えていくので、物足りなさを感じてしまう方もいらっしゃるかもしれませんが、お付き合いよろしくお願いします。 さて、今回は連載第1回目、ということで環境構築を行っていきます。といっても、普段からプログラミングをされている方は、やることがほぼないです！プログラミングをされていない方も、難易度はそこまで高くありませんので、身構えずに取り組んでみてください。 対象  HTML、JavaScript、CSS の基礎が分かる方 (DOM操作とか…)これらがわからないという方は、まずは Webアプリを作るところから始めてみましょう！ Chrome 拡張機能開発ではこれら３つの言語が必須になります。 ※HTML

これをコードで見てみましょう。 親子関係にあるdiv要素があります。それぞれ色のついた部分をクリックしたらアラートがあがるようにしています。 子要素(青い部分)をクリックすると、バブリングにより親要素のクリックイベントも実行されることが確認できると思います。 このイベント伝播の制御に関わってくるのが return false preventDefault() stopPropagation() などになります。順番に見ていきましょう。 return falseを使ってイベント伝播を制御する では実際にreturn falseを使用して親へのイベント伝播を止めてみましょう。 ここで超重要なのは プレーンなJavaScriptとjQueryでreturn falseの挙動が異なる ということです。 先に結論から言うと、 となります。 実際にコードで見てみましょう。 jQueryでreturn

あら便利カレンダー2018というのをやってます。 去年のもあるようです。（あら便利カレンダー2017） が、僕は最近joinしたので今年からの参加になります。 あら＾〜便利カレ(ry ...あら便利カレンダー2日目の記事です。 概要 「あら便利カレンダー2018どうやって公開する？」 「GitHubPages?（思考停止）」 「Netlifyちょっと使ってみたいな」 「じゃあそれで決定」 みたいな流れで、あら便利カレンダー2018はNetlify上に載せることになりました。 基本的にAPI等の開発をするのがメインなのですが、そんな僕でも簡単にサイト公開までできました。 Netlifyでサイト公開するまでの流れを書き残しておこうと思います。 Netlifyとは 静的コンテンツのホスティングサービス。 使い勝手の良いUIと、簡単な手順で公開までできるのがめっちゃよい。 GitHub / Git

自身のホームページやポートフォリオページを持つことは、初心者にとって1つの目標ですよね。実際、就職・転職活動においても、WEB上にサイトが公開されていると先方に内容を伝えやすくなります。そこでおすすめなのが、「Github Pages」というサービスです。 今回は、Github Pagesとは何か、概要から始め方までわかりやすく解説します。 Github Pagesとは？ Github Pagesは、名前の通りGithub上のリポジトリをWEB領域で公開できるホスティングサービスです。 ホスティングサービスとは外部に設置されているサーバの領域を利用できるサービスのことで、基本的には有料で提供されていることがほとんどですが、Github Pagesの場合はなんと完全無料で利用できます。 基本はGithubのリモートリポジトリ1つにつき、1つのWEB領域が割り当てられています。 「専用のドメイ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ブログをやるならGitHub PagesかGitLab Pagesがおすすめです。 私は、少し前にGitLabでブログをやっていましたが、その後、GitHubに移行したというか、戻りました。経緯としてはGitHub -> GitLab -> GitHubという流れです。 syui.github.io 割と長くGitHub PagesやGitLab Pagesでブログをやってきたので、今回は、両者の違いをまとめてみます。 GitLabはプライベートリポジトリが無制限で、HTMLソースを公開しなくていい Web Serverは、GitHub

本エンジニアブログはWordPressやはてなブログではなく、独自に選定した技術スタックで構築運用しています。 ここでは、GitHubのPullRequestでMarkdownの記事の作成・レビューを行い、マージされたら自動的に公開されます。 今回は全社のエンジニアが使っているGitHubを入り口に置くことで、かなり気軽な投稿フローが構築できました。 PullRequestでの編集作業もオンラインでかなりの所まで完了するので、高効率な編集ができている実感があります。 本記事では、構築に使用した技術スタックと得られた運用フローに関してご紹介いたします。 TL;DR 記事はMarkdownで記述しGitHubで管理するとエンジニアネイティブ HTMLはHugoで生成すると、自由なカスタマイズや書きながらのローカルプレビューが便利 ホスティングはNetlifyで行うと、GitHub連携・Hugo

※ Google先生、この記事はアダルト系じゃないですよ！ホントです、ごめんなさい。 ※ 読んでくださる皆様、X動画SはGoogle先生対策です。お手数ですが、某動画サイトだと読み替えてください。 X動画Sの視聴履歴を管理するChrome拡張機能『XHISTORYS』のアルファ版をリリースした。 つくったもの XHISTORYS X動画Sの視聴履歴をライフログとして残し、お気に入り管理やオススメ動画を紹介してくれるChrome Extensions。 とりあえず「視聴履歴を保存する」ところまではできたので、アルファ版としてリリースした。 実装済みの機能 視聴動画の保存 動画のお気に入り管理 視聴履歴のインポート・エクスポート 追加予定の機能 タイトルやタグのキーワード検索 ライフログとしての視聴カレンダー 視聴履歴からオススメ動画の表示 使い方 1. GitHubから「XHISTORYS-

どういう状況 データを削除できるボタン。 削除ボタンを押してすぐにデータが削除されると困るので、送信時によろしいですか？みたいな確認のalertを出したい。さらにはい・いいえで送信したり送信をやめたりする動きにしたい。 ざっくりと削除ボタンがあります <form action="削除処理.php" method="post"> <input type="submit" value="削除"> </form> 送信してしまうと削除処理が動いてしまうので、 送信時に確認する、というより送信前に確認、ＯＫなら送信、キャンセルなら送信をやめる。 という動きにする。 送信前に走るjavascriptはonSubumitでコントロールできる。 formにonSubmit属性を追加 onSubmit=処理 フォームに上記を追加。 onSubmit属性とは フォームの送信時に実行するscriptを設定でき

三章第一回　イベントプロパティこのページの最終更新日：2017年7月31日 今回は要素のイベントプロパティについて解説します。 HTMLのイベント属性この内容は基礎第五回でも解説しました。HTML要素にイベントに対応した属性をつけるというものでした。 <!doctype html> <html> <head> <title>test</title> </head> <body> <p onclick="console.log('click');">test</p> </body> </html> このようにonclick属性をつけた場合、その要素がクリックされた場合にその中身が実行されます。 <!doctype html> <html> <head> <title>test</title> <script type="text/javascript"> function aaa(){ co

十一章第九回　strictモードこのページの最終更新日：2017年10月24日 今回はstrictモードについて解説します。これはES5で導入された、従来より厳しいモードです。これは日本語に訳しただけですが、厳しいというのはどういうことでしょうか。 代表的な例は、前回も少し話に出た、プロパティのwritable属性です。writable属性がfalseとなっているプロパティは、代入しても変更できません。実際に代入しようとした場合、strictモードでない場合は無視されて何も起きませんが、strictモード中にこれをやるとエラーとなります。このように、strictモードでは間違いや望ましくない挙動に対して、エラーを始めとするより厳しい挙動を示します。 詳しくは後で解説しますが、結論から述べると、JavaScriptプログラムを書く場合は全てstrictモードで書くことが推奨されます。 str

Dashiconsとは DashiconsとはWordPressのファイル内にあらかじめ含まれているアイコンフォントのセット。 WordPressでは初期設定の状態であればDashiconsを以下のようなコードで簡単に使用できる。 Dashicons Sample Icon <p>Dashicons Sample Icon <span class="dashicons dashicons-admin-site"></span></p> アイコンフォント一覧の確認方法 アイコンフォント一覧は下記のURLで見られる。 Developer Resources: Dashicons 一覧のアイコンの下にはバックスラッシュが省略されて「f319」と表示されているが、バックスラッシュを付けなければdashiconsは使用できない。 また、content: "\f319"; だけでなくfont-fami

投稿の時間設定のAM/PMとは WordPressはデフォルト設定だと投稿の時刻設定部分にAM/PM (午前/午後)の切り替えボタンが表示されます。 時刻部分がAM/PMの切り替え設定だと、操作ミスが発生しやすく、13:00を入力すると強制的に12:00になってしまうなど、使い勝手が悪いので設定を変更したほうが良いです。 0:00〜12:59 AM/PM の時刻設定よりも、0:00〜23:59の24時間の時刻設定のほうが直感的に設定しやすく、時刻を間違いにくいので、表示設定を変更することをオススメします。 0:00〜23:59の時刻設定にする方法 WordPressの「設定 → 一般」の時刻設定で「H:i」を選択して「変更を保存」を押すだけでAM/PMボタンが消えて、0:00〜23:59の時刻で設定できるようになります。 WordPressではカスタムの「g:i a」や「g:i A」の時刻

WordPressプラグインで簡単運用 iwb.jpはWordPressで運用しているWebサイト(個人ブログ)なのですが、仕事でもないのにWordPressでWebサイトを運用するのは色々面倒です。 しかし、iwb.jpでも使用されているWordPressプラグインをインストールすればWebサイトの運用がかなり楽になります。 ちなみにiwb.jpのサーバーはwpX Speedを使用しており、wpX Speedなら新規インストール画面から必要事項を入力するだけで、1クリックでWordPress本体をインストールできます。 wpXでのWordpressの新規インストール方法 Add css to post このプラグインは名前通り記事に適用するCSSを追加します。 例えば「意外と知られていないCSSのnth-childの使い方」の記事には①〜⑩に:nth-childが適用されています。 Ad

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? メンテナンス性が高いコードの特徴 機能拡張がしやすい バグ修正がしやすい 仕様変更に対応しやすい 可読性が高い（読みやすい） メンテナンス性が高いコードの特徴としてぱっと思いつくのは上記の4つぐらいでしょうか。 仕様変更はそもそも発生しないに越したことはないが、仕様変更が全くないシステム開発なんてほぼほぼあり得ないので、ある前提でプログラムを作っておく方が良いでしょう。 プログラミングを学習し初めのころは、文法を覚え、使用している言語の特性を知り、主要なライブラリの使い方を学んだりするかと思います。 プログラムの書き方とデバッグ力が身に

HTMLのonclick属性とは HTMLのonclick属性とはユーザーが要素をクリックした際に起動するスクリプトを指定するイベント属性。 例えば<button onclick="hello()">でalertを表示したい場合は以下のようになる。 <script> function hello() { alert('hello') } </script> <button onclick="hello()">hello</button> onclick属性に関数を書くことでJavaScriptの何の関数が実行されるかHTMLを見ただけで確認できるというメリットがある。 しかしデメリットのほうが多いため現在のWeb制作の現場では使用されることは少ない。 デメリット1 処理が不明瞭になる onclick属性を使用すると、どこでクリックイベントの処理をしているのかわかりにくくなる。 対してJav

parseIntとは JavaScriptのparseIntは文字列を整数に変換するためのJavaScriptの組み込み関数です。 指定した文字列の先頭から数値に変換できる部分を整数として解析し、それ以外の部分は無視します。 数値に変換できなかった場合はNaNが返されます。 JavaScriptconst num = parseInt('123') console.log(num) // 123

onclickで検索するとSamurai Blogが JavaScriptのonclickの記事を書くため「onclick」でGoogle検索したところ、Samurai Blog(侍エンジニアブログ)のonclickの記事が検索結果1位で表示された。 記事内容を確認したところ相変わらず間違いが多く、去年の炎上から約1年が経過した現在もチェック体制が甘いことがわかった。 ※ AJAXやonClickなどの表記も気になるが、今回はコード面のみの指摘 onclickのコードに問題がある Samurai Blog(侍エンジニアブログ)のonclickの記事のコードは下記のようになっている。 <html> <script> function js_alert() { alert("Pushed!"); } </script> <body> <a href="#" onclick="js_alert(

おはようございます！英語専門個別指導塾（那覇長田校・田原校・オンライン校）です！ ※ >>英語専門個別指導塾の詳細はこちら 今回は everyone と everybody の違いをネイティブに聞いてみました！ 【Question】 Is there a difference between these two options?🤔 Thank you! 1) Good morning, everyone! 2) Good morning, everybody! 【質問】 この2つの選択肢に違いはありますか?🤔 ① アメリカ人の感覚🇺🇸 Same thing!! At least to me haha 【同じです！少なくとも私には（笑）】 ② アメリカ人の感覚🇺🇸 同じ意味です。 ③ アメリカ人の感覚🇺🇸 Same thing  although - ‘good mornin

はじめに具体と抽象を行き来することの重要性は、いろいろな方が述べられていて、筆者も本当にそうだと感じています。それがうまくできる人とできない人とで、年収が数百万円のレンジで変わってくると言っても過言ではないのではと思います。 拙書『アーキテクトの教科書』でも第1章に以下の記述があります。 抽象と具象を自由自在に行ったり来たりする能力があると、とても重宝します。 『アーキテクトの教科書』第1章よりただ「具体と抽象を行き来する」という表現そのものが極めて抽象度が高いため、ピンとこない人もいるでしょうし、人によってその解釈が異なる可能性もあるでしょう。この記事では、「具体と抽象を行き来する」という行為を具体例を通じて確認し、理解度を深めたいと思います。 言葉の整理まずは言葉の意味を確認しておきます。 【抽象】 (abstraction)事物または表象の或る側面・性質を抽き離して把握する心的作用。

編集長のyuzukaが本当に気になる人だけに、「結婚について」を取材をする連載企画、「結婚の哲学」。今回はフリーライターのヨッピーさん（43）をお招きした。 育児を楽にするための新世代育児本『パパもママも必読！子育てがラクになるノウハウを集めた育児ハック』（KADOKAWA）を世に送り出したばかりだというヨッピーさんは、自身も3歳児と０歳児のパパ。 日頃から子育てについて発信しているヨッピーさんだが、相変わらず結婚や子育てについては、世に問いたいことがあるのだと言う。エネルギッシュな魅力あふれるヨッピーさんの❝結婚の哲学❞。今回は長く親交のあるモテコンサル勝倉も同席し、彼の心をひもとく。 結婚を望んだのは、「子ども」というチケットが欲しかったから yuzuka：まずは基本的なところをお伺いしたいのですが、自由奔放なイメージのあるヨッピーさんが「結婚したい」と思ったきっかけって、なんだったん