ほぼ２年ぶりの投稿になっている今回、この記事は a-blog cms Advent Calendar 2018 の 3日目の内容。 先日開催された a-blog cms Training Camp 2018 TOKYO のLTでも発表した内容で、a-blog cmsのローカル環境を Docker で用意したお話。 a-blog cmsの開発環境、みんなどうしているのか？MAMPやXAMPPで立てているか、レンタルサーバー借りて入れている方法多い様子。 製作者一人で完結するような場合はそれでも問題ないのが、複数の人が対応するような案件では、環境に違いがでてきてしまったりするため、準備に手間がかかってしまう。 a-blog cms 案件であってもそうでなくとも、ローカルの開発環境を同一の状態で共有できるようにしてあるのは、チーム開発の現場として重要になると思ってる。 簡易に共有するために、最近

お～～～～い！全国100万人のキナ臭い話が大好きなみんな～～～～！ 朗報朗報～～！ お待たせしました～～～～～～～！ 出来立てホヤホヤの揉め事だよ～～～～！ どうも！皆さん初めまして！ 私、「悪質業者を絶対にブチ殺す会」の会長、ヨッピーと申します！ 【朗報】【9年ぶり2度目】 現在、不動産仲介業者と死ぬほどトラブっておりまして、絶対譲りたくないのでネットで騒ぎまくるつもりだし最高裁まで争う所存なのですが、お手伝いしてくれる、不動産仲介案件に強い弁護士さんを募集中です！！ もちろん正当な報酬をお支払いします！！DMください！！ — ヨッピー (@yoppymodel) March 14, 2020 先日から不動産仲介業者と鬼のようにトラブっておりまして、Twitterでこのように呟いた所、 「早く続報を出せ」 「ワクワクが止まらん」 「燃やし尽くせ」 などなど、全国各地の人の揉め事が大好きな

女さん達、こっちが楽しい話題で手加減抜きだと付いてこれずにむくれるでしょうがよ。接待しないんなら飯はマックの肉肉しいバーガー、蕎麦、カツ丼あたり、行くのは科博の常設とか僻地のマニア向け催事とかだぞ？

私は広告業界で10年ほど広告制作の仕事をしていた。最初は総合代理店で、最後の半年はWEB広告代理店で。 そして昨年末をもって退職に至ったので、退職エントリではないが、なんとなくWEB広告の実情について 広告業界の人たちにも話したかったので文章にまとめることにした。 私は広告業を一つの「文化」だと思っている。 そう考えるのは広告業従事者の奢りだ、と言われがちだが 私はそれは、奢りではなく、むしろ戒めだと考えている。 なぜなら広告会社は、そういった矜持を自戒の念を込めて持っていないと、 簡単にゴミを製造する工場へと成り下がってしまうからである。 私は新卒でとある広告代理店に入社し、そこから10年ほど制作を担当することになった。 最大手というわけではないが、時々全国規模のTVCM制作も手がける、そこそこの代理店である。 そこは、今となっては「働き方改革」の標語ひとつで一蹴されてしまうような、徹夜

リンク 朝日新聞デジタル 「未来イメージできる駅」 高輪ゲートウェイの内部公開：朝日新聞デジタル 山手線と京浜東北線の品川―田町間に14日開業する新駅、高輪ゲートウェイ（東京都港区）の構内設備などが9日、報道公開された。「未来をイメージできる駅」を掲げ、無人決済コンビニが開店するほか、乗り換え案… 3 users

※この記事はQiita(gulp v4 による Pug × SCSS × TypeScript テンプレ)にも投稿されているものです。 (」・ω・)」はじめに gulp v4 がだいぶ前にリリースされたけど、私の開発環境がずっとgulp v3のままだったgulp v4 は新しい機能が増えたり書き方が変わったりとすごい変わってしまわれてる今まで自分の作ったものが化石になるのを恐れたのでgulp v4に適用させたついでにテンプレ作って今後楽しようと思ったどんどん改善していきたいからみんなに使ってもらいたい、ここで宣伝だ(／・ω・)／概要 この記事の概要は以下になります? gulpとpug の説明（すごいざっくり）Pug × SCSS × TypeScript テンプレの紹介このテンプレでできることこのテンプレの使い方このテンプレ内のディレクトリ構成のお話??????????????(」・ω・)

1. はじめに Gulp+Pug+SassでWebサイトの開発環境を作りました。 何度か作っているのですが、毎回忘れてしまうのでまとめです。 ※ gulp自体のインストール(グローバルインストールとローカルインストール)はされている前提です。 ※ npmを使っています。 2. ディレクトリ構造 dest/ ├css/ ├images/ └javascripts/ index.html src/ ├images/ ├javascripts/ ├pages/ ├pug/ └sass/ gulpfile.js package.json

jQueryを使用して、シングルページでナビゲーションに現在地を表示するサンプルを作成しました。 デモページはこちらになります。 ■HTML ナビゲーション部分とコンテンツ部分のHTMLの抜粋です。 ページ内リンクで各コンテンツに遷移します。 <ul id="gnav"> <li><a href="#contents01">コンテンツA</a></li> <li><a href="#contents02">コンテンツB</a></li> <li><a href="#contents03">コンテンツC</a></li> <li><a href="#contents04">コンテンツD</a></li> </ul> ～略～ <div id="contents"> <div class="inner"> <div id="contents01"> <h2>コンテンツA</h2> コンテンツAの

16人だった。ちゃんと数えた。『バイバイ、ヴァンプ』公開3日目の日曜日の夜、ユナイテッドシネマお台場のスクリーン5、114席である。ただの16人ではない。人口1000万人の東京都でこの映画を上映しているのは、このユナイテッドシネマお台場のスクリーン5だけなのである。なのに114席に対して16人なのだ。その前日土曜日に見た観客からは、12人だったという報告もあった。岩波ホールで単館上映している中東ドキュメンタリー映画より客がいねえ。しかもその16人のうち、女性はたった2人だった。残りの14人は僕も含め、お互いをハンドルネームで呼んだり、映画を見ながら手もとにメモしているような明らかに映画ブロガーやらツイッタラーやらのネタ拾い、たった2人だけの女性も彼らとなんらかの知り合いで、出演者のファンの女子ではないように見えた。一人一人聞いたわけじゃないのでちがったらごめんだけど。 この映画に出演してい

概要 だいぶ前に「一番厨二臭いホトトギス詠んだ奴優勝1」というネタがありまして。 哭かぬなら 虚無に誘え(いざなえ) 時鳥(ホトトギス) とか 哭け 我が漆黒の刄 炎斗闘斬(ホトトギス) みたいなやつです。 どの作品も好きなんですが、この手のって元ネタとあまりかけ離れすぎていてもダメで、元ネタと似た形や意味を保ちつつも厨二感を漂わせるくらいが一番味があるんじゃないかなと思ってます。 そこで今回は、「厨二臭いホトトギス」と本家ホトトギス三句2を自然言語処理によって比較し、最も類似度が高いものを優勝とする決定戦を開催することにしました。 (図. コンテストイメージ) 「厨二臭いホトトギス」作品リスト クリックで展開 鳴かぬなら そこで朽ちてけ ほととぎす 鳴かぬなら 深淵に呑まれろ！ ダークインフィニティ！！ 鳴けぬなら、 邪鳴で叫べ、 ホトトギス 啼かぬなら 啼くまで悠久の時を待とう なあ

な…なんでこのポスターに描かれている女の子のスカートは透けているの…？ :(；ﾞﾟ'ωﾟ'): https://t.co/wCdYBAfgPz

人が恋柱を見る時、視線は胸元に吸い寄せられる。 だが本当に注目すべきは彼女の下半身だ。 彼女の短いスカートの下には、天才の業が隠れている。 『鬼滅の刃』第22話 視界が令和に染まる ちょっと前に恋柱こと甘露寺蜜璃が話題になっていた。 鬼滅楽しく見てたけど、おっぱいぶりんぶりんの柱が出てきてから「なんで柱になるほど強くても”おっぱいと愛嬌”のキャラにならなきゃいけないの？いつもそうだ…なんで当たり前にこう描かれるの…」って悔しくて泣けてきて、続き見れない。お願いだから女性キャラも、普通に人間として戦わせてくれ……— 酒向萌実｜GoodMorning (@SAKOMOMI) January 17, 2020 この人の感想については意見がいろいろとあるだろうが、本記事の主題はそこではない。主題に関わるのは、この人が甘露寺のキャラデザのどこに注目していたかである。 『鬼滅の刃』第22話 ツイートか

モーニング・アフタヌーン・イブニング合同Webコミックサイト「モアイ」は終了しました。 「コミックDAYS」「モーニング公式サイト」「アフタヌーン公式サイト」をご利用ください。

はじめに HTML＋CSSコーディングにおける制作者の思考や判断、アプローチ、コード化に至るまでの流れなどを分解し、コードの状態なども含めてそれぞれを短い言葉で言語化しました。 以下のような効果が期待できます。 HTMLとCSSを使っておこなってきた事を客観視・再認識できる 始原的な動機を把握することで、手法を別の視点で捉えられるようになる 認識合わせや熟練度確認に利用し、制作時のコミュニケーションを円滑にする 場合によっては、ぼんやりと捉えていたことや、詰まりやすかったポイントなどがハッキリと認識できるようになるかもしれません。 言語化の概要 まずは、全体像が分かる概要図を掲載します。 この記事は、以下のステップと各項目について順に説明するものになります。 前提事項・環境について 言語化するにあたって前提となる考え方や環境について記載します。 HTMLとCSSの役割 HTML → データ

JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 JavaScriptの仕様であるECMAScriptは年次で仕様が更新されています。ECMAScript 2020（ES2020）は2020年6月にリリースとなりました。現行のすべてのブラウザでES2020の機能は利用できますが、フロントエンドエンジニアにとって使いこなしたい記法ばかりです。 本記事ではES2020に焦点をあて、JavaScriptの新しい記述方法のメリットと使いどころを解説します。 オプショナルチェーン Optional Chaining（オプショナルチェーンやオプショナルチェーニングと呼ばれています）とは、?.構文を用いてnullやundefinedになりうる値へ安全にアクセスできる仕組みです。 利用シーン nullやunde

国民民主党の玉木雄一郎代表は22日、衆院代表質問で選択的夫婦別姓の導入を訴えた際、自民党の女性議員から「だったら結婚しなくていい」とやじが飛んだと記者団に明らかにした。

CSS初心者の方が「サイズがバラバラの写真をトリミングして縦横比を揃えて綺麗に表示したい」と思った時に、「CSS　画像トリミング」なんてググると 、まず出てくるのが”object-fit”ではないでしょうか。たった1～2行ほどのコードを書き加えるだけで画像が綺麗にトリミングされます。「おおーっ！」って感じですよね。 しかし残念ながら”object-fit”は、IEでサポートされていません。IEはもう更新されませんから、ユーザーが居なくなるまでは実務では使いづらいところです。IEでも使用できるようにするスクリプトも出回っていますが、「面倒くさくて、そんなもん入れたくない」という人も多いでしょう。そこで、今回は”object-fit”やjavascriptを使用せずに、CSSだけで画像を特定の縦横比にトリミングする方法を書いてみたいと思います。縦横比に合わせるので、レスポンシブレイアウトでも問

絶対触れないし近くにいるのも怖いし野良猫には過剰にビビる なんなら犬や鳥、魚類虫類等も苦手だが、例えば苦手なんですごめんなさいと言うべき時に動物嫌いって悪い印象を受ける気がしてそれとなくやり過ごしてばかり それは自己都合だとしても、広告やCMにネコチャンが写っているのは事前に避けられない事も多くつらい 目をそらさずにはいられないし、紙媒体だと捨てる為に触るのも少し躊躇う たまにペットショップの路面店(ガラス張りで外からでも動物の様子が見れる)の前を通らなければならない時は息を止めて早足で去るしかない でも猫の広告を出すな！猫カフェやめろ！とは言わない 不快なのは間違いないんだけど言い出す気にならないのはなんでだろう？ もちろん嫌いだから絶滅しろとか加害したいとか言ってるわけではない。触りたくないし見たくないから加害なんてもってのほかだ……

筋トレ100%マン @BCAA20000 今行ってきた某企業に出入りしてる商社の坊主！担当者にはペコペコしてるのに、守衛のジッちゃんに横柄な態度取るなよ！人としてとかじゃなくて、そのジッちゃん、外注の警備会社の人じゃなくて引退した元その会社の社員の人だから！（笑） お前の評判が悪いのは、ジッちゃんがチクってるからだぞ！ 2019-12-25 14:31:47