こんにちは。谷口です。 ここ数日で休校の要請やリモートワークの推進など、学生・社会人問わず家にいる時間が増えた方が多いと思います。（もちろんリモートではできない業務のため出社されている方もたくさんいらっしゃるとは思いますが……）（paizaも、現在は全社員がなるべくリモートで勤務しています） そこで今回は せっかくだから家での時間を有効活用したい 子どもが時間を持て余しているので何か家で遊べるコンテンツがほしい プログラミングの勉強を始めたい といった方のために、PCさえあれば自宅で楽しくプログラミングが学べる、paizaの学習コンテンツやゲームをご紹介します。 コードクロニクル 対応言語：Python、PHP、Ruby 『コードクロニクル』は、プログラミングが魔法となるファンタジーの世界で、簡単なプログラミング問題を解きながらストーリーを進めていく学習ゲームです。 豊かな自然に恵まれ、さ

公開日: 2016/03/09 | 更新日: 2017/08/10 WEBPコンバーターは、JPEGやPNGをWEBPに、WEBPをPNGに変換するウェブサービスです。画質を保ったまま、圧倒的に容量を圧縮できるWEBPをウェブサイトで活用していきましょう。Chromeにのみ対応しています。 ヒントJPG、PNGからWEBPに変換する「変換前の画像」という項目にある「ファイルを選択」を押して、PNGかJPGのファイルを指定して下さい。「変換後の画像」という項目に、WEBPに変換した画像が表示されるので保存して下さい。WEBPからPNGに変換する「変換前の画像」という項目にある「ファイルを選択」を押して、WEBPのファイルを指定して下さい。「変換後の画像」という項目に、PNGに変換した画像が表示されるので保存して下さい。プライバシーについてここで使用した画像は、当サイトのサーバーにはアップロー

電脳レストハウス梅ちゃん堂は終了しました。

以下はjavinpaul( Webサイト / Twitter / Facebook / dev.to )による記事、11 Essential Skills Software Developers should Learn in 2020の日本語訳です。 なおリンク先URLは元記事のままであり、和訳にあたり変更などは行っていません。 11 Essential Skills Software Developers should Learn in 2020 注意事項：この記事にはアフィリエイトリンクが含まれています。 この記事に記載されているリンクを踏んで製品やサービスを購入すると、私が利益を受けとることがあります。 ソフトウェア開発を始めてしばらくすると、優れたプログラマになるには何をすればいいのかという考えが時によぎるでしょう。 より良い開発者になるために、2020年には何を学ぶべきでしょう

曲も良いし歌も楽器も上手い、おまけにルックスもスタイルもいいのに全然売れない、あるいは売れはしたけど早々と頭打ちになって伸び悩んでいるという人がいます。 なんでだろうと昔から思っていたのですが、最近なんとなく分かったことがあります。たぶん、全部正解だからでしょう。 これはあらゆる分野に共通することではないでしょうか？ 作品や商品を構成する各要素で８０点以上出せているのに、なぜか全て足して完成してみたら５０点になってしまったという現象。 なぜそうなるのかを考えてもたぶん答えはでません。 唯一言えることは、全部正解で構成した結果、完成品は不正解になりがちということだけです。 これを逆に考えてみればなんとなく理解できます。 例えば２０１８年に大ヒットしたDA PUMPの「USA」。 youtu.be ２０２０年の今だからこれが「正解」だと言えますが、リリース前にメンバーは『こ、これかよ…』とかな

こんにちは！ノマドワーカーのちづみ(@098ra0209)です！ 今はカンボジアに住みながら、お仕事はウェブデザイン多めのウェブ制作をしています。 デザインは主にAdobeのxdを使っているのですが、デザイナーはもちろん、コーダーにとってもかなり親切設計なので、とてもおすすめです。その魅力をコーダー目線で具体的に紹介します。

2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です！今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj

「1番仕事ができないプログラマー」に認定された元営業マンの僕がフリーランスエンジニアになるために意識した2つのこと プログラミング学習 公開日 : 2020年01月20日 | [更新日] 2023年05月01日 「私はエンジニアに向いているのだろうか？」 エンジニアを目指す過程で、誰でも一度は思い浮かんだことがあるのではないでしょうか。 無理もないと思います。 勉強を始めたばかりの人にとって、プログラミング全体の輪郭が見えないかぎり、「一体、自分は今どこの何を勉強しているんだ」となるのは当たり前。 でも逆に、プログラミングの輪郭が見えてくると、色々なことが繋がってきます。 今回は、駆け出し時代に、「1番仕事ができないプログラマー」に認定されたとっくんさんに、駆け出しの頃のエピソードから、現在のフリーランスエンジニアに至るまでの話をお伺いしてきました。 大学卒業後、1年半ほど営業マンとして従

こんにちは、@ketancho です。 Python を体系的に学び直したいというモチベーションで、参考書を探していたのですが、 Python 体系的に学べてない感あるので中川さんポストでちょうど良さそうなの探すぞ👀 / 他32件のコメント https://t.co/eM2wDVavjS “Pythonを学ぶときに読むべき本2020年版 - 初心者からプロになるために - Lean Baseball” (960 users) https://t.co/nCJeNIzT48— ketancho 🙂｜Kei Kanazawa (@ketancho) 2020年1月11日 こちらの中川さんのポストを読ませてもらったところ、『独学プログラマー』が気になったので読んでみました。 （中川さんポストから薄々感じていたのですが、）私自身の「Python の学び直し」という観点だとやや初級者向けだったか

5年以上前に「プログラマーになりたい」と思い立ち、業務の後でコツコツとプログラミングの勉強をしてきた。 「自分でアプリケーションを作って、世の中に出せたらどんなに素敵なことだろう」 と夢を見ていた。青雲の志と言ってもいい。 就職前はファイルとフォルダの違いもわからず、WindowsのパソコンのセットアップもできないIT弱者であった私が、ゼロどころかマイナスの状態から、明らかに適正がないのを承知でコツコツと勉強してきた。 ...という論調で始まると 「全然ダメだった自分が大逆転を果たすまでの素晴らしい勉強法」 を語るようにも見えるだろう。 ネットでよくある 「借金100万円の落ちこぼれだった僕が年収1億を達成した仕事術」 みたいなやつだ。 この記事でそんな奇跡は起きない。 ここで語られるのはあくまで敗軍の将が語る、自らの失敗談だ。 素晴らしい成功譚ではなく、アンチパターンである。 著名なプロ

結論を先に書くと、2015年あたりの混沌としたJavaScriptフレームワーク戦争は終わりを迎え、メジャーなフレームワークはどれも成熟してきているので、使いたいフレームワーク使ってください。 ただ技術選定においてはどれかひとつを選ばないといけないというリアルはあるので、理解を深めるための視座をいくつか紹介したいと思います。 JavaScriptフレームワークの簡易比較有名かつドキュメントが日本語化されており、入門書もでているJavaScriptフレームワークにはAngular、React、Vueがあります。 で、それぞれの違いなのですが、すごくシンプルに言ってしまうと、HTMLとJavaScriptの関係がそれぞれ違います。 ・ Angularは、HTMLとJavaScript（TypeScript）を分割してかきます。 ・ Reactは、JavaScriptの中にHTMLを書きます。

全国的に人手不足が続いているが、もっとも働き手を欲しているのは、労働人口の東京一極集中のあおりを受けている地方だろう。地方活性化の目的からも、自治体主導でUターンやIターンを促す動きも活発になっており、関心を寄せる人も増えているとは思うのだが、そこでネックになるのが「自分のキャリアを生かせる仕事が地方にあるのか」という点ではないだろうか。 首都圏から福岡への移住を伴う人材紹介を手掛ける「YOUTURN 」という会社がある。代表の中村義之氏によれば、福岡市クラスの都市では大幅なキャリアアップにつながる仕事が「たくさんある」のだという。首都圏から地方への移住・転職を成功させる秘訣を中村氏に聞いた。（聞き手・構成：JBpress 阿部 崇） 「地方移住は都落ち」と見られる現状を変えたい ——事業を開始して2年ほどだそうですが、その間に感じた福岡への移住・転職の感触を教えてください。 中村義之氏（

（株）秤代表取締役社長／（株）カーツメディアワークス  シニアコンサルタントの小川と申します。企業のマーケティング支援と書籍「Excelでできるデータドリブン・マーケティング」出版や宣伝会議「マーケティング分析講座」講師など、マーケターに分析ノウハウを共有する活動をしています。共有するノウハウのテーマは確からしい戦略を導くためのマーケティング・サイエンスです。 年末年始おすすめのマーケティング書籍10選をまとめました。戦略を導くマーケターを目指すかたへ、まず1冊目はコレを、2冊目はコレを。と考えたオススメ順番①～⑩で紹介します。選定基準は主観です。私は独学から書籍を出版するまでに至りました。何から学べば良いかすら分からずに浪費した時間は1,000時間はくだらないので、みなさんには、そうした無駄をなくして頂きたい、そうした視点から厳選した10冊です。 4象限のマッピングの縦軸は上部が網羅的で

2019年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。

{ var hostUrl= 'https://*****.php'; //var param1 = 1; //var param2 = 10; $.ajax({ url: hostUrl, // username: "*****", // Basic認証用ユーザー名 // password: "*****", // Basic認証用パスワード type:'POST', dataType: 'json', data : {name : "hoge"}, //data : {parameter1 : param1, parameter2 : param2 }, timeout:3000, }).done(function(data) { console.log('Successful communication with API!'); console.log('ReturnParamete

皆様こんにちは。普段はC++やってます。 本題に。 jQueryを用いて単にhtmlを読み込み表示する これは簡単です。 http://yokano-jp.blogspot.jp/2013/10/jquery-html_10.html より引用します <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery load() sample</title> </head> <body> <h1>ここに外部 HTML ファイルを表示します</h1> <div id="page"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="load.js"></scri

ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高

モダンブラウザをターゲットにしたWeb制作では、CSSにおけるブラウザの互換性の問題はIE6の頃に比べるとはるかに少なくなりました。無理なリセットやすべてをリセットする必要は全くありません。 現在のWeb制作に合わせて制作された新しいCSSリセットを紹介します。 CSSの知見やテクニックも満載です！ A Modern CSS Reset A Modern CSS Reset -GitHub by Andy Bell 他のCSSリセットが気になる人は、こちらも注目です。 2020年、モダンブラウザに適したCSSリセットのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのCSSリセット 各CSSリセットの解説 まとめ はじめに 私は日々、CSSについて考えて楽しんでいます。それは、お

22年前、グーグルの創業者らがPageRank（ペイジランク）を発明し、それ以降のウェブが変わった。既存のランキングアルゴリズムと比べてPageRankが大きく違っていたのは、次の点だ： ウェブ上のリンクを票と見なす。最初の段階では、票はすべて平等だ。 得票数が多いページほど重要度が増す（そして、より上位に表示される）。 重要なページほど票の重要度が増す。 しかしグーグルは、そこで止まらなかった。さらに、 アンカーテキストトピックモデリングコンテンツ分析トラスト（信頼）シグナルユーザーエンゲージメントなど、検索結果をよりいっそう改善する要素を取り入れたのだ。 リンクはもはや平等ではない。いや、平等とはほど遠い。 ランド・フィッシュキンがこの記事のオリジナルバージョンを公開したのは、2010年だ。はっきり言って、それはSEOの世界を震撼させた。ここでは、彼のオリジナル記事から非常に多くの部分