はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界

Animated Pictograms日本に古くから根付く、独特の文化や習慣、 マナーをもっと楽しく、わかりやすく、身近に。 参拝お辞儀餅つきタクシーを拾う入浴手水茶道手締め電車相撲の決まり手阿波おどりComing Soon

Sassの@importルールは、廃止されることが予定されています。 @useや@forwardといったルールに置き換わるのですが、これらは全く新しいシステムです。 これらの知見が溜まってきたのでご紹介します。 @import と 新しいモジュールシステム Sassの初期の方から実装されていた@importは、テキスト形式でSassファイルを読み込むための機能です。便利な機能ですが、CSSの@importと重複しているため、SassなのかCSSなのか一見してわかりにくい側面がありました。 新しいモジュールシステムは、この問題を解消し、Sassをより柔軟に使用できるようにします。 @importではグローバルに指定されていた変数などは、ファイルごとにカプセル化され、ファイルの内容に基づいて解決できるようになりました。 現在、Dart Sassしか新しいモジュールシステムは使えませんが、Lib

※ CSS Animationに関してはWeb Animation APIを使うことでより簡単にJavaScriptからアニメーションを構築・制御できるようになります。2020年2月時点ではブラウザの実装が不十分でPolyfillを要するため、この記事では対象外としています。 専用ライブラリを使わずにアニメーションを作ろう 各ライブラリは特別な魔法を使っているわけではありません。 原理的にはCSS・SVG・WebGLといった各要素技術をしっかりと習得すれば、専用のライブラリと同等のことができるばかりか、より高い自由度を手に入れながら軽量化を実現できる可能性もあります。 また、専用のライブラリを利用する場合にも、基礎となる原理や各技術の得意不得意を知っていることは大きな武器となるでしょう。 Vue.jsを使ってCSSやSVGのアニメーションを書く とは言え、これらのアニメーションを土台の技術

昨日、PIXIV TECH FESで登壇させていただいたときに発表したスライドの内容になります。 当日、来れなかった方はぜひこちらをご覧ください！ そして、当日お越し下さった皆さま本当にありがとうございました！ Twitterで「CSSアニメーション」「CSSヤクザ」というワードがたくさん飛び交って、とても嬉しいです。 これからもCSSと共に新しい表現を模索していきますのでぜひお楽しみに！

小林市は、おいしい肉を育てています。 でも、そのおいしさを伝える、 誰でも使えるお肉の画像が無い…。 そこで誕生。 100%小林産黒毛和牛使用、プロ撮影！ 「お肉のフリー素材サイト」です。 小林市の畜産農家さん、お肉屋さん、 和牛を育てる高校生だけでなく、 世界中の誰でも無料で使用できます。 みんなが使えば、社会全体の 肉画像レベルはきっと上がる。 世界が少しだけ、 幸せになると信じています。 oniku movie 国民総YouTuber社会も、そう遠くない… 時代に追いつくため、oniku imagesも フリー肉動画素材をご用意しました。 動画作品に香ばしさを加えたい時にどうぞ。

「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を

みたいなのあったら聞かせて 本でも映画でも趣味でも便利グッズでも。 できたらポジティブな方向で

Firebaseは、Googleが運営しているBaas(Backend as a Service)です。最近人気のサーバレスアプリケーションが簡単に作れることで有名です。ちなみに「サーバレス」とは、別にサーバーを使わないという意味ではなく、サーバーを意識しないで開発できることを言います。 今回、Firebaseの知見がだいぶ集まってきたので、今までで勉強になったサイトや記事などをまとめました。ちなみに、私がフロントエンドをVue.jsで構築しているため、Vue.jsよりの情報になっているのでそこは気をつけてください。 Firebase公式ドキュメント Qiita 個人ブログ 書籍 ドットインストール（動画） まとめ Firebase公式ドキュメント https://firebase.google.com/docs/guides/ いきなりのド直球ですが、この公式ドキュメントを見なくては始ま

絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね？」と危機を感じたので0から作り直しました。 サイト： https://pf.nekobooks.com/ ソース： https://github.com/yuneco/portfolio 機能・性能・運用を考えて作った結果、VueとFirebase(Web)の機能を一通り使ったサイトが出来上がりました。これからちょっと凝ったポートフォリオサイトを作りたい方向けに、どういう目的でどの機能を使ったのか、その時のポイントはなんだったのかを共有します。 2019.4.18追記 春なので期間限定1で桜が咲くアニメーションを追加してみました。単体のアニメーションはテストページで試せます。複雑に見えるか

どこもかしこも妙ちくりんな図で混乱させてくるのうざい 自分で書いてみる gitなんてクソ難しいんだから、きちんと概念を理解させようとかすんなよ なぜgitが必要かバージョン管理のために必要、と言うと意味わからんと思う プログラムみたいなのは少しずつ変更していくんだ だから細かに変更の差分を管理したり、変更を戻せたりしなきゃきつい なぜgitか？他のバージョン管理との違いうるせぇgit使え そんなの来年考えろ gitの基本要素、用語branch： いきなり説明が難しいが、branchがわかればどうにかなる。 例えば、今編集しているプログラムに対して、RPGのセーブデータがあると思ってほしい。 それぞれのセーブデータがそれぞれのブランチにあたる。 セーブデータが1枠しか無いと、難しいだろ？何があるかわからない、戻ったり、試したりしたいからな。 セーブデータと少し違うのは、1個のブランチでも過去

Fate/Grand Order -Epic of Remnant- 英霊剣豪七番勝負 原作/TYPE-MOON 漫画/渡れい カルデアのマスター・立香の意識は、突如江戸時代の日本へ奪われた。異なる歴史を辿る下総国にて、かつて夢で出会った女剣士・宮本武蔵と再会を果たした立香。二人は、凄惨な殺戮を繰り広げる七騎の“英霊剣豪”との死闘をくぐり抜けてゆく――。大人気アプリゲーム『Fate/Grand Order』1.5部を完全コミカライズ。『宿業』もろとも、『空』への道を斬り拓け。

今さらセカイ系(笑)の出来損ないみたいな90年代ラノベ引っ張りだしたところで、ガキが食いつくわけもないと分かりきってるのがクソ。どうせ昔のファンも大半はとっくに趣味変わってるだろ。 無意味に時間が行ったり来たりするのがクソ。カッコイイとでも思ってんのか？分かりにくいだけだわアホ。 キャラデザ全員モブ過ぎて誰が誰だか分からないのがクソ。ブギーポップは分からない（爆笑） ラノベ業界もそろそろ弾切れで苦しいのは分かるけどさあ、さすがにこんなもん引っ張り出してくるぐらいなら、他にもっといい原作あるだろ。たとえば……お留守バンシーとか！ そこまで打ち込んだところで〝増田〟は確認画面に進み、実際に表示される際の見え方をチェックする。特に問題のないことを確認して「この内容を登録する」ボタンをクリックした。 大きく息を吐き、しばし目を閉じて時間が過ぎるのを待つ。ヘッドホンからは、路地裏の秘密クラブについて

はじめに 対象者 JavaScript / Vue.js / PHP / Laravel の入門レベルの方、入門書を読んだあとに「何か作ってみたい」という方が、それぞれの知識を組み合わせて本格的なアプリケーションを開発できるようになることを目指しています。 上記のいずれかの知識がまったくない状態だとこのチュートリアルの内容は少し難しいかもしれません。チャレンジするのもいいですが、参考文献に挙げた市販の入門書か、関連記事のチュートリアルを先に読んでおくと理解しやすいと思います。 学べること Vue.js と Laravel を組み合わせて SPA を構築する方法 SPA におけるクッキー認証と CSRF 対策 Vue Router を使用した画面遷移 Vuex を使用した状態管理 Vue でのタブやローディング UI の表現 SPA におけるエラー処理 扱わないこと デザインと CSS コー

私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。

実を言うとはてなはもうだめです。 突然こんなこと言ってごめんね。 でも本当です。 ２、３日後にものすごく 長い増田があります。 それが終わりの合図です。 程なく大きめの本田が来るので 気をつけて。 それがやんだら、少しだけ間をおいて 吉田がきます。

われわれは日々、ネットを使う。そして、さまざまなサービスにログインする。ログインなしの日々はない。 アマゾンにログインし、グーグルにログインする。ツイッターや、フェイスブックや、インスタグラムにログインする。現代において、ネットをすることはログインすることなのである。 もちろん、ログアウトもある。しばらくアクセスしないと、勝手にログアウトしていたりする。そんなとき、普段とはちがうトップページを見て、「ふうん」と思う。 「ログインしてない時は、そんな顔するんだ？」 たとえば、アマゾンにログインしていない状態で、アマゾンのトップページを見る。「ようこそゲストさん」と言われて、「へえ、知らない人にはそんな感じなんだ？」と思う。 別の女になりすまして、恋人に会うようなものだろうか。 ログインしていないときのアマゾンは、わたしに平気でキャンプ用品をすすめてきたりする。 ふだんはわたしの好みを知り尽く

通勤通学のお供に ランクタイトルブクマ数日付カテゴリ1人生に物語は要らない21262017/12/27 00:40暮らし2自走式彼女20172017/09/07 16:42暮らし3日曜日に20002017/06/28 16:27暮らし4なんか結婚できた19092017/08/30 10:34暮らし5議事録を作る仕事をしていました17202016/08/07 15:32政治と経済6テトリス15962017/05/24 09:52暮らし7副業で風俗レポを連載していたのだが、15502017/10/23 19:13暮らし8Yahoo!チャットって場所があったんだよ15022015/06/25 14:01おもしろ935年勉めて幹部もやった会社を辞めることになったので、愚痴る。15002016/01/18 00:41アニメとゲーム10Ｉさんについて14962017/09/14 16:44暮らし11美

今日は、日本の代表的なソフトウェア開発手法について紹介しよう。 その名も、メテオフォール型開発である*1。 第一節 通常のウォーターフォール型開発におけるプロジェクトはこのような形を取るが、 メテオフォール型開発ではこのような形が取られる。 そしてこうなる。 これはアジャイル型開発手法におけるサイクルであるが、 神の前では無力である。 神の一声は全てを崩壊させ、 民は一生懸命これを再建す。 これが、メテオフォール型開発*2である。 第二節 全てのスケジュールは天界の都合によって決まる。これを黙示録と呼ぶ。 ソフトウェア開発においてフィードバックは重要なファクターだが、 神にフィードバックは届かない。 ただし、祈りを捧げることはできる。この祈りはごくまれに届く。 神は様々な姿を取る。 外から現れることもあれば、 内に棲んでいることもある。 あるいは、まだ会っていない or 会うことすらできな