速記コーディングアプリTexterまで使いこなしてしまう最先端のこの俺による川崎競輪7Rの予想だぜ？

すげえよな令和二年。

スマホに向かってしゃべってるだけでそれをテキストにしてくれるんだってよ。

俺は思った。これってもしかして毎回長文の予想を書く俺みたいな緻密分析タイプに人間には使いようによってはいいんじゃねえかってな。

そのアプリがこいつ。

テキスターっつうんだってよ。

今日の川崎7レースはかなり自信があって、予想を出そうかと思っていたんだが、これを利用してコピペ楽々予想を出させても

webデザイナーもコーディングはできるようにしておくべき理由3選

最近twitter上でも、webデザイナーはコーディングするべきか否かが盛り上がってます。

この話は以前から言われていたことではあって、色々な意見があるんですが。

個人的には、今後業界で生き残っていくためにも、webデザイナーはコーディングをできるようにしておく必要があると思ってます。

今回は、元々コーダーとしてこの業界に来て、その後デザインも携わった自分なりの見解をまとめてみました。

■

「ぼくには教育者のマインドがある」

自身が独学ができない子どもだった経験から「生徒が思うような結果を残せなければ心が痛むし、改善の余地がないか一緒に振り返る」という姿勢で子どもに向き合っているのがすばらしいなと思った。
https://wired.jp/2017/11/23/make-school-japan/

【コーディング】超分かりやすい！CSSスライダーアニメーション！！

昨日はコーディングの授業がありました。

数値の設定が意味不明だった@keyframesアニメーションの設定について、とても分かりやすく教えていただき、まるでヘッダー画像のように暗雲から光差し込むような感覚を覚えました！！さすが先生！！！すごい。

忘れないうちに、noteにまとめておきたいと思います。

どんなコードを書いたか

HTML/CSSは以下の通り設定しました。
やりたいこととしては、

【Web制作の基礎を確認！】 ホームページの制作フローを徹底解説！

ホームページを作成したいけど、デザインやコーディングの経験がない方は、
どのようにしてホームページを制作すればいいのか、戸惑いますよね。

そこで今回は、初心者の方でもわかりやすいように、
制作会社のWeb担当者が日頃行っている、
ホームページの制作フローを簡単にまとめてみました。
制作の流れを知ることでやるべきことも見えてくるので、
ぜひ確認していきましょう。

常に学び楽しむ姿勢で泳ぐWEB

WEB制作を日々勉強。どうも、とりです。夢を語ることの多い私ですが、実作業について感じることを書いてみようと思いました。WEB制作者の端くれの私ですが、PhotoshopやIllustratorなどのツール、HTMLやCSSなどの言語は決して難しいものではなく、WEB用語についてもWEBの仕組みさえ理解できれば簡単に理解できると思うので、文系だからといって諦める必要は毛頭ないことは事実だろう(私も

SVGファイルを表示させる時の注意点

WebデザイナーのmidoriBakoです。
SVGファイルを使用した際に表示されないケースがあったので注意点を書いてみました。

■サーバーの設定をしないと表示されない

下記のように画像としてHTMLやCSSで読み込んで使用する場合はサーバーの設定をする必要があります。

<img src="icon.svg" width="48" height="48">

.icon { backgro

書きたいこと

言葉がつまってしまった、

なにか書きたいし
ツイッターを見ていて思うことはいっぱいあるんだけど
それをいざ書こうと思うと
どうしたらいいかわからなくなる期になってしまった

なあ

って思ってると、先生のことを思い出す

｢なにを書けばいいかわからないときは、なにか書けるほど情報に触れていないということだと思います。情報を吐き出すには、情報を入れる必要があるから｣

就活してたときに、自分のポー

2020.1.10 いい日😊

今日は伊藤千晃ちゃんのお誕生日です！🎂
おめでとうございます！

仕事の方では、私がデザインしたスライド画像が本番サイトにアップされていたり、webサイトのレイアウト調整した部分も本番サイトに反映されていたりと、とても嬉しい出来事がありました！！

自分が作成したのが、実際に反映されると達成感や嬉しい気持ちになります😊

コーディング練習も順調に進んでいます！！😆

そして、会社の駐車場に向

文字要素の多いMVに隠しテキストを仕込む方法

文字要素が多いMV（メインビジュアル）にaltで情報を入れるのはちょっと…ってことありますよね。ビジュアル面だけでなく伝えるべき内容が画像内に含まれている場合は特に、情報はテキストとして認識させたいものです。
そんな時に使えるテクニック。

.mv { height: 0; overflow: hidden; text-indent: 100%; white-space: nowr