はじめに 今回はプログラミング初心者と中級者向けの、プログラミング学習サービスを紹介します。 自分自身が実際に学んできた中でよかったものだけをピックアップしています。 なお、progateやドットインストールといった誰でも知っている学習サービスは省いています。 web制作向け (1) web-design-textbook まずはじめに紹介するのはWeb制作を基礎から実装手法を網羅的に学ぶことができる「web-design-textbook」です。 こちらは基本編~上級編とレベル別になっているので初心者でも入りやすい構成になっています。 かつ問題数もかなり豊富で図を多数用いて解説をしているので独学でも挫折せずに学習を進められる教材になっています。 ぜひこれからWeb制作の学習をはじめたいという人は使ってみてください。 (2) Codestep 次に紹介するのは、HTMLやCSSといった基礎

VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.

KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”

Reactで開発をしていく上でみなさんがいつかお世話になるだろうと思った記事たちです。 （僕はお世話になりました。これからもお世話になります。） これも良かったよっていう記事があればコメントで教えてください！ 🌟 = 特におすすめ Reactを最初から学ぶ・入門 React Docs BETA 🌟 りあクト！ TypeScriptで始めるつらくないReact開発 第4版【① 言語・環境編】 - くるみ割り書房 ft. React - BOOTH 🌟 Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス RailsエンジニアのためのNext.js入門 - hokaccha memo React Glossary + Explain Like I'm Five 🌟 React Server Components 総まとめ Reactのレンダリングに関

やっぱりwebpackがわからない（エピソード2）、そもそもnpmからわからないを公開しました。 webpackがわからない 最近はViteが注目されだして、実際にとても良いビルドツールです。Vue.jsのEvan Youさんが開発しただけのことはありますね。ネーミングもイカしてます。しかし、だからといって、では開発環境にViteを採用しようと簡単にはできないのが、業務の辛い所です。新しい技術を採用して、「わしが全責任を引き受けるぜよ」というThe 男気！な人はなかなかいません。 したがって、当分はwebpackを使い続けることになるのですが、これが未だによくわからないという人が意外と多いです。フロントエンドプログラミングの初心者に近い人などは、この段階でつまずくことにより、すっかり自信をなくしてしまうこともあります。 ですが一先ず安心してください。webpackを含むこれらフロントエンド

ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleのエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定する アスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

2019年12月12日追記：家電会議を終了しました。ご利用いただいた皆様、ありがとうございました。 2016年9月8日にサービスを開始して以来、ユーザーの皆さまにご利用、ご愛用いただいてきた「家電会議」ですが、2019年12月12日をもちまして終了させていただきます。また、これに伴い、ソニーホームエンタテインメント＆サウンドプロダクツ株式会社が運営するVideo & TV SideViewに、家電会議の一部ページを利用し提供していた「話題のTVニュース」枠も終了します。ご利用いただいているユーザーの皆さま、大変申し訳ございません。深くお詫びいたします。 家電会議は、はてなブックマークの機能や膨大なブックマークデータを活用し、機械学習などを用いながら家電やエンターテイメント情報に特化した実験的なサイトでした。これらのページについては、2019年12月12日以降はご利用いただけなくなります。た

2017年01月17日14:00 文章が凄い小説教えて Tweet 1：以下、名無しにかわりましてVIPがお送りします：2013/02/03(日) 19:50:05.04 ID:kxIo6vYU0 読みやすい、美しい、尖ってる、何でもいいからとにかく凄い！って文章の小説教えて 3：以下、名無しにかわりましてVIPがお送りします：2013/02/03(日) 19:50:35.79 ID:XnA6o7P80 山田悠介全般 18：以下、名無しにかわりましてVIPがお送りします：2013/02/03(日) 19:58:51.55 ID:Q4sXQwNc0 >>3 うん、あれはすごいな 山田流秘奥義～『仏壇返し』 「ましてや数分間で全てを思い出す事は全く不可能だった。翼は思い出す。」 山田流秘奥義～『涅槃』 「しかし、翼の心境が大きく変化したのは彷徨い続けてから、その直後であった。」 山田流秘奥義～

タイトルと画面の一部分だけを入れ替えてページ遷移の体感速度をいい感じに上げてくれるpjax。 pjax自体も導入はそこまで難しくはないんですが、「Barba.js」を使ったら簡単すぎてひっくりこけたので導入メモ。このサイトで使っています。160901現在。 luruke/barba.js: Create badass, fluid and smooth transition between your website's pages. 詳しくは Barba.js のリポジトリのリドミを読んでくれという感じなのですが luruke/barba.js: Create badass, fluid and smooth transition between your website's pages. <script src="barba.min.js" type="text/javascript">

PDFはブラウザと相性がいいので、よく使います。ワードやエクセルで作った書類なんかはPDFにして公開するパターンが多いです。最近、そんなPDFの隠された機能を知りました。いや、隠されてなかったんですけど。 それは、ブラウザで開く際にズーム100％で表示させたり、ページを指定して開かせることができるということ。なんというか、これまでは調べる前から、それはできないんじゃないだろうか…なんて思ってました。 パラメータの指定方法PDFにはあらかじめ、Open Parametersというものが準備されています。このパラメータの渡し方は、URLの後ろに#をつけてデータを渡すだけです。Google Chromeについては独自のビューワーを使っているため、このパラメータは効かないようです。 いろんなパラメータがありますが、使えそうなものを抜粋します。 ズーム(zoom=n)50%にしたい場合はzoom=5

こんにちは！　ディレクターの まさしです。 ディレクターは、お客様の悩みや課題を解決へ導く、とても素敵な仕事ですよね！ お客様の課題が解決され、喜びが共有できたときが、ディレクターにとって一番嬉しい瞬間でしょう。（制作物が公開されたときよりも） さて、お客様の課題解決をしたい場合は、まずはヒアリングから始めますよね。 今日は、このヒアリングという部分において、一番重要だなと思っていることをお話しできればと思います。 何が一番重要かは、人によって違うかと思いますが、僕にとって一番だなと思う点をご紹介させていただきます。 ディレクターの皆さんと、その先にいるクライアントさんに少しでも良い気づきがあれば幸いです。 お客様が本当に依頼したいこと 僕がヒアリング時に一番重要だなと思っていることは、ビジネスモデルです。 まずWebサイトを作る際に、主に考えないといけない目線としては以下の2つがあげられ

En un Design System que estoy trabajando actualmente, el stack consiste en: Vite, Vue, Ant Design System (Antdv) y otras librerías. Mi intención es customizar Antdv con tal de no crear nuevas clases o sobreescribir estilos sino nativamente crear la identidad gráfica, a través de custom variables de Antdv. El proceso no fue corto y finalmente encontré la receta, la que muestro en este artículo con

こんにちわ、ハマケンです。 先週の『2015年が来る前に。。押さえておきたい最近のWEBトレンドを12個ほど。』に続いて、今日は海外や国内でもちょこちょこ紹介があったサービスを11個程まとめてみました。 画像の圧縮やSVG作成、JSやCSS、アニメーションGIFなどのサービスなどもありますので、参考になればと思います。 Advertisement CSSDevices CSSDevices by Yamartino 先週書いたWEBトレンド2014にもあげた様にフラットデバイスデザインが増えてきていますね。 と言う訳でiPhoneやiPadなどAppleのデバイスに特化したフラットデバイスを紹介しているサイトです。AppleWatchもあります。 gifshot gifshot – JavaScript library that can create animated GIFs from

Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.

ABOUT BANDBOOKMARK.COMは、日本を中心に世界で活躍するバンドの ホームページを集めたリンク集です。 メジャー、インディーズ問わず幅広く掲載しています。 SUBMIT A SITE