自宅にいながらプログラミングがゲーム感覚で学べる6つの学習コンテンツ - paiza times
こんにちは。谷口です。 ここ数日で休校の要請やリモートワークの推進など、学生・社会人問わず家にいる時間が増えた方が多いと思います。（もちろんリモートではできない業務のため出社されている方もたくさんいらっしゃるとは思いますが……）（paizaも、現在は全社員がなるべくリモートで勤務しています） そこで今回は せっかくだから家での時間を有効活用したい 子どもが時間を持て余しているので何か家で遊べるコンテンツがほしい プログラミングの勉強を始めたい といった方のために、PCさえあれば自宅で楽しくプログラミングが学べる、paizaの学習コンテンツやゲームをご紹介します。 コードクロニクル 対応言語：Python、PHP、Ruby 『コードクロニクル』は、プログラミングが魔法となるファンタジーの世界で、簡単なプログラミング問題を解きながらストーリーを進めていく学習ゲームです。 豊かな自然に恵まれ、さ
2020年の開発者が知っておくべき11の必須スキル - Qiita
以下は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年には何を学ぶべきでしょう
1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー
2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です！今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj
「1番仕事ができないプログラマー」に認定された元営業マンの僕がフリーランスエンジニアになるために意識した2つのこと | コードラン
「1番仕事ができないプログラマー」に認定された元営業マンの僕がフリーランスエンジニアになるために意識した2つのこと プログラミング学習 公開日 : 2020年01月20日 | [更新日] 2023年05月01日 「私はエンジニアに向いているのだろうか？」 エンジニアを目指す過程で、誰でも一度は思い浮かんだことがあるのではないでしょうか。 無理もないと思います。 勉強を始めたばかりの人にとって、プログラミング全体の輪郭が見えないかぎり、「一体、自分は今どこの何を勉強しているんだ」となるのは当たり前。 でも逆に、プログラミングの輪郭が見えてくると、色々なことが繋がってきます。 今回は、駆け出し時代に、「1番仕事ができないプログラマー」に認定されたとっくんさんに、駆け出しの頃のエピソードから、現在のフリーランスエンジニアに至るまでの話をお伺いしてきました。 大学卒業後、1年半ほど営業マンとして従
プログラミングことはじめに『独学プログラマー』がよさそう - log4ketancho
こんにちは、@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億を達成した仕事術」 みたいなやつだ。 この記事でそんな奇跡は起きない。 ここで語られるのはあくまで敗軍の将が語る、自らの失敗談だ。 素晴らしい成功譚ではなく、アンチパターンである。 著名なプロ
2020年にJavaScriptフレームワークをちゃんとはじめるために。｜榊原昌彦
結論を先に書くと、2015年あたりの混沌としたJavaScriptフレームワーク戦争は終わりを迎え、メジャーなフレームワークはどれも成熟してきているので、使いたいフレームワーク使ってください。 ただ技術選定においてはどれかひとつを選ばないといけないというリアルはあるので、理解を深めるための視座をいくつか紹介したいと思います。 JavaScriptフレームワークの簡易比較有名かつドキュメントが日本語化されており、入門書もでているJavaScriptフレームワークにはAngular、React、Vueがあります。 で、それぞれの違いなのですが、すごくシンプルに言ってしまうと、HTMLとJavaScriptの関係がそれぞれ違います。 ・ Angularは、HTMLとJavaScript（TypeScript）を分割してかきます。 ・ Reactは、JavaScriptの中にHTMLを書きます。
なんども書いてるAjax送受信の雛形 - Qiita
{ 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
jQueryのAjaxを使って外部HTMLの一部を抜き出し挿入する - Qiita
皆様こんにちは。普段は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
サイトの表示高速化につながる18のこと | knowledge / baigie
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita
こちらの記事は、『Learn to become a modern Frontend Developer in 2019』の和訳になります。 本投稿は転載であり、本記事はこちらになります。 はじめに 新年になって以前書いた記事を少し簡潔にして理解しやすいように書き直してみました。この文章に以前私が書いた文章と違ったことが書いてあったり、少し矛盾する内容が見つかってもあまり気にする必要はありません。 昨年私が書いた記事はGitHubで公開しています。 Web開発は絶えず変化する分野です - 今日私たちがWebサイトを構築する方法は、2～3年前のやり方とは全く違ってきています。利用できるツールが沢山あり、新しいツールも毎日出てくるので、ウェブ開発者はいつもどのツールを使えばよいのか迷ってしまいます。 私は、ウェブ開発に係るフロントエンド、バックエンド、または運用を学びたいと思う人を対象にしたツ
フロントエンドエンジニアにとっての2019年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第5回目となる本記事ではウェブ業界の「フロントエンドエンジニアにとっての2019年」と題してアンケート結果を紹介します。 JSでブラウザ挙動をどうやって防ぐ？ ウェブページでインタラクションを作るときに、ブラウザのデフォルト挙動が邪魔になることがあります。たとえば、aタグのリンクはJavaScriptでキャンセルでき、自前の処理に置き換えることができます。 ブラウザ挙動のキャンセルのやり方にはさまざまな手段があるのですが、主流のやり方はどれでしょうか？ addEventListener()メソッドやonclick属性のイベントについて質問しました。 187票の回答があり「ret
KindleのWEB・IT・プログラミング技術書大量セールまとめ(7/16まで)：99円読み放題と50%以上OFF：Python他(2019) - しねんたい@はてなブログ
2019/08/30現在 新しいプログラミング技術書セール開催中(9/12まで) www.shinentai.com AmazonのKindleストアで普段セールになりにくいプログラミング、WEB、IT関連技術書のセールが現在大規模展開中。開催されている技術書セールは主にふたつ。 各セールは対象の技術書ラインナップが異なるので両方チェックしよう(一部重複タイトルもあり)。 セール1【技術書大量50%以上OFF(最大70%OFF)：WEB・IT・プログラミング】 7月16日までプログラミング・WEB関連技術書が大量に50%以上OFF。70%近くOFFのタイトルもある。 対象はPython、Java、JavaScript、Excel＆VBA、WordPress、HTML&CSS、Google、Ruby、ＰＨＰ、Swift、Ｃ＃＆Ｃ＋＋、Go言語、Android、SQL、翔泳社など。とにかく大量
プログラマーを30年間やってきた経験から学んだことまとめ
プログラマーにとって「どうすればより効率よくプログラムを組み上げられるのか」は常に頭を悩まし続ける問題の1つとなっていますが、その道のエキスパートであるエンジニアのジュリオ・ビアソンさんが30年間ソフトウェア開発に携わってきた経験から学んだことについてブログにまとめています。 Julio Biason .Net 4.0 - Things I Learnt The Hard Way (in 30 Years of Software Development) https://blog.juliobiason.net/thoughts/things-i-learnt-the-hard-way/ ビアソンさんは多数ある「学んだこと」を以下の3つに大きくわけてまとめています。 ◆ソフトウェア開発について ◆チーム・仕事について ◆個人的なことについて これからプログラマーになろうとしている、あるいは
Excel VBA:特定のセルの値が変更されたとき(更新後処理イベント)だけVBAのプログラムを実行する方法
サンプルプログラム No.1 以下のサンプルプログラムは、Sheet1のセルのA1からC30までの範囲のセルに値に変更があった場合にメッセージボックス(MsgBox)を表示します。 Private Sub Worksheet_Change(ByVal Target As Range) 'A1からC10を1行目から10行目までかつ1列目から3列目までという条件 If (Target.Row >= 1 And Target.Row <= 10) And (Target.Column >= 1 And _ Target.Column <= 3) Then 'セルの値に変更があったときに実行したい処理を記述 MsgBox "Hello Excel" End If End Sub サンプルプログラム No.2 以下は、A1からA10、C1からC10など、対象のセル範囲が離れている場合のサンプルプログ
VBA基本(そのブックを開いた時に自動実行)
'*************************************************************************************************** ' Workbookイベントプロシージャサンプル Module1(Module) ' ' 作成者:井上治 URL:https://www.ne.jp/asahi/excel/inoue/ [Excelでお仕事!] '*************************************************************************************************** '変更日付 Rev 変更履歴内容------------------------------------------------------------------------> '
【バッチ】イベントログから特定のイベントIDのログを出力する方法(Win7/2008以降)
バッチ勉強継続中です。 サーバの管理者だったらよく見るであろうWindowsのイベントビューア、イベントログについてコマンドプロンプトおよびバッチからログを出力する方法について調べてみました。 処理の内容 ソースは一行だけなのでバッチと呼んでいいかどうかも怪しい作りですが、中でやっている処理については下記の通り。 「システム」のイベントログから、指定したイベントIDを出力する wevtutil qe system /f:text /q:*[System[(EventID=%1)]] Windows Vistaや7以降、Windows Server 2008以降でコマンドプロンプトからイベントログにアクセスするには wevtutil.exe を使います。 このコマンドから、イベントログにできる操作がすべて可能なのだとか。 コマンドのリファレンスについては、下記が詳しいのでこちらを参照。 Wi
「おじさんプログラマー」は「気に入られ力」を磨け！
「おじさんプログラマー」は「気に入られ力」を磨け！：仕事が「つまんない」ままでいいの？（38）（1/4 ページ） こんにちは、おじさんです。先月47歳になりました。 最近、「おじさん」を実感することが増えました。目が成熟して（いわゆる、老眼というやつです）見づらいので、ノートPCで仕事をするのが結構ツライです。容器に「40」と書いてある目薬を使うようになりました。肩もめちゃくちゃ凝ります。 そんな折、82歳で現役のプログラマーとして活躍する若宮正子さんが、ニューヨークの国連本部で講演をし、称賛を受けるという報道を見ました。若宮さんは80歳を超えてからプログラミングの技術を学び、スマートフォンのアプリを開発したそうです。 一言「すばらしい！」。すごいなー、格好いいなー。 というのも、私も以前、プログラマーだったからです。若いころは「生涯プログラマー」を目指していました。でも、30歳を過ぎたこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2019年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
5月9日まで！IT技術書今だけ大量50%以上OFF！発刊から1年前後の最新書中心に紹介：Python、HTML、CSS、JavaScript、Excel、Ruby、プログラミング：5月9日まで：Kindle(2019)のIT・プログラミング技術書大量50%以上OFF祭り開催中！発刊から1年前後の即戦力本を中心に紹介：Python、HTML、CSS、JavaScript、Excel - しねんたい@はてなブログ
